#menu {position:relative; width: 169px; /* set width of menu */ margin:0px; float:left;}
#menu ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0;}
#menu a {font:normal normal bold 11px Arial, Helvetica, sans-serif; display: block; margin: 0; text-transform:uppercase;}
#menu a.ln {color:#f8f8f8; background-color: #7b7b7b; border-bottom:1px solid #282828; text-decoration:none; padding:5px 20px;}
#menu a.ln:hover {color:#000000; background-color: #a9a9a9;}
#menu a.ln_default {color:#000000; background-color: #a9a9a9; border-bottom:1px solid #282828; text-decoration:none; padding:5px 20px;}
#menu a.ln_default:hover {color:#000000;	background-color: #a9a9a9;}
#menu a.ln2 {color:#666666; background-color: #FFFFFF; text-decoration:none; padding:4px 5px 4px 5px;	border-width: 0px 1px 1px 1px; border-style: solid;	border-color: #ddb2b2;}
#menu a.ln2:hover {color:#000000; background-color: #ce4343;}
#menu a.ln2_default {color:#666666; background-color: #FFFFFF; text-decoration:none;	padding:4px 5px 4px 5px; border-width: 0px 1px 1px 1px;	border-style: solid; border-color: #ddb2b2;}
#menu a.ln2_default:hover {color:#000000; background-color: #ce4343;}
#menu a.ln2_top {border-width: 1px 1px 1px 1px;}
#menu a.ln3 {color:#e8e8e8; background-color: #c74242; text-decoration:none; padding:4px 5px 4px 5px;	border-width: 0px 1px 1px 0px; border-style: solid;	border-color: #ddb2b2;}
#menu a.ln3:hover {color:#000000; background-color: #d57171;}
#menu a.ln3_default {color:#e8e8e8; background-color: #c74242; text-decoration:none;	padding:4px 5px 4px 5px; border-width: 0px 1px 1px 0px;	border-style: solid; border-color: #ddb2b2;}
#menu a.ln3_default:hover {color:#000000; background-color: #d57171;}
#menu a.ln3_top {border-width: 1px 1px 1px 0px;}
/**************** code below is only for Right navigation ****************/
#menu li {/* make the list elements a containing block for the nested lists */ position: relative;}
#menu ul ul ul { position: absolute; top: 0; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}
/**************** end: code is only for Right navigation ****************/

#topnav ul {
	margin:0;
	padding:0;
	width:611px;
}

#topnav li {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav_background.png') repeat-x;
	float:left;
	list-style-type:none;
	height:65px;
}

#topnav li.last {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav_right.png') no-repeat top right;
	margin:0;
	width:143px;
}

#topnav a {
	color:#FFFFFF;
	display:block;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	height:32px;
	margin:5px 0 0 0;
	text-decoration:none;
	text-transform:uppercase;
}

#topnav a.district {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_district.jpg') no-repeat;
	width:94px;
}

#topnav a:hover.district, #topnav li:hover > a.district, #topnav a.district.active {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_district_on.jpg') no-repeat;
	width:94px;
}

#topnav a.schools {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_schools.jpg') no-repeat;
	width:102px;
}

#topnav a.schools:hover, #topnav li:hover > a.schools, #topnav a.schools.active {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_schools_on.jpg') no-repeat;
	width:102px;
}

#topnav a.students {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_students.jpg') no-repeat;
	width:102px;
}

#topnav a.students:hover, #topnav li:hover > a.students, #topnav a.students.active {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_students_on.jpg') no-repeat;
	width:102px;
}

#topnav a.staff {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_staff.jpg') no-repeat;
	width:71px;
}

#topnav a.staff:hover, #topnav li:hover > a.staff, #topnav a.staff.active {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_staff_on.jpg') no-repeat;
	width:71px;
}

#topnav a.parents {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_parents.jpg') no-repeat;
	width:93px;
}

#topnav a.parents:hover, #topnav li:hover > a.parents, #topnav a.parents.active {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_parents_on.jpg') no-repeat;
	width:93px;
}

#topnav a.community {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_community.jpg') no-repeat;
	width:127px;
}

#topnav a.community:hover, #topnav li:hover > a.community, #topnav a.community.active {
	background:transparent url('http://www.somerset.k12.wi.us/custom/images/topnav/btn_community_on.jpg') no-repeat;
	width:127px;
}

#topnav li a span {
	display:none;
}

/* 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:200;
} /* for IE7 */

/* 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:#c0b4b4 none;
	border:0;
	height:auto;
	left:0px;
	margin:0;
	padding:0;
	top:37px;
	width:135px;
}

#topnav ul > li.district :hover ul {
	left:2px;
}

#topnav ul :hover ul li {
	background:transparent none;
	border:0;
	display:block;
	float:left;
	height:28px;
	position:relative;
	width:135px;
}

#topnav ul :hover ul li a {
	background:#c0b4b4 none;
	border:0;	
	color:#500000;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:28px;
	height:28px;
	padding:0 10px;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	width:115px;
}

#topnav ul :hover ul li a:hover {
	background:#c45a5a none;
	border:0;	
	color:#FFFFFF;
}