/* --- Navigation --- */

/*
.nav{
float: left;
}

.nav li {
	width: 240px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.nav ul a {
	text-indent: -9999em;
}

.nav li:hover, .nav li.over {
	overflow: visible;
}

.nav li:hover a, .nav li.over a {
	background-position: 0px -42px;
}

.nav li ul {
	width: 222px;
	padding: 0px 0;
	position: absolute;
	left: 260px;
	top: -6px;
	z-index: 999 !important;
}

.nav li li {
width: 222px;
height: 30px;
background: url(/images/flyOutBg.png) no-repeat;
border: 0;
padding: 12px 0 0 12px;
}

.nav li li:hover, .nav li li.over {
background: url(/images/flyOutBgOver.png) no-repeat;
}

.nav li li:first-child{
width: 222px;
height: 29px;
background: url(/images/flyOutFirstBg.png) no-repeat;
border: 0;
padding: 19px 0 0 12px;
}

.nav li li:first-child:hover{
width: 222px;
height: 29px;
background: url(/images/flyOutFirstBgOver.png) no-repeat;
border: 0;
padding: 19px 0 0 12px;
}

.nav li li:last-child{
width: 222px;
height: 36px;
background: url(/images/flyOutLastBg.png) no-repeat;
border: 0;
padding: 12px 0 0 12px;
}

.nav li li:last-child:hover{
width: 222px;
height: 36px;
background: url(/images/flyOutLastBgOver.png) no-repeat;
border: 0;
padding: 12px 0 0 12px;
}

.nav li li a{
display:block;
width: 222px;
height: 32px;
color: #d8d8d8;
text-decoration:none;
text-indent: 0;
font-size: .8em;
}

.nav li li a:hover{
color: #fff;
}

*/



	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 240px;
		z-index:999;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		width: 240px;
		z-index:999;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		z-index:999;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		z-index:999;
	}
	
	#nav li a {
		width: 240px;
                height: 40px;
		display : block;
		z-index:999;
	}
	
	#nav li a:hover {
		color : white;
		z-index:999;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		z-index:999;
	}

	
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
left: 240px;
top:0px;
width: 222px;
z-index:999;
}

#nav li:hover ul li,
#nav li li:hover ul li,
#nav li li li:hover ul li,
#nav li.sfhover ul li,
#nav li li.sfhover ul li,
#nav li li li.sfhover ul li { /* lists nested under hovered list items */
background: url(/images/flyOutBg.png) no-repeat;
height: 32px;
width: 295px;
z-index:999;
display:block;
text-indent: 0;
font-size: .8em;
color: #999;
text-decoration: none;
padding: 10px 0 0 7px;
}

#nav li:hover ul a,
#nav li li:hover ul a,
#nav li li li:hover ul a,
#nav li.sfhover ul a,
#nav li li.sfhover ul a,
#nav li li li.sfhover ul a { /* lists nested under hovered list items */
display:block;
width: 198px;
height: 20px;
color: #d8d8d8;
text-decoration: none;
padding: 3px;
}


#nav li:hover ul a:hover,
#nav li li:hover ul a:hover,
#nav li li li:hover ul a:hover,
#nav li.sfhover ul a:hover,
#nav li li.sfhover ul a:hover,
#nav li li li.sfhover ul a:hover { /* lists nested under hovered list items */
color: #fff;
background: #333;
}


li.home, li.home_active {
display: block;
width: 240px;
height: 43px;
background: url(/images/navHome.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.home, li.home_active {
background-position: 0px -43px;
}

/* ------------------------ */

li.districtInfo, li.districtInfo_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navDistrictInfo.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.districtInfo, li.districtInfo_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.admin, li.admin_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navAdmin.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.admin, li.admin_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.highSchool, li.highSchool_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navHighSchool.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.highSchool, li.highSchool_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.middleSchool, li.middleSchool_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navMiddleSchool.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.middleSchool, li.middleSchool_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.intermediateSchool, li.intermediateSchool_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navIntermediateSchool.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.intermediateSchool, li.intermediateSchool_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.elementary, li.elementary_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navElementary.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.elementary, li.elementary_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.earlyChildhood, li.earlyChildhood_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navEarlyChildhood.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.earlyChildhood, li.earlyChildhood_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.clubs, li.clubs_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navClubs.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.clubs, li.clubs_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.athletics, li.athletics_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navAthletics.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.athletics, li.athletics_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.news, li.news_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navNews.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.news, li.news_active {
background-position: 0px -42px;
}

/* ------------------------ */

li.photos, li.photos_active {
display: block;
width: 240px;
height: 42px;
background: url(/images/navPhotos.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.photos, li.photos_active {
background-position: 0px -42px !important;
}

/* ------------------------ */

li.contact, li.contact_active {
display: block;
width: 240px;
height: 43px;
background: url(/images/navContact.gif) 0 0px no-repeat;
text-indent: -9000em;
}

li:hover.contact, li.contact_active {
background-position: 0px -43px;
}