#menu {position:relative; width: 144px; /* set width of menu */  margin:0px 15px 0px 0px; float:left;padding:10px 10px 20px 10px; min-height:500px;
       background-image:url('custom/images/district/interior/img_bgleftnav.gif');background-repeat:repeat-y;background-color:#fff;
       text-transform:uppercase;}
#menu ul { /* remove bullets and list indents */ list-style-type:none;padding:0px 0px 0px 0px;margin:0px;}
#menu a {font:11px Arial; display: block; margin: 0; font-weight:bold;}
#menu a.ln {color:#4C5E8E; text-decoration:none; padding:7px 10px 7px 15px;border-bottom:1px dotted #ccc;}
#menu ul li.has_children_1 a.ln{background-image:url('custom/images/district/interior/img_arrow_off.gif');background-repeat:no-repeat;
                             background-position:0px 9px;border:none;}
#menu ul li.has_children_1 a.ln_default{background-image:url('custom/images/district/interior/img_arrow_on.gif');background-repeat:no-repeat;
                             background-position:0px 9px;border:none;}
#menu ul li.has_children_1{border-bottom:1px dotted #ccc;}
#menu ul li.has_children_1 a.ln:hover{background-image:url('custom/images/district/interior/img_arrow_over.gif');background-repeat:no-repeat;
                             background-position:0px 9px;}
#menu a.ln:hover {color:#80171A;}
#menu a.ln_default {color:#80171A;text-decoration:none; padding:7px 10px 7px 15px;border-bottom:1px dotted #ccc;}
#menu a.ln_default:hover {color:#80171A;}
#menu a.ln2 {color:#4C5E8E; text-decoration:none; padding:7px 10px 7px 25px;}
#menu a.ln2:hover {color:#80171A;}
#menu a.ln2_default {color:#80171A; text-decoration:none; padding:7px 10px 7px 25px;}
#menu a.ln2_default:hover {color:#80171A;}
#menu a.ln2_top {}
#menu ul li.has_children_2{border:none;}
#menu a.ln3 {color:#4C5E8E;text-decoration:none; padding:7px 7px 7px 40px;}
#menu a.ln3:hover {color:#80171A;}
#menu a.ln3_default {color:#80171A;text-decoration:none;padding:7px 7px 7px 40px;}
#menu a.ln3_default:hover {color:#80171A;}
#menu a.ln3_top {}

/*** Begin top navigation menus ***/
#header #topNav{padding:40px 0px 0px 0px;margin:0px;text-align:left;}
#header #topNav ul{list-style-type:none;padding:0px;margin:0px;}
#header #topNav ul li{float:left;}
#header #topNav ul li a{display:block;}
#header #topNav ul li a span{display:none;}

#topNav a.home {background:transparent url('custom/images/general/top_nav/btn_home_off.gif') no-repeat;width:60px;height:31px;margin:0px;}
#topNav a.homeOn {background:transparent url('custom/images/general/top_nav/btn_home_on.gif') no-repeat;width:60px;height:31px;margin:0px;}
#topNav a.home:hover, #topNav li:hover > a.home, #topNav ul :hover ul li a:hover.home, #topNav a.home.active {
	background:transparent url('custom/images/general/top_nav/btn_home_on.gif') no-repeat;width:60px;}

#topNav a.district {background:transparent url('custom/images/general/top_nav/btn_district_off.gif') no-repeat;width:95px;height:31px;margin:0px;}
#topNav a.district:hover, #topNav li:hover > a.district, #topNav ul :hover ul li a:hover.district, #topNav a.district.active {
	background:transparent url('custom/images/general/top_nav/btn_district_on.gif') no-repeat;width:95px;}

#topNav a.schools {background:transparent url('custom/images/general/top_nav/btn_schools_off.gif') no-repeat;width:97px;height:31px;margin:0px;}
#topNav a.schools:hover, #topNav li:hover > a.schools, #topNav ul :hover ul li a:hover.schools, #topNav a.schools.active {
	background:transparent url('custom/images/general/top_nav/btn_schools_on.gif') no-repeat;width:97px;}
	
#topNav a.students {background:transparent url('custom/images/general/top_nav/btn_students_off.gif') no-repeat;width:106px;height:31px;margin:0px;}
#topNav a.students:hover, #topNav li:hover > a.students, #topNav ul :hover ul li a:hover.students, #topNav a.students.active {
	background:transparent url('custom/images/general/top_nav/btn_students_on.gif') no-repeat;width:106px;}

#topNav a.family {background:transparent url('custom/images/general/top_nav/btn_family_off.gif') no-repeat;width:171px;height:31px;margin:0px;}
#topNav a.family:hover, #topNav li:hover > a.parents, #topNav ul :hover ul li a:hover.parents, #topNav a.parents.active {
	background:transparent url('custom/images/general/top_nav/btn_family_on.gif') no-repeat;width:171px;}

#topNav a.community {background:transparent url('custom/images/general/top_nav/btn_community_off.gif') no-repeat;width:96px;height:31px;margin:0px;}
#topNav a.community:hover, #topNav li:hover > a.staff, #topNav ul :hover ul li a:hover.staff, #topNav a.staff.active {
	background:transparent url('custom/images/general/top_nav/btn_community_on.gif') no-repeat;width:96px;}

/* preload images */
#homeNav{background-image:url('custom/images/general/top_nav/btn_home_on.gif'); visibility:hidden;}
#districtNav{background-image:url('custom/images/general/top_nav/btn_district_on.gif'); visibility:hidden;}
#schoolsNav{background-image:url('custom/images/general/top_nav/btn_schools_on.gif'); visibility:hidden;}
#studentsNav{background-image:url('custom/images/general/top_nav/btn_students_on.gif'); visibility:hidden;}
#familyNav{background-image:url('custom/images/general/top_nav/btn_family_on.gif'); visibility:hidden;}
#communityNav{background-image:url('custom/images/general/top_nav/btn_community_on.gif'); visibility:hidden;}
#arrowOn{background-image:url('custom/images/district/interior/img_arrow_on.gif');visibility:hidden;}

/* topnav menu */
/* Style the list OR link hover. Depends on which browser is used */
#topNav ul a:hover {visibility:visible;} /* for IE6 */
#topNav ul li:hover {position:relative; z-index:400;} /* for IE7 */
#topNav ul ul {margin:0px 0px 0px 0px;  /* used to set margin back to 0 on the left because the first level ul has a left margin */}

/* keep the 'next' level invisible by placing it off screen. */
#topNav ul ul, 
#topNav ul :hover ul ul, 
#topNav ul :hover ul :hover ul ul,
#topNav ul :hover ul :hover ul :hover ul ul,
#topNav ul :hover ul :hover ul :hover ul :hover ul ul {height:0;left:-9999px;position:absolute;top:-9999px;width:0;}

/* set up the first drop down sub level */
#topNav ul :hover ul {background:#801519;border:0;height:auto;left:0px;opacity:0.9;padding:0px;top:31px;min-width:180px;border:1px solid #ccc;z-index:3;}
#topNav ul :hover ul.community {left:-63px;}
#topNav ul > li.nav :hover ul {left:2px;}
#topNav ul :hover ul li {display:block;float:left;min-width:180px;overflow:hidden;}
#topNav ul:hover ul li a {background:#4B5F8D;border-bottom:none;color:#fff;display:block;
	font:normal 12px Arial, Helvetica, sans-serif;height:auto;padding:7px 10px;text-decoration:none;text-transform:none;overflow:hidden;margin:0px;min-width:160px;}
#topNav ul:hover ul li a.ln_last{border:none;}
#topNav ul :hover ul li a:hover {color:#fff;background-color:#801519;}