/* 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;
}

#loggedIn {
	color: #FFFFFF;
}

#loggedIn strong{
	color: #FFF;
}




#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: 18px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 424px;
	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;}

#page ul#navigation li.faq a, #page ul#navigation li.faq li a:hover,#page.links #title, #page.links #main #rightCol p.heading{background-color: #A24E12;}
#page ul#navigation li.faq a:hover, #page ul#navigation li.faq li a{background-color: #BE8359;}

#page ul#navigation li.activity a, #page ul#navigation li.activity li a:hover,#page.links #title, #page.links #main #rightCol p.heading{background-color: #54BE46;}
#page ul#navigation li.activity a:hover, #page ul#navigation li.activity 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 label, .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 label, .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 label, .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 label, .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 label, .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;
}

#loginForm #username, #loginForm #password{
	width: 80%;
}

/* Admin tables */

#page #main #centre table.admin {
	width: 100%;
	border-collapse: collapse;	
}

table.admin thead tr {
	background-color: #4cc1e1;
}

#page #main #centre table.admin thead tr {
	color: white;
}

#page #main #centre table.admin tbody tr td,
#page #main #centre table.admin thead tr th {
	padding: 3px;
}

#page #main #centre table.admin tbody tr.even {
	background: #eee;
}

#page #main #centre table.admin tbody tr.odd {
	background: #ddd;
}

#page #main #centre table.admin td.note{
	font-size: .9em;
}

/* Flash */

.flash {
	margin: 10px 2px;
	padding: 5px;
	font-size: 1.2em;
}

.flash.notice{
	background: #F8F8F8;
	border: 1px solid green;
	color: green;
}

.flash.error{
	background: #F8F8F8;
	border: 1px solid red;
	color: red;
}

.admin.section{
  border: 3px solid #4cc1e1;
  margin: 15px 2px;
  padding: 5px;
}

.admin.section h3{
  color: white;
  background: #4cc1e1;
  width: 103%;
  margin-top: -5px;
  margin-left: -5px;
}

.registration.section, .payment.section{
  border: 3px solid #FF9F00;
  margin: 15px 2px;
  padding: 5px;
}

.registration.section h3, .payment.section h3{
  color: white;
  background: #FF9F00;
  width: 103%;
  margin-top: -5px;
  margin-left: -5px;
}


#centre #tabs a {
	color: white;
	font-weight: normal;
}

#page.volunteer #main #centre #tabs ul li{
	color: white;
  background: #00A7D4;
}

#page.volunteer #main #centre div.tabbed {
	border-color: #00A7D4;
}

div.tabbed {
	border: 3px solid;
	padding: 10px;
}

#tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
		
#tabs ul li.here {
	border-bottom: 1px solid #ffc;
	list-style: none;
	display: inline;
	}
	
#page #main #centre.expanded {
	width: 574px;
}

tbody.smaller {
	font-size: .9em;
}

div.border { 
    border: 1px solid #00A7D4;
    margin: 10px;
    margin-bottom: 30px;
    padding: 10px;
}

input.button { font-size: 16px; }

div.registration, div.question { background-color: #ffc; margin-left: 5px; margin-top: 10px; padding: 10px; line-height: 1.5em; }
span.title { font-weight: bold; }
div.registration ul li { list-style: none; }
div.registration ul { padding-left: 1; margin-left: 0;  }

div.answer label { color: #000; display: block; padding-left: 25px; margin-top: 4px;}
div.answers { margin-top: 8px; }
div.answer input { float: left; }

.clearfix { display: inline-block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}

* html .clearfix {
    height: 1%; 
}

.clearfix {
    display: block; 
}