/* BASIC ELEMENT DEFAULTS */
* {margin: 0; padding: 0}
body {
	background:#CFCFCF url(images/BG.png) repeat-x;
	font-size:100.01%;
	font-family: arial, "trebuchet ms", verdana, sans-serif;
	color: #000000;
	/*color:#2C5079*/}
p, table {font-size:0.85em; color:#656565; padding:12px 7px 0px 7px; line-height:1.0;}
a{text-decoration:none}
a:link, a:visited{color:#0f3468; text-shadow:#656565}
a:hover, a:active{color:#0f3468; text-decoration:underline}
acronym{cursor:help}
h2{
	margin-bottom:-2px;
	font:0.95em/1.1 "trebuchet ms", verdana, sans-serif;
	padding-top:5px;
	padding-left: 7px;
	padding-right: 7px;
	display:inline;
	font-weight:bold;}	
h3{ 
	margin-bottom:-2px;
	font:0.9em/1.1 "trebuchet ms", verdana, sans-serif;
	color:#656565;
	padding-top:2px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight:bold;}



/* HIDDEN FOR SCREEN READERS */
#hidden-msg{
	position:absolute;
	top:-1000px}
	

/* PAGE CONTAINER */
#container{background:#FFFFFF; /* HIDDEN, IE6 PUTS THE NAV AT THE TOP OF THE PAGE. position:relative; */ min-width:938px; max-width:3000px}


/* HEADER */
#intro{
	height:98px/* WAS 129 */; 
	background:url(images/headBG.png) repeat-x;}
#pageHeader{ 
	height:98px/* WAS 129 */;
	background:url(images/headers/headESHS01.png) left no-repeat}
#pageHeader h2 span{display:none}
#pageHeader h3 span{display:none}


/* BODY */
#body{
	background:url(images/rightBG.png) right repeat-y; 
	min-height:40px; /* WAS 500 */
	height:auto !important;
  	height:400px;
	
	}/* min-height: Set the height of the navigation so the footer does not become hidden behind the nav */

#body2{
	margin:0 0 0 205px;
	padding-right: 31px;
	background: url(images/right.png) top right no-repeat}
#body3{
	margin:0 10px 0 10px;
}
/*
#body2 h2{
	margin-bottom:-2px;
	font:0.95em/1.1 "trebuchet ms", verdana, sans-serif;
	padding-top:5px;
	padding-left: 7px;
	padding-right: 7px}	
#body2 h3{ 
	margin-bottom:-2px;
	font:0.95em/1.1 "trebuchet ms", verdana, sans-serif;
	padding-top:5px;
	padding-left: 7px;
	padding-right: 7px}
*/
.floatRight {
	float: right;
	margin:0 7px 0 10px
}
#bodyItem{
	margin: 0 0 8px 0;
}

/*
ul{
	padding:15px 0 0 0}
li{
	width: 80%;
	display: block;
	border: solid 1px; 
	margin:0 0 -4px 0;
	padding:0 0 0 15px}
*/
/* UNORDERED LIST */
#body4 ul, #body4 ol{
font:.8em arial, verdana, sans-serif;
margin:5px 0 5px 30px;
color:#656565;
}
#body4 ul li, #body4 ol li{
margin:3px 0 3px 0px;
}
#body4 ul ul, #body4 ol ol{
font:1em arial, verdana, sans-serif;
margin:4px 0 4px 13px;
color:#656565;
}


/* DISTRICT NAV */
#districtNav{
	height:30px;
	white-space:nowrap;
	text-align:center;
	font:0.95em "trebuchet ms", verdana, sans-serif;
	background: url(images/distNavBG.png) repeat-x;
	padding-bottom:15px}
#districtNav2{
	background: url(images/distNavR.png) top right no-repeat;
	padding: 2px 0 0 0;
	display:block;
	height: 30px}
#districtNav2 a{color:#000000}
#districtNav2 a:visited{color:#000000}
#districtNav2 a:hover{color:#5e7e93}
#districtNav2 .p1{
	font:1em/1.6 "trebuchet ms", verdana, sans-serif; 
	padding: 0 4px 0 4px}

/* #districtNav2 .d{}*/


/* LEFT NAVIGATION */	
#leftNav{
	background: url(images/leftNavBG.png) repeat-y;
	width: 205px;
	font:0.8em/1.6 "trebuchet ms", verdana, sans-serif; 
	position:absolute;
	top:98px /*WAS 129 */}
#leftNav2 h3{
	background: url(images/leftNavBG.png) repeat-y;
	padding: 12px 0 0 15px;
	font:1.2em "trebuchet ms", verdana, sans-serif;
	font-weight:bold;
	margin-bottom:0px;}	


/* LEFT NAVIGATION - QUICKLINKS */
#quickLinks{
	background:url(images/leftNavQL1.png) top no-repeat}
#quickLinks2{
	background:url(images/leftNavQL2.png) bottom no-repeat;
	padding: 0 7px 12px 0}
#quickLinks h3 {
	display:none;
	padding-top:30px}
/* #qlPicture{}*/
#quickLinks ul{
	padding:15px 0 0 0}
#quickLinks li{
	margin:0 0 -4px 0;
	padding:0 0 0 15px}
#qlAlert {
	text-align:center;
	margin:0 0 -10px 0;
	padding:13px 5px 0 7px;	
	color:#FF0000;
	font-weight:bold;
	font:1.2em/1.0 "trebuchet ms", verdana, sans-serif; }
	
	
/* LEFT NAVIGATION - SCHOOL SITES */
#schoolSites{
	background:#d3d3d3;
	margin-right: 7px;
	width:198px;
/* ADDED AFTER TESTED 11-27-07 In attempt to hide quicklinks ----------------------------- */
	position:relative;
	top:-5px;}
#schoolSites li{
	list-style-type:none;
	display:block; 
	border-bottom:1px solid #FFFFFF;
	color:#3D82AD;
	padding:2px 0 1px 15px}
#schoolSites h3{
	padding-bottom: 2px;
/* ADDED AFTER TESTED 11-27-07 In attempt to hide quicklinks ----------------------------- */
	padding: 2px 0 0 15px;}
#schoolSites ul li a{color:#0f3468}
#schoolSites ul li a:hover{color:#000;text-decoration:underline}


/* LEFT NAVIGATION - LOG-IN */
#logIn{
	margin-right: 7px}
#logIn li{
	margin:0 0 -4px 0;
	padding-left:15px}
	
	
/* LEFT NAVIGATION - DISTRICT RELTED */
#districtRelated{
	background:url(images/leftNavBot.png) bottom no-repeat;
	padding: 0 0px 10px 0}
#districtRelated li{
	margin:0 7px -4px 0;
	padding-left:15px}


/* FOOTER */
#footer{
	height: 91px;
	background:url(images/footBG.png) repeat-x;}
#footer2{
	height: 91px;
	background:url(images/footR.png) right no-repeat}
#footerText{
	font:0.8em "trebuchet ms", verdana, sans-serif;
	color: #FFFFFF;
	padding: 65px 0 0 15px}	
	
	

#navcontainer {
	margin: 0;
	padding: 0 10px 0 10px;
	height: 25px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
bottom:0;
left:0;
text-align:left;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
/*width:128px;*/
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
/*width:128px; */
position:relative;
margin:0;
/*THE ROBERT SMITH Z-INDEX FIX!*/
z-index:100;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
float:left;
color:#333; 
height:25px; 
border:none; 
border-width:1px 1px 0 0; 
background:none; 
padding-left:10px;
padding-right:10px;
padding-top:3px;
line-height:23px;
border-left:1px solid #999;
font-size:.8em;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#edeaec url(images/icons/menudrop.png) bottom right no-repeat;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#ccc;
}
.menu ul ul :hover > a.drop {
background:#ccc url(images/icons/menudrop.png) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#ccc;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#ccc;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:29px;
left:0; 
width:200px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:28px;
t\op:28px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:195px; 
top:0;
width:200px;
}
/* another hack for IE5.5 */
* html .menu ul ul ul{
left:221px; 
l\eft:221px; 
}

/* font size hack for IE5.5 */
* html .menu ul ul{
font-size:1.2em;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:200px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#edeaec; 
color:#000; 
height:15px; 
line-height:1em; 
padding:5px 10px; 
width:174px;
border:1px solid #888;
margin-top:-1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited{
width:200px;
w\idth:200px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#333; 
background:#d3d3d3;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#333;
background:#fff url(images/distNavActive.png) center;
}
/* IE hack */
* html .menu ul a:hover{
background:#fff url(images/distNavActive.png) center;
}
.menu ul ul a:hover{
background:#d3d3d3;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* give the main nav a vertical border on the very last option by hiding the backbround padding which shows on a hover */
.menu .endingNavLine a:hover, .menu .endingNavLine a, .menu .endingNavLine a:visited {
padding: 2px 0px 0 0px;
}


/*  PAGE MENU */ 
.pagemenu{
margin-left:20px;

}
.pagemenu ul li  {
display: block;
margin-top:-1px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:8px;
font-size:1.em;
background:#FFFFFF;
margin-left:-21px;
font:.95em "trebuchet ms", verdana, sans-serif;
font-weight:bold;
list-style-type:none;
}
* html .pagemenu ul li {
margin-top:0px;

}
.pagemenu ul li a, .pagemenu ul li a:link, .pagemenu ul li a:visited, .pagemenu ul li a:hover, .pagemenu ul li a:active {
color:#000000;
text-decoration:none;
cursor:auto;
}
.pagemenu ul li ul li {
background:#f0f0f0;
width: 280px;
border:1px solid #333333;
font-weight:normal;
margin-left:0px;
font:.9em arial, verdana, sans-serif;
font-weight:normal;
}
* html .pagemenu ul li ul li {
width:285px;
w\idth:285px;
margin-top:-5px;
}
.pagemenu ul li ul li a, .pagemenu ul li a:link, .pagemenu ul li a:visited, {
color:#3c3c3c;
text-shadow:#656565;
}
.pagemenu ul li ul li:hover, .pagemenu ul li:active{
color:#000000;
/*text-decoration:underline;*/
cursor:pointer;
}
.pagemenu ul li ul li a:hover, .pagemenu ul li a:active{
cursor:pointer;
}
.pagemenu ul li ul {
margin: 7px 0 5px 0;
}
.pagemenu ul li ul li ul li {
background:#ffffff;
width: 260px;
margin-left:0px;
text-decoration:none;
cursor:pointer;
}
.pagemenu ul li ul li ul li:hover{
color:#000000;
/*text-decoration:underline;*/
}

/*PAGE MENU DISPLAY PAGE*/
.pagemenuImageRight, .pagemenuImageRight{
width:340px;padding:0px 0 0 10px;
}
.pagemenuImageRight .pagemenu ul li ul li{
background:#ccc;
}
.pagemenuImageRight .pagemenu ul li ul li ul li{
background:#edeaec;
}
#pagemenuImageRight, #pagemenuImageRight{
position:absolute;left:550px;top:202px;float:right;width:340px;
}
#pagemenuImageRight h2, #pagemenuImageRight p{
margin-left:-6px;
}
#pagemenuImageLeft .pagemenu ul li{
margin-left:-357px;
background:none;
}
* html #pagemenuImageLeft .pagemenu ul li {
margin-left:-100px;
}
#pagemenuImageLeft .pagemenu ul li ul li{
margin-left:350px;
background:#ccc;
}
#pagemenuImageLeft .pagemenu ul li ul li ul li{
margin-left:0px;
background:#edeaec;
}
.pagemenuImageLeft{
width:340px;padding:28px 0 0 16px;}
.pagemenuImageLeft h2, .pagemenuImageLeft p{
margin-left:-6px;
}
#pagemenuImageLeft{
position:absolute;left:550px;top:175px;float:right;width:340px;
}
#pagemenuImageLeft{}
*html #pagemenuImageLeft{
position:absolute;left:220px;top:175px;float:right;width:340px;padding-left:72px;
}

/* Inset 3D Raised */
.raised {background: transparent; width:98.5%; margin:0 auto;}
.raised h3, .raised p {margin:0 5px;}
.raised h3 {}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#d3d3d3; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#d3d3d3; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#d3d3d3; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#d3d3d3; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#d3d3d3; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#d3d3d3; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#d3d3d3; border-left:1px solid #fff; border-right:1px solid #999;}