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


html{
	font-size:100%;
	}

body {
	margin: 0em;
	padding: 0em;
	border: 0em;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #pagecontainer selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.625em;                 /*resets 1em to 10 pixels*/
	color: #336666;
	background-color: #FFFFFF;
	}
	

#pagecontainer {
	width: 80em;  /* auto margins below in conjunction with width center the page */
	border: 0em;
	margin: 5em auto 2em auto;
	padding: 0em;
	text-align:left;  /* this overrides the text-align center on the body element. */
	background-color: #FFF;
}


#logocontainer {
	font-size:1em;
	float: left;
	width: 25em;
	height: 5.4em;
	margin: 0em;
	padding: 0em;
	border: 0em;
}

/********LOGO has 3 different rules. One for IE6, one fo IE7 in separate stylesheet, one for the rest***/

.logo {
	border: 0em;         /*for IE6 and earlier to avoid 1px squeeze*/
	width: 25.1em;
	height: 5.4em;
}



html>body .logo {      /*for all other browsers, except ie7, and this is the correct size of the logo*/
	width: 25em;
	height: 5.4em;
}



#menucontainer {
	float: right;
	width: 50em;
	margin: 3.4em 0em 0em 0em;
	padding: 0em;
	height: 1.5em;
	overflow: hidden; /*prevents firefox rogue extra pixel*/
	text-align: right;
	font-size: 1.099em;
	line-height:1.6em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background-color: #FFF;
	border-bottom:0em solid #FFF;
							}
	
							
		/************Menu Bar start**************/
				   #menu ul{
					list-style-type: none;
					padding: 0em;
					margin: 0em;
					border: 0em;
										}
								   
					  
				   #menu ul li {
					width: auto;
					float: right;
									}
					
					
					#menu ul li a, #menu ul li a:link {
					position: relative;  /*required for IE6*/
					display:inline;
					padding: 0.2em 1.40em 0.2em 1.40em;
					text-decoration: none;
					font-weight: bold;
					color: #669999;
					border-right: 0.2em solid #87aab2;/*was 9bb9be*/
					background-color: #FFF;
										}
									

					 #menu ul li a:visited { /*IE6 uses this for active state too*/
					color: #a4babe;
					background-color: #FFF;
					border-right: 0.2em solid #9bb9be;

					 }
										
					
				 #menu ul li a:hover {
					color: #FFFFFF;
					background-color: #87aab2; /*was 9bb9be*/
					border-right: 0.2em solid #FFF;							}	
					
						
/*Below, display the active state of a menu item while the active page is being displayed. It is defined in the html alongside the corresponding li tag */

									
					#menu ul li.home a, #menu ul li.aboutus a, #menu ul li.services a, #menu ul li.contactus a, #menu ul li.links a {
						color: #FFF;
						background-color: #87aab2; /*was 9bb9be*/
						border-right: 0.2em solid #FFF;
													 }
													 
														 
									  
					  
				   /**** End menu bar styling. *****/

							
#contentcontainer {
	float:left;
	clear: both;  
	width: 80em;
		text-align: left;
		padding: 0em;
		margin: 0em;
		border: 0em;
	background-color: #FFF;
		vertical-align: top;

	
	}
	
	
	#spacemaker {
	float:left;
	width: 2.6em;
	border: 0em;
	margin: 0em;
	padding: 0em;
	background-color: #FFF;
}							

	
	
	
#content {
	float: left;
	width: 77.4em;
	padding: 0em;
	margin: 0em;
	border:0em;
	background-color: #d5e2e4;	/*background-color: #e3eced;*/
	
	
}

.tablejj {
width: 100%;
font-size: 1em; /*for IE5 as it ignores rule set in body or html*/
	
}



				td.tdtextarea {
			/*	width: 55.2em;*/
				border-top: 0.1em solid #bfd4d5; /*med green*/
				border-right: 0.1em solid #bfd4d5;
				border-bottom: 0em solid #FFF; 
				border-left: 0.1em solid #FFF;
										}
										
								
				
					td.tdleftsubmenus {      /*USED IN ABOUT US AND SERVICES*/
						background-color: #a6c1c6;    /*dark green*/
	border-top: 0em solid #bfd4d5;  /*medium green*/
	border-right: 0.1em solid #a6c1c6;
	border-bottom: 0.1em solid #d3e4e7;
	border-left: 0.1em solid #bfd4d5;
										}						
										
										
					td.tdleft {      /*image area with white bg*/
					width: 22.2em;
					border-top: 0em solid #bfd4d5;
					border-right: 0.1em solid #bfd4d5;
					border-bottom: 0em solid #FFF;
					border-left: 0.1em solid #bfd4d5;
				background-color: #FFFFFF;
									}
									
					td.tdleftgreenbackground { /*image area with dark bg*/
					width: 22.2em;
					border-top: 0em solid #bfd4d5;
					border-right: 0.1em solid #bfd4d5;
					border-bottom: 0em solid #FFF;
					border-left: 0.1em solid #bfd4d5;	
					background-color: #a6c1c6; /*very dark green*/

						
					}
	
					td.tdleftnobackgroundcolour {
					width: 22.2em;
					border-top: 0em solid #bfd4d5;
					border-right: 0.1em solid #bfd4d5;
					border-bottom: 0em solid #FFF;
					border-left: 0.1em solid #bfd4d5;
									}
									
	
	td.tdnoleftborder {
		/*width: 22.2em;*/
	border-top: 0em solid #bfd4d5;
				border-right: 0.1em solid #000000;
				border-bottom: 0em solid #bfd4d5;
				border-left: 0.1em solid #000000;
	}	
	
	
	
	#headshots {
	/*width: 22.2em;*/
	margin: 1.4em auto 0em auto;
	text-align:center;
	background-color: #a6c1c6;
					border-top: 0em solid #bfd4d5;
					border-right: 0.1em solid #a6c1c6;/*9bb9be*/
					border-bottom: 0.1em solid #d3e4e7; 
					border-left: 0.1em solid #a6c1c6;	
	}
	
	/************ELASTIC IMAGES**************/
	
		
	img.leaf {
		width: 22.2em;
		height: 43.8em;
		border: 0;
		
	}
	
	
	img.footerleftcorner {
		width: 4.6em;
		height: 4.8em;
		border: 0;
		
	}
	
	img.footerrightcorner {
		width: 2em;
		height: 4.8em;
		border: 0;
		
	}
	
	img.arrowup {
		margin: 0em 1em 0.5em 0em;
		padding: 0em;
		width: 1.77em;
		height: 1.6em;
		border: 0;
		
	}
	
	img.puzzle {
	width: 22.2em;
		height: 27.7em;
		border: 0;
	}
	
	img.books {
		width: 22.2em;
		height: 29.6em;
		border: 0;
	}
	
	img.shadow {
		width: 22.2em;
		height: 0.3em;
		border: 0;
	}
	
	
	img.wadenhoe {
		width: 22.2em;
		height: 36.9em;
		border: 0;
	}
	
	img.roadmap {
		width: 22.2em;
		height: 40.6em;
		border: 0;
	}
	
	img.clare {
	width: 22.2em;
	height: 34.7em;
	border: 0;
	}
	
		img.jane {
	width: 22.2em;
	height: 39.5em;
	border: 0;
	}
	
		img.ginny {
	width: 22.2em;
	height: 26.1em;
	border: 0;
	}
	
		img.privacy {
	width: 22.2em;
	height: 14.4em;
	border: 0;
	}
	
	
	/***********END ELASTIC IMAGES********/
	
	
	/********content text formatting start*****/
	
			
			a:link {
	color: #336666;
	text-decoration: underline;
	border:0em;
	font-weight:normal;
			}
			
			
			a:visited {
	color: #669999;
	text-decoration: underline;
	border:0em;
			}
			
			a:hover {
	color: #336666;
	text-decoration: underline;
	font-weight: bold;
		border:0em;

			}
			
			
					

h1 {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	margin: 1.1em 2.3em 0em 1.6em;
	color: #CC3300;/*was #003399*/
}

p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.55em;  /*was 1.6em*/
	font-weight:normal;
	margin: 0.8em 0em 0em 0em;   /*margin top does not change gap under title*/
	padding: 0em 2.3em 1.0em 2.5em;  /*bottom is space between paras*/

}
h2 {  /*white headings in left column of tables*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight:bold;
	margin: 1.1em 1.5em 0.2em 0em;
	color: #FFF;
}

/*********FOOTER START*********/	
			
#footer {
	clear: both;
	width: 80em;
	padding: 0em;
	margin: 0em;
	border: 0em;
	background-color: #88a8ae;/*was #a6c1c6*/
	min-height: 4.8em;
	overflow:hidden;
} 



#footer p {
	margin: 0em;
	color: #FFF;
	font-size:1em;
	line-height: 1.3em;
	text-align:center;
	padding: 0.4em 0em 0em 0em;
	letter-spacing: 0.03em;
}


#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: underline;	
	font-weight: normal;
}

#footer a:hover {
	color: #CFF;
	text-decoration: underline;
	font-weight: normal;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	}