/* Building Blocks site */

/* Presentation */


/* general  font */

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #F2F2F2;
	font-size: 80%;
	padding: 0;
	margin: 0;
} 

table th, table td
{
	font-size: 80%; 
	font-weight: normal; 
 
} 

/*link colours*/

a:link { color: #CC0000; text-decoration: underline; font-weight: bold;} 
a:visited { color: #CC0000; text-decoration: underline; font-weight: bold;} 
a:active { color:#CC0000; text-decoration: underline; font-weight: bold;} 
a:hover { color:#000000; text-decoration: underline; font-weight: bold;}

a.nav1:link { color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.nav1:visited { color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.nav1:active { color:#666666; text-decoration: none; font-weight: bold;}
a.nav1:hover { color:#000000; text-decoration: none; font-weight: bold;}

a.home-nav:link { color: #C39703; text-decoration: none; font-weight: bold;}
a.home-nav:visited { color: #C39703; text-decoration: none; font-weight: bold;}
a.home-nav:active { color:#666666; text-decoration: none; font-weight: bold;}
a.home-nav:hover { color:#000000; text-decoration: none; font-weight: bold;}
 
a.find-nav:link { color: #C39703; text-decoration: none; font-weight: bold;}
a.find-nav:visited { color: #C39703; text-decoration: none; font-weight: bold;}
a.find-nav:active { color:#666666; text-decoration: none; font-weight: bold;}
a.find-nav:hover { color:#000000; text-decoration: none; font-weight: bold;}

a.feature-nav:link { color: #C39703; text-decoration: underline; font-weight: bold;}
a.feature-nav:visited { color: #C39703; text-decoration: underline; font-weight: bold;}
a.feature-nav:active { color:#666666; text-decoration: underline; font-weight: bold;}
a.feature-nav:hover { color:#000000; text-decoration: underline; font-weight: bold;}

a.organisation:link { color: #00B3B7; text-decoration: underline; font-weight: bold;}
a.organisation:visited { color: #00B3B7; text-decoration: underline; font-weight: bold;}
a.organisation:active { color:#666666; text-decoration: underline; font-weight: bold;}
a.organisation:hover { color:#000000; text-decoration: underline; font-weight: bold;}

a.programs:link { color: #FC79AF; text-decoration: underline; font-weight: bold;}
a.programs:visited { color: #FC79AF; text-decoration: underline; font-weight: bold;}
a.programs:active { color:#666666; text-decoration: underline; font-weight: bold;}
a.programs:hover { color:#000000; text-decoration: underline; font-weight: bold;}

a.parents:link { color: #8346FF; text-decoration: underline; font-weight: bold;}
a.parents:visited { color: #8346FF; text-decoration: underline; font-weight: bold;}
a.parents:active { color:#666666; text-decoration: underline; font-weight: bold;}
a.parents:hover { color:#000000; text-decoration: underline; font-weight: bold;}


/* font sizes */ 

h1
{	font-size: 140%; 
	font-weight: bold; 
	margin-top: 0;
	border-bottom: 1px #ECECEC solid;
	padding-bottom: 0.4em;
} 

div#contenthome h1
{ 	
	color: #E8B400;
}

div#organisation h1
{ 	
	color: #00B3B7;
}

div#programs h1
{ 	
	color: #FC79AF;
}

div#parents h1
{ 	
	color: #8346FF;
}

h2
{
	font-size: 130%; 
	font-weight: bold; 	
} 


div#contenthome h2
{ 
	color: #E8B400;
	padding-bottom: 0;
	padding-top: 0;
}

div#organisation h2
{ 
	color: #00B3B7;
	padding-bottom: 0;
	padding-top: 0;
}

div#programs h2
{ 
	color: #FC79AF;
	padding-bottom: 0;
	padding-top: 0;
}

div#parents h2
{ 
	color: #8346FF;
	padding-bottom: 0em;
	padding-top: 0;
}

h3
{
	font-size: 100%; 
	font-weight: bold;  
	

} 

div#contenthome h3
{ 
	color: #666666;
	padding-bottom: 0;
	padding-top: 0;
}

div#organisation h3

{
	color: #666666; 	
} 


div#programs h3

{
	color: #666666; 	
}

div#parents h3

{
	color: #666666; 	
} 

h4
{
	font-size: 80%; 
	font-weight: bold; 
	color: #423E50;
} 

h5
{
	font-size: 70%; 
	font-weight: bold; 
	color: #423E50;
} 

h6
{
	font-size: 70%; 
	font-weight: normal; 
	color: #423E50;
} 

p	
{
	font-size: 100%; 
	font-weight: normal; 

} 



 

ul
{
	list-style-type: square; 

} 

li
{
	font-size: 90%

}

hr
{
	height: 1px; 
	line-height: 1px; color: #CCCCCC;
} 


.small {font-size: 85%;}

.nav1 {  font-weight: bold; color: #FFFFFF;}
.find-h3 {  color: #666666; font-weight: bold; font-size: 110%;}
.find-hr {  color: #ECECEC; border-style: dotted; border-bottom-width: 1px}

.yellowback {  background-color: #E8B400; }
.tealback {  background-color: #00B3B7; }
.pinkback {  background-color: #FC79AF; }
.purpleback {  background-color: #8346FF; }

.secondnavback { background-color: #F2F2F2; }
.secondnavfont { font-size: 120%;}
.colour-organisation {color: #00B3B7;}
.colour-programs {color: #FC79AF;}
.colour-parents {color: #8346FF;}

.nav1-underline {  color: #FFFFFF; border: dotted; border-width: 0px 0px 1px 0px;}
.nav-separator { border: solid; border-width: 0px 0px 0px 1px; border-color: black black black #E8B400;}



div.hometext p
{
	padding: 0 0.5em 0 0.5em;
	color: #666666;}
}

.featuretext
{
 	font-size: 90%; 
	margin-top: 0.2em;
	
}

ul.newsindent li
{

	background-image: url(images/button-yellow.gif);
 	background-repeat: no-repeat;
	background-position: 0 0.4em ;
	padding-left: 20px;
 	margin-left: -30px;
 	padding-top: 0;
	padding-bottom: 0.7em;
	list-style-type: none;

} 

ul.secnavindent li
{

	background-image: url(images/chevron-dark.gif);
 	background-repeat: no-repeat;
	background-position: 0 0.4em ;
	padding-left: 15px;
 	margin-left: -40px;
 	padding-top: 0;
	padding-bottom: 0.7em;
	list-style-type: none;

} 

.newshead
{
 	color: #666666;
	
}

ul.blurb li
{
 	padding-top: 0;
	padding-bottom: 0.7em;	
} 

ol.blurb li
{
 	padding-top: 0;
	padding-bottom: 0.7em;	
} 


 */ Images */


.imgborder 
{  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 	border-left-width: 1px; 
	padding-right: 20px;
}

img.border {
 padding: 1px;
 border: 1px solid #f0f0f0;
}

div.image {
 display: inline;
}
dl.image {
 padding: 1px 1px 1px 1px;
 border: 1px solid #f0f0f0;
 margin: 0;
}
dl.image dd {
 margin: 0;
 padding: 5px;
}

.smoke {
 background-color: #ECECEC;
}

/* Image alignments */
.right {
 float: right;
 margin: 0 0.5em 1em 1em !important;
}
.left {
 float: left;
 margin: 0 1em 1em 0 !important;
}
.center {
 float: none;
 margin: 0 auto 1em auto !important;
}
.nowrap {
 margin: 0 1em 1em 0 !important;
 display: block;
}




/* STRUCTURAL AND LAYOUT CSS */

div#helpfind
{
 	padding: 2em 0.5em 0.5em 0.5em;
 	margin: 0.5em; 


}

div#left {
 float: left;
 width: 44%;
 padding: 0.2em 0.7em 0.5em 1em;
 margin: 0.5em 0 0.5em 0.5em; 
border: #ECECEC solid 1px;
	display: block;
}

div#right 
{
 	float: right;
 	padding: 0em 0.7em 0.5em 1em;
 	margin: 0.5em 0.5em 0.5em 0;
	width: 44%;
	border: #ECECEC solid 1px;
	
}

.quote 
{
	padding: 0em 3em 0em 0.5em;
	margin: 0.2em;
	display: block;
	border-left: #ECECEC solid 5px;

}

.indent 
{
	padding: 0em 3em 0em 2em;
	display: block;
}

.clearfix {display: block;}

.clear {
 clear: both;
}

#footer
{
	background-color: #F2F2F2;
	padding-top: 0;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0;
	margin: 1em 0 0 0; 

}

div#footer p
{color: #666666; font-size: 90%;}

.yellowborder
{
border-top: 1px #C39703 solid;
}

.tealborder
{
border-top: 1px #00B3B7 solid;
}

.pinkborder
{
border-top: 1px #FC79AF solid;
}

.purpleborder
{
border-top: 1px #8346FF solid;
}