/* ---------------------------------------------
Screen Stylesheet for http://www.greatschoolsforme.org
Released:	1-12-10 JDB
Updated:	
TOC:		Resets; HTML & Body; Links; Typography; Lists; Tables;
			Template Sections & Blocks; Navigation; Forms; Page Specific Rules;

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, fieldset, form,
h1, h2, h3, h4, h5, h6, p, pre {margin:0;padding:0;}
/* ---------- ::HTML & Body:: --------------------- */
html {font-size:100.01%;height:101%;}
body { 
margin:0 auto;
height:100%;
font:62.5%/1.33 Tahoma,Geneva,Helvetica,Arial,sans-serif;
background:#fff;
color:#010066;
}
/* ---------- ::Links:: ------------------------ */
a,a:visited {text-decoration:underline;color:#010066;}
:active, :focus, :hover, a:hover {text-decoration:none;outline:none;}
a img {border:none;}
/* ---------- ::Typography:: ------------------- */
abbr,acronym {text-decoration: none;border:0}
address, h1, h3, h4, h5, h6, li, p, pre {padding:.6em 0;}
h1 {font-size:30px;}
h2 {padding:0 0 .6em;font-size:18px;text-transform:uppercase;}
h3 {padding:.6em 0 0;font:bold 16px/1.3 'trebuchet ms',geneva,Tahoma,arial;}
h4 {font-size:14px;}
h5, h6 {font-size:12px;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:12px;}
p {font:13px 'trebuchet ms',geneva,tahoma,arial;}
dt {font-weight:bold;}
pre {font-size: 12px;}
q:before,q:after {content:'';}
/* ---------- ::Lists:: ------------------- */
dl, ol, ul {margin-left: 20px;}
li, ol, dd, dt {vertical-align:middle;list-style-position: inside;}
/* ---------- ::Tables:: ------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word;
}
caption, th, td {text-align: left;vertical-align:top;}
/* ---------- ::Main Template Areas :: --------------------- */
#masthead {position:relative;margin:0 auto;width:1017px;height:148px;}
	/* accessible home page link */
	#masthead a#homeLink {	
	display:block;
	position:absolute;
	height:90px;
	left:30px;
	top:20px;
	width:180px;	
	}
		#masthead a#homeLink strong {position:absolute;top:-999em;left:-999em;}
#contentWrap {margin:0 auto;width:978px;min-height:700px;}
	#noColumns #contentWrap {width:1040px;}
#columnLeft {float:left;width:188px;}
#columnMain {position:relative;float:left;width:602px;}
/* full pages */ body.fullpage #columnMain {width:780px;}
#columnRight {float:right;width:188px;}
#footer {clear:both;width:972px;background:url(../images/footer_bar.jpg) 0 0 no-repeat;height:27px;color:#fff;}
	#noColumns #footer {margin-top:20px;}
	#footer p {line-height:1;text-align:center;}
		#footer p a {color:#fff;text-decoration:none;}
/* ---------- :: Left Columns Blocks :: --------------------- */
#educationBlog {margin:0 0 8px;}
	#educationBlog .content {padding:0 4px 0 12px;}
		#educationBlog .content p {padding-top:0;}
#constantContact {margin:8px 0;background:url(../images/constant_contact_block.png) 0 0 no-repeat;width:181px;height:103px;}
#leftBlock {position:relative;width:181px;background-color:#e5e5ef;}
	#leftBlock .content {min-height:300px;padding:0 20px 10px;}
	
/* ---------- :: Main Columns Blocks :: --------------------- */

#content {padding:0 40px 20px;}

/* ---------- :: Right Columns Blocks :: --------------------- */
/* parent reveiews on right side home page */
#parentReview {margin:0 0 8px;}
#parentReview .content {padding:0 6px 0 12px;}
	#parentReview .content p {padding-top:0;padding-bottom:14px;}
/* gray right block */
#rightBlock {position:relative;width:181px;background-color:#e5e5ef;}
	#rightBlock .content {min-height:150px;padding:0 20px 10px;}
/* right block with map */
#rightBlock2 {margin:10px 0 0;}
#rightBlock2 h2 {padding:0 0 2px 18px;text-transform:none;}
#rightBlock2 p {padding:0 0 10px;}
/* bottom right block */
#rightBlock3 {width:181px;background-color:#e5e5ef;}
	#rightBlock3 .content {min-height:262px;padding:10px 10px 0;}
		#rightBlock3 p {padding-top:4px;}

/* ----------  ::Home Page Template and Style Overrides:: ------------------ */

/* Home Page - Left */
#page_home #columnLeft {}
/*#page_home #leftBlock {padding-bottom:75px;}*/
	#page_home #leftBlock .content h2 {padding:0;font:bold 16px/1 'trebuchet ms',geneva,Tahoma,arial;}
	#page_home #leftBlock .content p {padding:.3em 0;}
		#page_home #leftBlock .content a {text-decoration:none;}
		
/* Home Page - Right */
#page_home #columnRight {width:187px;}
#page_home #rightBlock {margin:24px 0 0;padding:0 0 111px;}
	#page_home #rightBlock .content h2,
	#page_home #rightBlock .content p {padding:0 0 14px;line-height:1;font-family: 'trebuchet ms',geneva,Tahoma,arial;}
	#page_home #rightBlock .content p {font-size: 13px;}

/* Home Page Middle */
#homeFlash {
position:absolute;
top:-43px;
margin:0 auto;
width:602px;
height:208px;
}
/* Home Page Content */
#homeContent {color:#0D0C72;font:14px 'trebuchet ms',geneva,tahoma,arial !important;margin:162px 95px 15px;}
	#homeContent p {color:#0D0C72;font:14px 'trebuchet ms',geneva,tahoma,arial !important;text-align:justify;}
/* --- Left / Right Columns in middle section --- */
#mainLeft {float:left;width:271px;text-align:right;}
	#mainLeft p,#mainRight p {text-transform:uppercase;color:#65a6f4;}
	#mainLeft p {text-align:right;padding:4px 0 0 }
	#mainLeft img.map-maine {margin:-20px 0 0;}	
#mainRight {float:right;display:inline;margin:0 10px 0 0;width:262px;}

/* ----------  ::Navigation:: ------------------ */
	/* --- Main Menu --- */
	#sidenav {margin:0 0 0 6px;list-style: none;}
	#sidenav li {list-style-position:outside;}
	#sidenav li, #sidenav a {
	padding-bottom:0;
	line-height:1.2;	
	font-size:14px;
	color:#010066;}
	#sidenav a {text-decoration:none;}
	#sidenav a:active, #sidenav a:focus, #sidenav a:hover {}
	/* --- Footer Menu --- */
	#footerMenu {font-size:11px;padding:6px 20px;}
	#footerMenu a {text-decoration:none;}
	#footerMenu a:active, #footerMenu a:focus, #footerMenu a:hover { }
	#footerMenu a.questions {display:block;color:#65a6f4;}
	/* web designer link */
	a.designer {display:block;padding-bottom:10px;font-size:11px;text-align:center;text-decoration:none;}
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;padding-right:5px;}
fieldset {border:0;}
input,label,select,textarea {
line-height:1.2;
vertical-align:middlee;
font-size:inherit;
font-family:inherit;
}
input[type="radio"], input[type="checkbox"] {position:relative;top:1.5px;}
input[type="text"],textarea {padding:0.4em 0.2em;}
input[type="text"],select,textarea {background:url(../images/inputbg.png) 0 0 no-repeat;border:1px solid #020066;}
textarea {overflow:auto;height:100px;}
/* --- Constant Contact form --- */
#constantContact form {
position:relative;
top:64px;
margin:0 auto;
text-align:center;
}
	#constantContact form input[type="text"] {
	border:0 none;
	color:#63A5F4;
	font-size:11px;
	padding-left:0.3em;
	width:120px;
	}
	#constantContact form input[type="submit"], #constantContact form input.submit {
	background:transparent url(../images/gs-Go.gif) no-repeat 0 8px;
	border:none;
	cursor:pointer;
	height:30px;
	margin:0 auto;
	padding:0;
	text-indent:-900em;
	width:29px;
	}
/* --- Great Schools Search Form --- */
#mainRight p.title {padding:3px 20px 10px 0;text-align:right;text-transform:none;}
	#mainRight p.title a {text-decoration:none;color:#393071;}
	#mainRight .great {color:#6fc5d4;font-size:11px;text-decoration:none;}
	#mainRight .schools {color:#92c95b;font-size:11px;text-decoration:none;}
	
form #greatSchools {width:240px;margin:10px auto 20px;}
	form #greatSchools div {padding:5px 0;height:30px;}
	form #greatSchools div p {padding:0;}
	form #greatSchools input[type="text"],form #greatSchools select {border:1px solid #64A5F4;}
	form #greatSchools select, form #greatSchools option {color:#483F7F;}
	form #greatSchools label, form #greatSchools div.level-text p, form #greatSchools div.state-text p,
	form #greatSchools select, form #greatSchools span {font-size:12px;text-transform:none;color:#010066;}
	form #greatSchools input[type="text"] {padding:1px 2px;/*display:block;*/}
	form #greatSchools div.level, form #greatSchools div.level-text, form #greatSchools div.state-text,
	form #greatSchools div.state, form #greatSchools div.zip {float:left;}
	form #greatSchools div.state-text {clear:both;padding-right:5px;}
	form #greatSchools div.level-text {padding-left:5px;}
	form #greatSchools div.state, form #greatSchools div.state select {width:110px;}
	form #greatSchools div.zip {width:110px;}
	form #greatSchools div.zip label {display:inline;padding-left:5px;}
	form #greatSchools div.zip input {display:inline;width:45px;}
	form #greatSchools div.submit {clear:both;text-align:center;}
	form #greatSchools div.submit p.label {padding:0;display:none;}
	form #greatSchools input[type="submit"], form #greatSchools div.submit input {	
	border:none;
	background:url(../images/gs-Go.gif) 0 0 no-repeat;
	cursor:pointer;
	width:29px;
	height:30px;
	padding:0;
	margin:0 auto;
	text-indent:-900em;	
	}
/* --- Review and Ratings forms 
- with town autocomplete --- */	
	.ac_results {
	padding: 0;
	border: 1px solid #000;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 	if width will be 100% horizontal scrollbar will apear when scroll mode will be used	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {background: #fff url('../images/indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}
/* form styles */
input#input-city {width:148px;}
select#input-school {height:23px;margin:0 0 0 -4px;padding:2px 0 1px 1px;min-width:154px;}
.school_holder label, .ac_holder label {text-align:right;}
/* --- Contact Form --- */
#contactform {margin:30px auto 0;width:500px;}
#contactform legend {font-weight:bold;}
#contactform div {
clear:both;
display:block;
padding:1em 0;
width:500px;
border:1px solid #fff;
}
#contactform label, #contactform p.label, #contactform input,
#contactform div.captcha img {display:block;float:left;}
#contactform label, #contactform p.label {padding-right:1em;width:30%;text-align:right;}
#contactform input,#contactform textarea {width:60%;}
#contactform div.captcha input{width:188px;}
#contactform div.submit input {width:198px;}
/* ---------- ::News:: ------------------------ */
.NewsPosts {margin:0 0 30px;}
.NewsPosts h2 {padding:10px 0 0;}
#NewsLinks {margin:20px 0 0;text-align:right;}
/* ---------- ::School Search Form Results page:: ------------------------ */
#schoolSearchAgain, #schoolSearch {width:660px;margin:0 auto;}
#schoolSearchAgain a {display:block;text-align:right;}
#schoolSearchForm p {display:none;}
#schoolSearchForm form p {display:inline;}
/* ---------- ::School Search Form:: ------------------------ */
body#page_search-great-schools #schoolSearch {width:270px;}