@import url("reset.css");

body { font-size: 1em; font-family: georgia, serif; text-align: center;
color: #444;background: #314493;padding: 0; margin: 0; }

html{ font-size:100%; }
#wrap{width: 46.25em; margin: 0 auto; background: #FFF; text-align: left;}
#mast {background:#FFF; position:relative; min-height: 7.19em;  }
#logo {position:absolute; top: 0; left: 0;}
#mast-graphic {position:absolute; top: 0; left: 240px;}
#main { float: left; width: 32.5em; background: #FFF url('xbackground.gif') no-repeat left bottom; padding-bottom: 5em; }
#mainsub1 {float: left; width: 15em;}
#mainsub2 { float: right; width: 15em;}
#secondary {float: right; width: 13em;  margin-top: 0em; background:#FFF; }
#footer {clear: both; border-top: #eee 2px solid; padding-bottom: 20px; margin: 0em; background:#314493 url(footer.gif) 0 0 repeat-x;}
#footer p {color:#666; padding-bottom: 1em;}
h1 {font-size: 1.125em; line-height: 1em;margin: 0em; font-weight: 300;}
p {font-size: 0.750em; line-height: 1.5em; margin: 1.5em; font-weight:normal;}
p img{width: 7.5em;height: 7.5em;margin: 0 1.5em 1.5em 0;float: left;}

/* Navigation  */

#headernav {margin:0; padding:0; background:#B8040E url(nav_bg.jpg) 0 0 repeat-x;
		width:100%;	float:left; height: 40px;}
	#headernav li {	display:inline;	padding:0; margin:0;	}
	#headernav a:link,	#headernav a:visited {
		color:#FFF;	background:#B8040E;	padding:10px 10px 4px 10px;
		float:left;	width:auto; text-transform:uppercase;
		text-decoration:none; font:0.7em/0.7em Arial, Helvetica, sans-serif; font-weight:bold;}
	#headernav a:hover {color:#000;	background:#FFF; }
	#headernav li:first-child a {		
	}
	#home #nav-home a,	#earlyyears #nav-earlyyears a,	#parentsinfo #nav-parentsinfo a,	#parentpartnership #nav-parentpartnership a,
	#fees #nav-fees a,	#contact #nav-contact a {background:#FFF; color:#BE0C1A;	text-shadow:none;	}
	#home #nav-home a:hover,	#about #nav-about a:hover,
	#archive #nav-archive a:hover,	#lab #nav-lab a:hover,
	#fees #nav-fees a:hover,	#contact #nav-contact a:hover {
		background:#e35a00;	}
	#headernav a:active {		background:#FFF; color:#000;	}
    
    /* typography */
    h1, h2, h3, h4, h5, h6 { color: #000; font-weight:bold;  }
h1 {color:#BE0C1A;  padding: 0.5em 1em; margin-top: 1em; }
h2 {font-size: 1.3em; color:#314493;padding-left: 1em;}
h3 {font-size: 1em; color:#961C1C; padding-left: 1em;}
h4 {}
h5 {}
h6 {}

#secondary h2 {font-size: 1em; padding: 1em; }
    h1 + p {color:#383548; font-weight: bold; border-bottom: 1px solid #333;}
    p {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:0.750em; line-height: 1.5em; margin: 1.4em;} /* equal to 12px font size */
 
    
    /* lists */  
    
    #keywords {background: #FFF; margin-left: 1em; padding-bottom: 1em; }
    
    ol {line-height: 1.5em; }
    ol li {font-size: 0.750em; font-family: georgia, serif;}

#main li {font-size: 0.750em; font-family: georgia, serif; line-height: 1.5em;}


span.Street-address { padding-left: 1em; clear:both;}
span.area-address {padding-left: 1em; clear:both;}
.county-address {padding-left: 1em;}
span.postcode {padding-left: 1em;}
.tel {padding-left: 1em;}
.email {padding-left: 1em;}
.manager {padding-left: 1em;}

a:link {color:#9FA9CD; text-decoration:none; }
a:visited {color:#9FA9CD; }
a:hover { color:#BE0C1A; }
a:active { } 

#secondary img {padding-top: 2em;}