/* Form styles */


label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
 
input.text, input.title, textarea, select {
margin:0.5em 0;
border:1px solid #bbb;

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;

}

.newsletterbox{
	padding-top: 20px;
	margin-top:  30px;
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 40px;
	border:  #CCC solid 1px;
	-moz-border-radius:10px;
	background: url(../imgs/graphics/emailsignup_bg.jpg) top repeat-x;
	-webkit-border-radius:10px;
	border-radius: 10px;
	background-color: #FFF;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.submit_input { background-image:url(../imgs/graphics/contactusbutton-bg.gif);background-color:  #9999CC; background-color: border: 0; height: 26px; padding: 0; width: 140px; margin: 0 0 0 0px; color: #3300FF; font: bold 0.8em arial, sans-serif; float: left; }

input.text, input.title  {
width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}
input.title {font-size:1.5em;}

textarea {
height:100px; 

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#navcontainer
{
 
margin: 0 auto;
padding: 0 0 0 0;
font-family: georgia, serif;
 
}

th, td, caption {padding:4px 4px 4px 4px;}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}


ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size:1.1em;

}

ul#navlist li
{
	display: block;
	float: left;
	width: 18%;
	margin: 0 6px 0px 6px;
	padding: 0;
	text-align:center;

 
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
 
color: #777;
text-decoration: none;
background: #FF0000;
	-moz-border-radius: 10px; 
	border-radius: 10px;

}

#navcontainer>ul#navlist li a { width: auto; 
padding-bottom: 35px;
 }

ul#navlist li#homepagebnselected a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/homebackground-bg.gif) no-repeat bottom center;
}
ul#navlist li#craftcoursesbnselected a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/craftcourses-background-bg.gif) no-repeat bottom center;
}
ul#navlist li#commissionsbnselected a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/commissions-background-bg.gif) no-repeat bottom center;
}
ul#navlist li#communityartbnselected a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/communityart-background-bg.gif) no-repeat bottom center;
}
ul#navlist li#contactusbnselected a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/contactus-background-bg.gif) no-repeat bottom center;
}

ul#navlist li#homepagebn a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/homenav.gif) no-repeat bottom center;
}
ul#navlist li#craftcoursesbn a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/craftcoursesnav.gif) no-repeat bottom center;
}
ul#navlist li#commissionsbn a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/commissionsnav.gif) no-repeat bottom center;
}
ul#navlist li#communityartbn a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/communityartnav.gif) no-repeat bottom center;
}
ul#navlist li#contactusbn a
{
 
color: #FFFFFF;
 background: url(../imgs/graphics/contactusnav.gif) no-repeat bottom center;
}


  ul#navlist li#homepagebn a:hover,  ul#navlist li#craftcoursesbn a:hover,  ul#navlist li#commissionsbn a:hover,  ul#navlist li#communityartbn a:hover,  ul#navlist li#contactusbn a:hover,   ul#navlist li#homepagebnselected a:hover,  ul#navlist li#craftcoursesbnselected a:hover,  ul#navlist li#commissionsbnselected a:hover,  ul#navlist li#communityartbnselected a:hover,  ul#navlist li#contactusbnselected a:hover
{
color: #000000;

 
}

 

.homebutton{
background-color: #000099;
}
  



/*other styles*/
th{
background-color: #F7F7F7;
}
.tablebox{
	border: 1px solid #999;
	background-color:#FFF;
}

/*striping*/
tr.stripealt td {
	background: #FFFFC6;
	margin-bottom: 10px;
	 
}

tr.stripeoveraltover td {
	background: #F0F0F0;
		 
}
 
 tr.stripealt td p{
	 
	 	
padding-top: 10px;	 
}

tr.stripeoveraltover td p{
	 

}

.largetext{
font-size: 1.2em;
}
#breadcrumb{
clear: left;
text-align: right;
margin-bottom: 20px;
font-size: 0.9em;
}
.headingseparator{
 background: url(../imgs/graphics/mainheading-separator.gif) no-repeat bottom left;
 padding-bottom: 10px;
 margin-bottom: 20px;
 font-weight: bold;
}
.commissionssection{color: #1DAD9B;}
.craftcoursessection{color: #1673B8;}
.homesection{color:#9999CC;}
.contactussection{color: #9999CC;}
.communityartsection{color: #A9554B;}

.commissionssectionbackground{background-color: #1DAD9B;}
.homesectionbackground{background-color: #000099;}
.communityartsectionbackground{background-color: #A9554B;}
.craftcoursessectionbackground{background-color: #1673B8;}
.contactussectionbackground{background-color:#9999CC;}

/*side navigation */
#leftnavigation{
padding-top: 15px;
-moz-border-radius: 10px; 
border-radius: 10px;
}

#leftnavigation ul{

margin-bottom: 30px;
margin-left: 10px;
padding: 0;
list-style: none;
}
#leftnavigation ul li{
	 
padding:0px 5px 0px 5px;
font-weight: bold;
color: #FFFFFF;
margin-left: 0px;
padding-top: 1px;
padding-bottom: 1px;
 margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
#leftnavigation ul li a{
 
padding: 0em 0.9em;
color: #FFFFFF;
 
}
#leftnavigation h3{
color: #FFFFFF;
margin-left: 20px;

} 

/*sidebar contact boxes for each section*/
#sidebarcommissions, #sidebarcommunityart, #sidebarcraftcourses, #sidebarcontactus, #sidebarhome{
padding: 15px 0px;
padding-bottom: 0px;
background-color:#666;
border: solid 1px #FFC;
margin: 25px 8px;
color: #FFF;
font-size:0.9em;
}

#sidebarcommissions a,#sidebarcommunityart a, #sidebarcraftcourses a, #sidebarcontactus a, #sidebarhome a {
color: #FFF;
}
	
 
#sidebarcommissions{
	background-color: #22C8B4;
	background-image: url(../imgs/graphics/commissions-contactbg.gif);
}

#sidebarcommunityart{
	background-color: #B86961;
	background-image: url(../imgs/graphics/community-contactbg.gif);
}

#sidebarcraftcourses{
	background-color: #2B96E6;
	background-image: url(../imgs/graphics/courses-contactbg.gif);
}

#sidebarcontactus{
	background-color: #B6B6DA;
	background-image: url(../imgs/graphics/contact-contactbg.gif);
}
#sidebarhome{
	background-color: #0000B7;
	background-image: url(../imgs/graphics/home-contactbg.gif);
}
td{
	vertical-align: top;
 
}

.aligntoright{
float: right;
padding: 5px 5px 5px 15px;
}


/*override blueprint styles */
a[href^="http:"]          { 
background-image: none; 
} 
a[href^="http:"], a[href^="http:"]:visited {
  padding:0px 0px 0px 0;
  margin: 0 0;
 
}
a[href^="http:"]:visited  { background-image: none; }

ul, ol {margin-left: 50px;}
h1 {margin:0 1em 1.5em 0.6em;}
body{
font-family: "Lucida Sans", Lucida, "Helvetica Neue", Arial, Helvetica, sans-serif;
background-color: #FFFFEC;
}


.copyright{
margin-top: 25px;
padding-top: 20px;
font-size: 1.2em;
margin-bottom: 10px;
color: #666666;
}
 
.copyright ul{
text-align:center;
margin-bottom: 10px;
margin-left: 0px;
padding: 0;
list-style: none;

}
.copyright ul li{
display: inline;
padding:0px 5px 0px 5px;
font-size: 0.7em;
color: #333333;
margin-left: 0px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0;
padding-right: 0;
}
.copyright ul li a{
display: inline;
padding: 0em 0.9em;
background:   url(../imgs/graphics/linedivider.gif) no-repeat left center;
text-decoration:none;
}
 
#mainNav ul a:visited{
color: #fff;
text-decoration:none;
border-bottom: 0;
}
#mainNav ul a:hover{
color: #333;
text-decoration:underline;
border-bottom: 0;
}

.closetobottom{
margin-bottom: 3px;
}
.topcontainer{
margin-top: 15px;
background-image:url(../imgs/interface/container-bg.gif);
background-position:right top;
background-repeat:no-repeat;
}

h1 {font-size:1.8em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.2em;  color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight:bold;margin:1em 1em 1em 1em;}
a:focus, a:hover {
color:#3BAEE5;
text-align: center;
}
a {
color:#00CCFF;
text-decoration:underline;}

.smalltext{
font-size: 0.9em;
}

.aligntoleft{
float: left;
margin-right: 20px;
}

.navtitlebox{
color: #44A4DC;
margin-top: 22px;
margin-left: 20px;
margin-bottom: 20px;
text-align:left;
}

#homeintro{
background-color: #FFFFFF;
margin-right: 0px;
height: 165px;
padding-top: 15px;
border: 1px solid #CCCCCC;
font-size: 1.2em;
}
 

.craftcoursesbg{
background-color: #1673B8;
}

.communityartbg{
background-color: #A9554B;
}

.holidaycottagebg{
background-color: #9999CC;
}

.commissionsbg{
background-color: #1DAD9B;
}
.greybg{
background-color: #F9F9F9;
}

.whitebg{
background-color: #FFFFFF;
}

.craftcoursesbg h1, .commissionsbg h1, .communityartbg  h1, .holidaycottagebg h1{
margin-top: 15px;
text-align:center;
margin-bottom: 15px;
font-size: 1.4em;
}

.craftcoursesbg ul, .commissionsbg ul, .communityartbg  ul, .holidaycottagebg ul{
margin-left: 38px;
}


.craftcoursesbg h1 a:link, .craftcoursesbg h1 a:visited, .craftcoursesbg h2, .craftcoursesbg p, .craftcoursesbg   li, .craftcoursesbg p a:link,  .craftcoursesbg p a:visited,.commissionsbg h1 a:link, .commissionsbg h1 a:visited,  .commissionsbg h2, .commissionsbg p, .commissionsbg li, .commissionsbg p a:link,  .commissionsbg p a:visited, .communityartbg h1 a:link, .communityartbg h1 a:visited,  .communityartbg  h2,   .communityartbg p, .communityartbg li, .communityartbg p a:link, .communityartbg p a:visited, .holidaycottagebg h1 a:link, .holidaycottagebg h1 a:visited, .holidaycottagebg h2, .holidaycottagebg p, .holidaycottagebg   li, .holidaycottagebg p a:link,  .holidaycottagebg p a:visited{
color: #FFFFFF;
}

.buttonbg{
background-color: #FFF;
background-image:url(../imgs/graphics/button-bg.gif);
background-position: bottom right;
padding: 7px;
}

.commissionsbutton, .homebutton, .communityartbutton, .contactusbutton, .craftcoursesbutton, .holidaycottagebutton   {
 
background-position: bottom right;
padding: 7px;
color: #1DAD9B; 
text-decoration:none; font-weight: bold; 
color: #FFFFFF;
}

.commissionsbutton a:hover, .homebutton a:hover, .communityartbutton a:hover, .contactusbutton a:hover, .craftcoursesbutton a:hover   {
color: #CCC;
}

.commissionsbutton{background-image:url(../imgs/graphics/commissionsbutton-bg.gif); background-color:  #1DAD9B;}
.communityartbutton{background-image:url(../imgs/graphics/communityartbutton-bg.gif);background-color: #A9554B;}
.homebutton{background-image:url(../imgs/graphics/homebutton-bg.gif);background-color:  #000099;}
.craftcoursesbutton{background-image:url(../imgs/graphics/craftcoursesbutton-bg.gif);background-color:  #1673B8;}
.contactusbutton{background-image:url(../imgs/graphics/contactusbutton-bg.gif);background-color:  #9999CC;}

.craftcoursesbg h1 a:link, .craftcoursesbg h1 a:visited, .commissionsbg h1 a:link, .commissionsbg h1 a:visited, .communityartbg h1 a:link, .communityartbg h1 a:visited, .holidaycottagebg h1 a:link, .holidaycottagebg h1 a:visited{
font-weight: bold; 
font-size: 1.1em;
}

.smallred{
font-size: 0.9em;
font-weight: bold;
margin-left: 15px;
margin-top: -15px;
margin-bottom: 0px;
color: #990000;
}

.smallhome {
font-size: 0.9em;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
}

.homecolumn{
height: 360px;
}

hr {background:blue;color:blue;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:none;color:none;}
hr {
background-image:url(../imgs/interface/horizontalrule.gif);
background-position:center center;
background-repeat:no-repeat;
background: #9CC0FF url(../imgs/interface/horizontalrule.gif) no-repeat 0 -5px;
}



blockquote{
float:right;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
width:186px;
text-align:left;
margin: 0;
color:#666666;
color: #999999;
padding: 12px 8px 2px 8px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
margin-left: 15px;
margin-right: 5px;
display: block;

}

blockquote ul{
margin-left: 12px;
}


.centredparagraph{
text-align: center;	
}


#contacttab{
background: url(/images/contactus_bn.png) no-repeat; /* Path to Image */
right:1px; /*  change this to left: 1px; to put it on the left of the screen */
top:20%;height:112px;width:40px;margin:0;padding:0;position:fixed;z-index:5000;}
#contacttab a{display:block;width:100%;height:100%;}