@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #002066; }
body { text-align: center; background-color: #FFFFFF; }
#clear { clear: both; }


#wrapper {  width: 800px; text-align: left;  margin-right: auto; margin-left: auto; }

#topBanner { width: 800px; background: url(../images/topbanner_logo.gif) no-repeat bottom left; height: 285px; }
	.testimonial { width: 390px; padding-left: 20px; float: left; padding-top: 80px; }
	#bannerPhoto { float: right; padding: 0px; margin-right: 0px; width: 390px;  }	

.nav { width: 800px; font-size: 12px; padding: 10px 0px; text-align: center; height: 20px;}
	.nav ul {  }
	.nav li { list-style: none; float: left; }
	.nav a:link, .nav a:visited { color: #002066; text-decoration: none; padding: 3px 7px 3px 7px; line-height: 20px;}
	.nav a:active, .nav a:hover { color: #FFFFFF; text-decoration: none; background: #97A6CA; }
	
	body#Home #home, body#Vision #vision, body#Family_support #support, body#Family_health #health, body#Childcare #childcare, body#Childminders #childminders, body#Training #jobs, body#Events #events, body#Team #team, body#Contact #contact {color: #FFFFFF; text-decoration: none; background: #39B54B;}

#content { width: 800px; background-color: #FFFFFF; background-image: url(../images/btm_border.gif); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 20px;  }

.border { width: 800px; background: url(../images/top_border.gif) no-repeat top left; }

	#content img { padding: 10px; }
	
	#content h1 { padding: 20px 40px 0px 40px; font-size: 2.4em; color: #22942B; font-weight: lighter; }
	
	#copy { width: 710px; padding: 10px 10px 30px 10px; margin: 0px 35px 0px 35px; }
	
	#copy p { padding: 10px 230px 10px 0px; font-size: 0.75em;}
	#copy h2 { color: #22942B; font-size: 0.95em; font-weight: normal; padding: 10px 0px 5px 0px; }
	#copy h3 { color: #22942B; font-weight: bold; padding: 10px 0px 0px 0px; font-size: 0.75em; }
	#copy ul { padding: 5px 230px 5px 25px; }
	#copy li { list-style: outside disc; padding-left: 5px;  font-size: 0.75em; }
	#copy td, #copy td h3 { font-size: 12px; }
	#copy td { padding:2px; }
	
	#copy a:link, #copy a:visited { color: #002066; text-decoration: underline; }
	#copy a:active, #copy a:hover { color: #22942B;   }
	
	#copy .left { width: 355px; float: left;}
	#copy .right { width: 300px; float: right; }
	#copy .right p { padding: 10px 0px 10px 0px; font-size: 0.75em;}
	
	strong { font-weight: bold; }
	.green { color: #22942B; }
	.grey { color: #666666;}
	
	#event td, #event td img {padding: 5px 0px; }
	
	
	#note td { color: #FFFFFF; font-size: 11px;}
	#note td strong { color: #FFFFFF; font-weight: bold;}

		
	/* MAIN ACCORDION */
	#reveal { width: 500px;  }

					.reveal  { width: 500px; }
					.reveal .text { padding: 10px 10px 10px 18px; }
					.reveal h3 { color: #22942B; font-weight: bold; padding: 10px 0px 0px 0px; font-size: 0.75em; }
					#copy .reveal p { padding: 5px 0px 5px 0px; }
					.reveal ul { padding: 5px 5px 5px 25px; }
					.reveal li { list-style: outside disc; padding-left: 5px;  font-size: 0.75em;}

					.title { cursor: pointer; color: #22942B; font-size: 0.95em; padding: 5px 0px 5px 18px; font-weight: normal; background: url(../images/chevron_green.jpg) no-repeat center left;  }
					#list3 div.selected .title, #list3a div.selected .title { color: #22942B; background: url(../images/chevron_green_active.jpg) no-repeat center left; }
					#list3a .title { font-size: 0.8em; }
	
	
	/*NESTED ACCORDION */
		#vertical_container h1 { font-size: 0.95em; margin: 0px; padding: 5px 0px 5px 18px;}
			.accordion_toggle {	cursor: pointer; color: #22942B; font-weight: normal; background: url(../images/chevron_green.jpg) no-repeat center left; }
			.accordion_toggle_active { color: #22942B; background: url(../images/chevron_green_active.jpg) no-repeat center left;  }
			
			.accordion_content { width: 500px; overflow: hidden; padding: 0px 10px 10px 18px; }
				.accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; }
			#vertical_container .accordion_content p { padding: 5px 0px 5px 0px; }
			
					.accordion_content ul { padding: 5px 5px 5px 25px; }
					.accordion_content li { list-style: outside disc; padding-left: 5px;  font-size: 0.75em;}

		#vertical_nested_container h3 { font-size: 0.8em; margin: 0px; padding: 5px 0px 5px 18px; }
		.vertical_accordion_toggle { cursor: pointer; color: #22942B; font-size: 0.95em; padding: 5px 0px 5px 18px; font-weight: normal; background: url(../images/chevron_green.jpg) no-repeat center left;  }
		.vertical_accordion_toggle_active { color: #22942B; background: url(../images/chevron_green_active.jpg) no-repeat center left; }

		.vertical_accordion_content {  width: 500px; overflow: hidden; }
		.vertical_accordion_content p { padding: 5px 0px 5px 0px; }
  		.vertical_accordion_content h4 { color: #002066; font-size: 0.75em; padding-top: 10px; font-weight: bold; }
   		 #vertical_nested_container { margin: 10px 0px 20px 0px; width: 500px; }				
	

#footer { width: 710px; margin: 40px 35px 0px 35px; text-align: center; border-top: solid 1px #002066; }
	#footer img { border: none; padding: 10px 70px 0px 70px; }