* { 
  padding: 0; 
  margin: 0; 
} 
 
/*remove padding and margins from all elements*/ 
 
a {outline: none;} /* Gets rid of Firefox's dotted borders */ 
 
 
body{ 
text-align: center;  
 margin-top: 20px; 
 background-color:#4F4F4F; 
 font-family:Lucida Grande,Helvetica,Arial,sans-serif; 
} 
  
  
body          { font-size: 75%; }   /* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth) */ 
html > body   { font-size: 12px; }  /* All other browsers */ 
 
 
/* ---------------------------- */ 
#wrapper { 
margin: 0 auto; /*centers the div*/ 
text-align:left; 
width:994px; 
background-color:#fff; 
} 
   
 
#header{ 
background: #52A1D2 url(images/header_bg.gif) repeat-x top left; 
height:120px; 
padding: 0; 
margin:0 24px 0; 
} 
 
 
 
#content{ 
padding:0 24px 0; 
background-color:#fff; 
line-height:21px; 
} 
 
#content a { 
color: #227DB6; 
font-weight: bold; 
text-decoration: none; 
} 
 
 
#content a:hover, a:active { 
color: #000000; 
border-bottom: 1px dotted; 
} 
 
 
/* PRIMARY CONTENT */ 
 
#primarycontent{ 
margin-top:10px; 
float:left; 
width:386px; 
background-color:#1F3B3F; 
color:#C5D9E1; 
}  
 
#primarycontentsec{ 
margin-top:10px; 
float:left; 
width:706px; 
background-color:#fff; 
}  
 
 
 
#primarycontentsec h3 a{ 
color:#333; 
font-variant: small-caps; 
} 
 
 
#primarycontentsec ul, ol{ 
margin-left:12px; 
} 
 
#primarycontent img{ 
margin:10px; 
}  
 
#primarycontent strong{ 
color:#fff;} 
 
/* SECONDARY CONTENT */ 
 
#secondarycontent{ 
float:left; 
width:306px; 
background-color:#fff; 
margin-left:14px; 
} 
 
#primarycontent p, #secondarycontent p, #tertiarycontent p{ 
margin-left:12px; 
} 
 
#secondarycontent h3{ 
margin-left:12px; 
} 
 
 
 #tertiarycontent img{border:none;}
 
  #tertiarycontent a:hover { outline: none; }
 #tertiarycontent a:active { outline: none; }
 
#tertiarycontent{ 
float:left; 
width:226px; 
margin-top:10px; 
margin-left:14px; 
background-color:#fff; 
 
} 
 
#twitter{ 
background-color:#fff; 
} 
 
ul.topnav { 
list-style: none; 
margin:0 0 8px 0;
padding:0;
float: left;
width: 946px;
background: #222; 
font-size: 1.2em; 
background-color:#001D3E; 

/*background: url(images/topnav_bg.gif) repeat-x;*/ 
} 
 
ul.topnav li { 
 float: left; 
 margin: 0; 
 padding: 0 15px 0 0; 
 position: relative; /*--Declare X and Y axis base for sub navigation--*/ 
} 
ul.topnav li a{ 
 padding: 10px 5px; 
 color: #fff !important; 
 display: block; 
 text-decoration: none; 
 float: left; 
 text-transform:uppercase; 
} 
ul.topnav li a:hover{ 
border-bottom: none !important;
color:#227DB6 !important;
} 
 
ul.topnav li a:active{ 
 border:none; 
 color:#66CCFF; 
} 
ul.topnav li span { /*--Drop down trigger styles--*/ 
 width: 17px; 
 height: 35px; 
 float: left; 
 background: url(images/subnav_btn.gif) no-repeat center top; 
} 
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ 
ul.topnav li ul.subnav { 
 list-style: none; 
 position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ 
 left: 0; top: 35px; 
 background: #001D3E; 
 margin: 0; padding: 0; 
 display: none; 
 float: left; 
 width: 170px; 
 border: 1px solid #111; 
} 
ul.topnav li ul.subnav li{ 
 margin: 0; padding: 0; 
 border-top: 1px solid #252525; /*--Create bevel effect--*/ 
 border-bottom: 1px solid #444; /*--Create bevel effect--*/ 
 clear: both; 
 width: 170px; 
} 
html ul.topnav li ul.subnav li a { 
 float: left; 
 width: 145px; 
 background: #001D3E url(images/dropdown_linkbg.gif) no-repeat 10px center; 
 padding-left: 20px; 
} 
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ 
background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center; 
} 
 
#footer {  
border-top: 1px solid #eee;  
margin-top: 20px;  
clear: both; 
background-color:#00162F; 
padding-bottom:20px; 
} 
 
div.clear { clear: both; } 
 
h1.title{ 
font-size:36px; 
font-weight:bold; 
padding:12px 0 0 12px; 
} 
 
 h2 { 
font-size: 1.35em; 
font-weight:bold; 
background-color:#fff; 
padding:26px 0 14px 0; 
/*padding:.4em 30px .4em 0; 
margin:0 0 1em 0;*/ 
color: #001833; 
} 
 
 
h2.comments { 
background: url(images/comment_bg.gif) no-repeat  center left; 
padding-left:14px; 
} 
 
h2.news { 
background: url(images/comment_news.gif) no-repeat  center left; 
padding-left:14px 
} 
 
 
h2.parentteacher{ 
background: url(images/parent_teacher_bgheading.gif) no-repeat center left;  
color:#fff; 
} 
 
 
h2.tertiary_header{ 
background-color:#6ED5FE; 
/*background: url(images/plain_header.gif) no-repeat center left; */ 
color: #001833; 
padding:4px !important; 
} 
 
 
#content .date {     
margin-top: 2px; 
margin-left:12px; 
color: #666; 
font: 11px "Lucida Grande", Arial, sans-serif; 
font-style: italic; 
}   
 
 
#video{ 
background-color:#fff; 
border:none; 
padding-top:22px;  
margin:0; 
} 
 
 
#video img{ 
border:none; 
padding:0; 
margin:0;} 
 
 
/*LINK STYLES*/ 
 
.name{ 
font-weight:bold; 
} 
 
/* Overwrite PollDaddy Style */ 
.pds-box{ 
 width:226px !important;  
} 
 
.pds-box-outer {background-color:#DEE2E2 !important;  } 
 
.pds-answer label { 
 padding:4px 0 9px 12px !important;  
width:170px !important;  
} 
 
 
 
div#search { 
background:#0F181F none repeat scroll 0 0; 
margin:0 0 20px; 
padding:12px 4px; 
width:218px; 
} 
 
div#search h3 { 
margin: 0 0 10px 0; 
padding: 0; 
font-size: 15px; 
font-weight: bold; 
color: #fff; 
} 
 
 
 
div#search input#s { 
border:medium none; 
float:left; 
font-size:12px; 
height:17px; 
margin:0 10px 0 0; 
padding:1px 3px 2px; 
width:140px; 
} 
 
 
div#search input#searchsubmit { 
width: 45px; 
height: 23px; 
background: url(images/btn_searchgo.gif) no-repeat; 
} 
 
 
#resources{margin:0; padding:0;background-color:#ccc; 
} 
 
#resources p {margin-left:12px; 
} 
 
#resources h2{ 
padding:14px 0px 0px 10px; 
margin:0;} 
 
 
#footer ul { 
font-size:85%; 
list-style-image:none; 
list-style-position:outside; 
list-style-type:none; 
margin:20px 41px; 
text-align:left; 
 
} 
 
#footer li { 
border-left:1px solid #5D574E; 
display:inline; 
margin:0 0 0 1em; 
padding:0 0 0 1em; 
color:#1A77A7; 
} 
 
#footer li.first { 
border-left:none; 
font-weight:bold; 
font-size:1.2em; 
} 
 
#footer li.credit { 
border-left:none; 
font-weight:bold; 
font-size:1.2em; 
margin-left:200px; 
} 
 
 
#footer li a { 
color:#BFEAFF;} 
 
.wet_recent_comments { 
margin-left:12px; 
list-style:none !important; 
 
 
} 
 
 
.breadcrumbs { 
font-size:0.9em; 
color:#333; 
margin:5px 0 10px 0; 
} 
 
.divider{ 
border-bottom:2px solid #DBDBDB; 
margin:0 0 30px; 
padding-bottom:20px;} 
 
 
.zemContactForm fieldset{  
border:none!important; 
 
} 
 
.zemContactForm legend{  
display:none!important; 
 
} 
 
#logoimg{ 
float:left;  
margin:12px 0 0 14px;} 
 
 
#helpline { 
 margin: 5px 0px 0px 0px; 
 padding: 3px 0px 0px 3px; 
 width: 300px; 
 height: 64px; 
 background: url(/images/helpline-bglarge.jpg) top left no-repeat; 
 border: 1px solid #fcb3ad; 
} 
 
 
#helpline a { 
 margin-top: 5px; 
 font: normal 18px Verdana, Arial, Helvetica, sans-serif; 
 color: #000000; 
 text-decoration: none; 
} 
 
/*FACEBOOK AND TWITTER LINKS*/


/*http://sixrevisions.com/css/how-to-create-social-media-buttons-using-css3/*/

.inset {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	list-style-type: none;
	margin: 10px 0 0 10px;
}

.inset ul { list-style-type: none; display: block; }

.inset li {
	float: left;
	height: 30px;
	margin: 0 8px 7px 0;
}

.inset li a {
	background-color: #eee;
	color: #424242;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 24px;
	padding-left: 27px;
	padding-top: 6px;
	position: relative;
	text-decoration: none;
	border: 1px solid #bfc1c6;
    /* Mozilla browsers that use Gecko layout engine */
	-moz-border-radius: 5px;
	/* Safari and Chrome that use WebKit layout engine */
	-webkit-border-radius: 5px;
	/* W3C CSS Level 3.0 specifications. For Opera and IE9 */
	border-radius: 5px;
	/* Mozilla browsers that use Gecko layout engine */
background: -moz-linear-gradient(#a5a7aa, #bec1c5 1%, #d8dbdf 10%, #d8dbdf);
/* Safari and Chrome that use WebKit layout engine */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a5a7aa),color-stop(.01, #bec1c5),color-stop(.10, #d8dbdf),color-stop(1, #d8dbdf));
}

.inset li a:hover {
	border: 1px solid #b4b7bb;
	background: -moz-linear-gradient(#9c9fa2, #b4b7bb 1%, #cdd0d5 10%, #cdd0d5);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9c9fa2),color-stop(.01, #b4b7bb),color-stop(.10, #cdd0d5),color-stop(1, #cdd0d5));
}

.inset li a img {
	height: 16px;
	left: 7px;
	margin-right: 7px;
	position: absolute;
	top: 7px;
	width: 16px;
	border:none;
}

.inset li a span {
	display: block;
	height: 22px;
	padding-right: 7px;
	overflow: hidden;
	/* width: 70px; Uncomment this to add a fixed width */
}
	
span.site { font-size: 14px; line-height: 20px; }