div.schoolinfodiv {
	font-family: Trebuchet MS;
}
	
	div.schoolinfodiv div.spacer {
		padding: 5px 0;
	}
	
	div.schoolinfodiv div.loading {
		color: #f87f0f;
		font-style: oblique;
	}
	
	 .schoolname {
		text-transform: uppercase;
		color: #f87f0f;
	}
	
	.address {
		color: #f87f0f;
	}
	
	.grades {
		color: #2d3437;
	}
	
	.phone {
		color: #2d3437;
		text-transform: uppercase;
	}
	
	.Gemail, 
	.Gemail a, 
	.Gemail a:visited {
		color: #2d3437;
		text-transform: uppercase;
		font-size: 8pt;
		text-decoration: none;
	}
	
	.website, 
	.website a, 
	.website a:visited {
		color: #f87f0f;
		font-style: oblique;
		text-decoration: none;
	}
	
	.greatschool, 
	.greatschool a, 
	.greatschool a:visited {
		color: #f87f0f;
		font-style: oblique;
		text-decoration: none;
	}
	
	div.schoolinfodiv div.directions {
		color: #2d3437;
		font-size: 8pt;
	}
	
	div.schoolinfodiv div.directions a, 
	div.schoolinfodiv div#directions a:visited {
		color: #378eca;
		padding: 0 5px;
		font-style: oblique;
	}
	
	div.schoolinfodiv div.directions strong {
		padding: 0 3px;
	}
	
	div.schoolinfodiv div.directions span.title {
		text-transform: uppercase;
	}
	
	div.schoolinfodiv div.directions form {
		margin: 0;
		padding: 3px;
	}
	
	div.schoolinfodiv div.directions form input.image {
		cursor: pointer;
		vertical-align: middle;
		margin-left: 2px;
	}
	
	.phone span.title {
		text-transform: uppercase;
		font-size: 8pt;
	}


div.statusmessage {
	font-family: Trebuchet MS;
	text-align: center;
	background: #edeced;
	border: 2px solid #2d3437;
	color: #2d3437;
	padding: 5px 10px;
	width: 200px;
}

body {
	background: #1076A6;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}

img, input.image {
	border: 0;
}

a, a:visited {
	color: #378eca;
}


div.rounded {
	background-color: #edeced;
	margin-top: 10px;
}	
	
	.roundtop { 
		background: url(http://connect.myschool.org/images/corner-tr.gif) no-repeat top right; 
	}
	
	.roundbottom {
		background: url(http://connect.myschool.org/images/corner-br.gif) no-repeat top right; 
	}
	
	img.corner {
	   width: 5px;
	   height: 5px;
	   border: none;
	   display: block !important;
	}


div#container {
	padding: 3px 8px;
	background-color: #edeced;
}	


div#mapwrapper {
	border: 6px solid #aace68;
}

div#map {
	/*height: 450px; */
}


div#maplegendwrapper {
	text-align: center;
}

div#maplegend {
	padding: 5px;
	color: #555;
	background: #fff;
	font-size: 95%;
}
	
	div#maplegend img {
		vertical-align: middle;
		margin-left: 18px;
		padding: 0px 2px 3px 0;
	}
	
	div#maplegend img:first-child {
		margin-left: 0;
	}

	body.schoollist div#maplegend {
		float: right;
		width: 180px;
		padding: 10px;
		margin: 0 -10px 20px 10px;
	}
	
	body.schoollist div#maplegend img {
		margin-left: 0px;
	}
	



ul#resultslist {
	float: right;
	width: 440px;
	height: 180px;
	overflow: auto;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 5px;
	color: #2d3437;
}

ul#resultslist a {
	color: #f87f0f;
}

ul#resultslist li {
	margin-bottom: 2px;
	text-align: left;
}

ul#resultslist span.grades {
	font-size: 8pt;
}



div#find {
	clear: left;
	width: 300px;
	background: #2d3437;
	color: #edeced;
	border: 5px solid #aace68;
	margin: 10px 0 0 0;
	padding: 5px;
	float: left;
}

	div#find div.boxtitle {	
	}
	
	div#find label, span.label {
		color: #f87f0f;
		padding-left: 2px;
		font-size: 8pt;
	}
	
	div#find form#zipform, form#countyform {
		text-align: right;
		padding: 5px 30px 5px 5px;
		margin: 0;
	}
	
	div#find input.image, div#find img {
		cursor: pointer;
		vertical-align: middle;
		margin-left: 2px;
	}
	
	a#findinmap, a#viewschoollist {
		display: block;
		text-align: right;
		padding: 5px 30px 5px 5px;
		margin: 0;
		text-decoration: none;
		color: #f87f0f;
	}

div#schooldirectory {
	clear: left;
	width: 300px;
	background: #2d3437;
	color: #edeced;
	border: 5px solid #aace68;
	margin: 10px 0 0 0;
	padding: 5px;
	float: left;
}