/* CSS Document */

html { font-size: 100%; /* IE hack */ }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1f1f1f;
	text-align: center;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	min-width: 760px;
	font-size: 62.5%;
}

a {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}
a:active {
	color: #333333;
}
#centre a {
	font-weight: bold;
}

h1 {
	font-size: 2.4em;

}
h2 {
	font-size: 1.8em;

}
h3 {
	font-size: 1.6em;

}
h4 {
	font-size: 1.45em;
	
}
h5 {
	font-size: 1.4em;

}
h6 {
	font-size: 1.1em;
	
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}


p {
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size:1.1em;
}
p.quotation {
	font-weight: bold;
	margin-bottom: 10px;
}
p.quoteCredit {
	margin-top: 0px;
}

p img{
	margin: 0px;
	padding: 0px;
}

#page #centre ul li {
   height:auto;
   float: none;   
}

#page #main #centre li {
	font-size: 1.1em;
	float: none;
	color: #333333;
}
#page #main #centre td {
	font-size: 1.1em;
}


input, select, td, th{font-size:1em;}
li li, li p, td p, blockquote p{font-size:1em;}

#page {
	width: 760px;
	text-align: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#page #logo {
	width: 760px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 73px;
}
#page #title {
	width: 100%;
	color: #FFFFFF;
	margin-bottom: 18px;
	text-align: left;
	font-size: 1.1em;
}
#footer {
	width: 760px;
	background-color: #0066CA;
	text-align: left;
	color: #FFFFFF;
	font-size: 1em;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	float:left;
}
#disclaimer {
	font-size: 0.9em;
	width: 760px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#page #title a, #footer a {
	color: #FFFFFF;
	text-decoration:none;
}




#page #main {
	padding: 0px;
	font-size: 1.1em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	display: block;
}
#page .floatRight {
	float: right;
	display: inline;
}
#page #main #leftCol {
	width: 150px;
	float: left;
	margin: 0px;
}
#page #main #centre {
	margin-left: 18px;
	margin-right: 0px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 592px;
	display: block;
}
#page #main #rightCol {
	float: right;
	width: 150px;
	margin: 0px;
}

#page #main #leftCol form {
	margin: 0px;
	padding: 0px;
	width: 150px;

}

#page #main #leftCol #search input {
	margin: 0px;
	padding: 0px;
	height: 17px;
	float: left;
	border: 1px solid #0077D4;
}
#page #main #leftCol #search .textbox {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 121px;
}
#page #main #leftCol #search p {
	margin: 0px;
	padding: 0px;
	background-color: #0077D4;
}
#page #main #leftCol #search img {
	margin: 0px;
	padding: 0px;
}

#page #main #rightCol img {
	margin: 0px;
	padding: 0px;
}



.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	height: 1%;
	width: auto;
	float: none;
}
#page #main #rightCol img {
	vertical-align: bottom;
}

#page #title, #footer  {
height:18px;
}
.padding {
	padding: 2px 10px;
}
.large {
	font-size: 1.15em;
}


ul#navigation, ul#navigation ul {
	color: #FFFFFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
ul#navigation li, ul#navigation li li{
	margin: 0px;
	padding: 0px;
}

/* mac hide \*/
ul li{
	height:1%;
	float: left;
	
}
/* end hide*/

ul li li{
float: none;
}

ul#navigation li a,  ul#navigation li li a, #rightCol p.heading{
	font-size:1.1em;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	width: 145px;
	\width: 150px;
	w\idth: 145px;
	height: 15px;
	\height: 17px;
	margin-bottom:3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	

}
ul#navigation li a{
	text-align:right;
	padding: 1px 5px 0px 0px;
	vertical-align: middle;
}

#rightCol p.heading {
	text-align:left;
	padding: 2px 0px 0px 5px;
	vertical-align: middle;
}

ul#navigation li.home a , #page.home #title, #page.home #main #rightCol p.heading, ul#navigation li.home li a:hover  {background-color: #ff5f00;}
ul#navigation li.home a:hover, ul#navigation li.home li a{
	background-color: #ff8f4c;
}


ul#navigation li.about a, ul#navigation li.about li a:hover, #page.about #title, #page.about #main #rightCol p.heading {background-color: #009543;}
ul#navigation li.about a:hover, ul#navigation li.about li a{background-color: #4cb57b;}

ul#navigation li.participate a, ul#navigation li.participate li a:hover, #page.participate #title, #page.participate #main #rightCol p.heading {background-color: #ff9f00;}
ul#navigation li.participate a:hover, ul#navigation li.participate li a{background-color: #ffbc4c;} 
 
ul#navigation li.volunteer a, ul#navigation li.volunteer li a:hover, #page.volunteer #title, #page.volunteer #main #rightCol p.heading {background-color: #00a7d4;}
ul#navigation li.volunteer a:hover ,ul#navigation li.volunteer li a  {background-color: #4cc1e1;}

ul#navigation li.parents a, ul#navigation li.parents li a:hover, #page.parents #title, #page.parents #main #rightCol p.heading{background-color: #d81f2a;}
ul#navigation li.parents a:hover, ul#navigation li.parents li a {background-color: #e46269;}

ul#navigation li.educators a, ul#navigation li.educators li a:hover,#page.educators #title, #page.educators #main #rightCol p.heading{background-color: #00529b;}
ul#navigation li.educators a:hover, ul#navigation li.educators li a{background-color: #4c86b9;}

ul#navigation li.support a, ul#navigation li.support li a:hover,#page.support #title, #page.support #main #rightCol p.heading{background-color: #ffc726;}
ul#navigation li.support a:hover, ul#navigation li.support li a {background-color: #ffd867;}

ul#navigation li.contact a, ul#navigation li.contact li a:hover,#page.contact #title, #page.contact #main #rightCol p.heading{background-color: #a24e12;}
ul#navigation li.contact a:hover, ul#navigation li.contact li a {background-color: #be8359;}

#page ul#navigation li.links a, #page ul#navigation li.links li a:hover,#page.links #title, #page.links #main #rightCol p.heading{background-color: #54be46;}
#page ul#navigation li.links a:hover, #page ul#navigation li.links li a{background-color: #87d17d;}

.infoBox {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/images/white_dot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.home .infoBox{background-color: #ffcfb2;}
.about .infoBox{background-color: #b2dfc6;}
.participate .infoBox{background-color: #ffe2b2;}
.volunteer .infoBox{background-color: #b2e4f2;}
.parents .infoBox{background-color: #f3bbbf;}
.educators .infoBox{background-color: #b2cbe1;}
.support .infoBox{background-color: #ffeebd;}
.contact .infoBox{background-color: #e3cab7;}
.links .infoBox{background-color: #cbebc7;}

.infoBox p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 1em;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.infoBox p a, .infoBox p a:link, .infoBox p a:active, .infoBox p a:visited   {
	color: #333333;
}
.infoBox p a:hover  {
	color: #666666;
}


.home  h1, .home h2, .home h3, .home h4, .home h5,  .home h6 {color: #ff5f00;}
.home a, .home strong, .home a:active, .home a:visited, .home a:link,  .home p.quotation, .homeText {color: #ff5f00;}
.homeText a, .homeText a:link, .homeText a:active, .homeText a:visited {
	color: #ff5f00;
	text-decoration: none;
	}
.home a:hover, .homeText a:hover {color: #ff8f4c;}

.about  h1,  .about h2, .about h3, .about h4, .about h5, .about h6 {color: #009543;}
.about a, .about strong, .about a:active, .about a:visited, .about a:link, .about p.quotation, .aboutText{color: #009543;}
.aboutText a, .aboutText a:link, .aboutText a:active, .aboutText a:visited{
	color: #009543;
	}
.about a:hover, .aboutText a:hover{color: #4cb57b; text-decoration: none;}

.participate  h1, .participate  h2, .participate  h3, .participate  h4, .participate  h5, .participate  h6 {color: #ff9f00;} 
.participate a, .participate strong, .participate a:active, .participate a:visited, .participate a:link,  .participate p.quotation, .participateText{color: #ff9f00;}
.participateText a, .participateText a:link, .participateText a:active, .participateText a:visited{
	color: #ff9f00; 
	text-decoration:none;
	}
.participate a:hover, .participateText a:hover{color:#ffbc4c;}

.volunteer  h1, .volunteer  h2, .volunteer  h3, .volunteer  h4, .volunteer  h5, .volunteer  h6{color: #00a7d4;}
.volunteer a, .volunteer strong, .volunteer a:active, .volunteer a:visited, .volunteer a:link, .volunteer p.quotation, .volunteerText{color: #00a7d4;}
.volunteerText a, .volunteerText a:link, .volunteerText a:active, .volunteerText a:visited{
	color: #00a7d4;
	text-decoration: none;
	}
.volunteer a:hover, .volunteerText a:hover{color:#4cc1e1;text-decoration: none;}

.parents  h1, .parents  h2, .parents  h3, .parents  h4, .parents  h5, .parents  h6 {color: #d81f2a;}
.parents a,  .parents strong, .parents a:active, .parents a:visited, .parents a:link, .parentsText, .parents p.quotation{color: #d81f2a;}
.parentsText a, .parentsText a:link, .parentsText a:active, .parentsText a:visited{
	color: #d81f2a;
	text-decoration: none;
	}
.parents a:hover, .parentsText a:hover{color:#e46269;text-decoration: none;}

.educators  h1, .educators  h2, .educators  h3, .educators  h4, .educators  h5, .educators  h6  {color: #00529b;}
.educators a, .educators strong, .educators a:active, .educators a:visited, .educators a:link, .educatorsText, .educators p.quotation{color: #00529b;}
.educatorsText a, .educatorsText a:link, .educatorsText a:active, .educatorsText a:visited{
	color: #00529b;
	text-decoration: none;
	}
.educators a:hover, .educatorsText a:hover{color:#4c86b9;text-decoration: none;}

.support  h1, .support  h2, .support  h3, .support  h4, .support  h5, .support  h6{color: #ffc726;}
.support a, .support strong, .support a:active, .support a:visited, .support a:link, .supportText, .support p.quotation{color:  #ffc726;}
.supportText a, .supportText a:link, .supportText a:active, .supportText a:visited{
	color:  #ffc726;
	text-decoration: none;
	}
.support a:hover, .supportText a:hover{color:#ffd867;text-decoration: none;}

.contact  h1, .contact  h2, .contact  h3, .contact  h4, .contact  h5, .contact  h6 {color: #a24e12;}
.contact a, .contact strong, .contact a:active, .contact a:visited, .contact a:link, .contactText, .contact p.quotation{color:  #a24e12;}
.contactText a, .contactText a:link, .contactText a:active, .contactText a:visited{
	color: #a24e12;
	text-decoration: none;
	}
.contact a:hover, .contactText a:hover{color:#be8359;text-decoration: none;}

.links  h1, .links  h2, .links  h3, .links  h4, .links  h5, .links  h6 {color: #54be46;}
.links a, .links strong, .links a:active, .links a:visited, .links a:link, .linksText, .links p.quotation{color:  #54be46;}
.linksText a, .linksText a:link, .linksText a:active, .linksText a:visited{
	color: #54be46;
	}
.links a:hover, .linksText a:hover{color:#87d17d; text-decoration: none;}
#main #centre table {
	float: none;
}