/*@import url("reset.css");*/


body {
	margin: 0; padding: 0;
font-family: Verdana, sans-serif;
font-size:12px;
font-weight:normal;
	background:url(../elements/mainelements/background.jpg) repeat-x;
	background-color: #EAE9E1;

}
*{outline: none;}
img {border: 0;}
#container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background-color:#F7F6EE;
}
#header {
	background: url(../elements/mainelements/header.jpg) no-repeat;
	width: 960px; height: 88px;

}

#mainNav{
	width:958px;
	border-right:1px solid white;
	border-top:1px solid white;
	border-left:1px solid white;
	background-color:#9DADB9;
	height:33px;
	padding-top:5px;

}
ul#topnav {
	padding:0;
	margin:0;
width: 960px;
	list-style: none;
	font-size: 9px;
}
ul#topnav li {
	float: left;
	position: relative;
padding:5px 15px 5px 15px;
	margin-left:20px;
}
ul#topnav li a {
text-decoration:none;
font-size:14px;
color:white;


}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
/*ul#topnav a.home {

	width: 78px; 
}
ul#topnav a.schools {

	width: 117px; 
}
ul#topnav a.sale {

	width: 124px; 
}
ul#topnav a.community {

	width: 124px; 
}
ul#topnav a.store {

	width: 141px; 
}*/


ul#topnav li .sub {

	position: absolute;	
	top: 18px; left: -11px;
	background: #898989 /*url(../sub_bg.png) repeat-x*/;
	padding: 5px;
	margin:8px;

	float: right;
	width:950px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
		/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
		/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	display: none;

}

.arrow {
	text-decoration:underline;
	
}


ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 3px; }
ul#topnav li .sub ul{
	list-style: none;
	margin:6px 0 0 0; padding: 0;
	float: left;
width:165px;


}


ul#topnav .sub ul li {

	color: #fff;
	margin:0 0 3px 6px;
padding:0;
	width:90%;

}




.highlight {
	background-color:#888;
}

.highlight2 {
	background-color:#666;

}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 12px;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0 0 0;
	background-image: none;
	/*color:#F5E678;*/
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #CCC;
	font-size:11px;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}



#social {
padding:5px;
background-color:#FFF;
border:1px solid #CCC;
font-size:9px;
min-height:25px;
  height:auto !important;
margin-bottom:20px;
}


#socialText{
float: left;
width:172px;
}

#socialGraphics {
float:right;
width:83px;
}


#socialGraphics ul{
list-style-type:none;
}


#socialGraphics li {
float:left;
width: 25px;

}
.alert { 
	height:40px;
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
}

#alertLeft{
	float: left;
	width: 75px;
	margin:0px;
	padding:3px;

}

#alertRight {
	float: right;
	margin:0;
	padding:3px 3px 3px 6px;
	width:280px;
}


#headerNavMain {
color:#30485E;
font-size: 13px;
width:353px;
float:right;
margin-top:11px;
}

#headerNavMain ul{
list-style-type: none;
}

#headerNavMain ul li {
display:inline;
margin-right:17px;
}

#headerNavMain ul li a {
text-decoration:none;
color:#30485E;
font-size:13px;
font-weight:bold;
}

#mainContent {
overflow:auto;
width:958px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0;
padding:0;
}



#leftContent {
float:left;
width:667px;
padding: 6px 0px 6px 7px;
margin:0;
}



#leftImagery {
float:left;
width:119px;
margin:0;
padding: 0;
}

#leftImagery ul {
list-style-type: none;
margin:0;
padding:0;
}

#leftImagery ul li {
padding:0 0 1px 0;
margin:0;
}


#rightImagery {
float:right
width:548px;
margin:0;
padding:0;
}

#lowerLeft {
clear:both;
margin: 10px 0 0 0;
}

#events {
float:left;
width:211px;
background: url(../elements/mainelements/events_bg.gif) no-repeat;
padding-top:33px;
font-size:10px;
}

#indieEvent a, a:visited {
font-size:11px;
color: #8D0000;
}

.indieEvent {
clear:both;

margin-bottom:7px;
padding-bottom:7px;
}



.indieEventDate {
float:left;
width:57px;
margin-left:10px;
color:#666;
}

.individualEvent{
float:right;
width:138px;
color:#666666;
margin:0 5px 10px 0px;
border-bottom:1px solid #CCC;
padding-bottom:4px;
min-height:25px;
height:auto !important;
	height:25px;

}

.individualEvent h5{
font-size:10px;
color:#135F83;
padding:0;
margin:0;
}

#linkResources{
float:right;
width:450px;
font-size:11px;
color:#515151;
}

#linkResources a, a:visited {
text-decoration: none;
color:#515151;
}

#linkResources a:hover{
text-decoration:underline;
}

#linkResources ul {
  float: left;
  width: 330px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#linkResources li {
  float: left;
  background: url(../elements/mainelements/tri.gif) no-repeat;
  width: 145px;
  margin: 1px 0 0 0;
  padding: 0 0 0 15px;
} 

#studentSection {
background: url(../elements/mainelements/for-students-graphic.jpg) no-repeat;
padding:25px 10px 15px 105px;
overflow:auto;
}

#parentSection {
background: url(../elements/mainelements/for-parents-graphic.jpg) no-repeat;
padding:25px 10px 15px 105px;
overflow:auto;
}

#staffSection {
background: url(../elements/mainelements/for-staff-graphic.jpg) no-repeat;
padding:25px 10px 15px 105px;
overflow:auto;
}

#rightContent{
float:right;
width:273px;
padding:0 5px 10px 6px;
font-size:11px;
margin:0;
}

#rightContent h4{
color: #6C7F84;
font-size:12px;
font-weight: bold;
margin:0;
padding:0;
}

#districtNews{
	background: url(../elements/mainelements/district-news-header.gif) no-repeat;
padding-top:13px;
margin:0 4px 15px 4px;
}

#districtNews ul {
list-style-type: none;
}

#districtNews ul li{
background:url(../elements/mainelements/tri.gif) no-repeat;
margin:0;
padding-left:12px;
}

#districtNews .viewAll {
float:right;
width:45px;
padding-bottom:10px;
}

#districtNews .viewAll a, a:visited {
font-size:9px;
color:#999;
}

.newsItem a, a:visited {
text-decoration:underline;
font-size:11px;
color: #8D0000;
}

.newsItem {
clear:both;
border-bottom:1px solid #CCC;
margin-bottom:7px;
padding-bottom:7px;
}

.newsItem ul{
margin:0;
padding:0;
list-style: none;
}

#employment {
clear:both;
background: url(../elements/mainelements/employment-bg.gif) no-repeat;
padding:28px 4px 20px 4px;
}

#employment ul {
list-style-type: none;
margin-top:4px;
}

#employment ul li {
background:url(../elements/mainelements/tri.gif) no-repeat;
padding-left:12px;
margin:3px 0 0 4px;
}

#districtProfile {
background: url(../elements/mainelements/district-profile-bg.gif) no-repeat;
padding:28px 4px 20px 4px;
}

#districtProfile ul {
list-style-type: none;
margin-top:4px;
}

#districtProfile ul li {
background:url(../elements/mainelements/tri.gif) no-repeat;
padding-left:12px;
margin:3px 0 0 4px;
}


#footer {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	padding:10px;
	color:#666;
	font-size:11px;
	text-align:center;
}