#menu {
	float:left;
	margin:0px;	
	position:relative;
	width:212px; /* set width of menu */
}

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

#menu a {
	display:block;
	font:normal normal bold 11px Arial, Helvetica, sans-serif;
	margin:0;
	text-transform:uppercase;
}

#menu a.ln {
	background:transparent none;
	border-bottom:1px solid #98977d;
	color:#464646;
	padding:6px 20px;
	text-decoration:none;	
}

#menu a.ln:hover {
	background:transparent none;
}

#menu a.ln_default {
	background:transparent none;
	border-bottom:1px solid #98977d;
	color:#464646;
	padding:6px 20px;
	text-decoration:none;
}

#menu a.ln_default:hover {
	background:transparent none;
	color:#464646;
}

#menu .has_children_1 {
	background:transparent url('custom/images/level1_children.jpg') no-repeat 0 3px;
}

#menu ul ul  ul {
	width:151px;
}

#menu a.ln2 {
	background:transparent none;
	border-color:#cacab5;	
	border-style:solid;
	border-width:0px 1px 1px 1px;
	color:#464646;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	padding:5px 10px;
	text-decoration:none;
	text-transform:none;
}

#menu a.ln2:hover {
	background:transparent none;
	color:#ffffff;
}

#menu a.ln2_default {
	background:#eeeeee none;
	border-color:#cacab5;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	color:#464646;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	padding:5px 10px;
	text-decoration:none;
	text-transform:none;
}

#menu a.ln2_default:hover {
	background:#bfb100 none;
	color:#ffffff;
}

#menu li.no_children_2 {
	background:#eeeeee none;
}

#menu li.no_children_2:hover {
	background:#bfb100 none;
}

#menu li.has_children_2 {
	background:#eeeeee url('custom/images/level2_children.gif') no-repeat;
}

#menu li.has_children_2:hover {
	background:#bfb100 url('custom/images/level2_children_on.gif') no-repeat;
	color:#FFFFFF;
}

#menu a.ln2_top {
	border-width:1px 1px 1px 1px;
}

#menu a.ln3 {
	background:#eeeeee none;
	border-color:#cacab5;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	color:#464646;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	padding:5px 10px;
	text-decoration:none;
	text-transform:none;
}

#menu a.ln3:hover {
	background:#bfb100 none;
	color:#ffffff;
}

#menu a.ln3_default {
	background:#eeeeee none;
	border-color:#cacab5;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	color:#464646;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	padding:5px 10px;
	text-decoration:none;
	text-transform:none;
}

#menu a.ln3_default:hover {
	color:#ffffff;
	background-color:#bfb100;
}

#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 {
	color:#212121;
	font:14px Arial, Helvetica, sans-serif;
	line-height:61px;
	height:61px;
	margin:0 0 0 280px;
	text-align:center;
	text-transform:uppercase;	
	width:660px;
}

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

#topnav li {
	float:left;
}

#topnav li a {
	display:block;
	height:61px;
}

#topnav li a span {
	display:none;
}

#topnav a.district {
	background:transparent url('custom/images/btn_district.gif') 0 26px no-repeat;
	width:114px;
}

#topnav a.district_on {
	background:transparent url('custom/images/btn_district_on.gif') 0 26px no-repeat;
	width:114px;
}

#topnav a.schools {
	background:transparent url('custom/images/btn_schools.gif') 0 26px no-repeat;
	width:106px;
}

#topnav a.schools_on {
	background:transparent url('custom/images/btn_schools_on.gif') 0 26px no-repeat;
	width:106px;
}

#topnav a.students {
	background:transparent url('custom/images/btn_students.gif') 0 26px no-repeat;
	width:113px;
}

#topnav a.students_on {
	background:transparent url('custom/images/btn_students_on.gif') 0 26px no-repeat;
	width:113px;
}

#topnav a.staff {
	background:transparent url('custom/images/btn_staff.gif') 0 26px no-repeat;
	width:82px;
}

#topnav a.staff_on {
	background:transparent url('custom/images/btn_staff_on.gif') 0 26px no-repeat;
	width:82px;
}

#topnav a.parents {
	background:transparent url('custom/images/btn_parents.gif') 0 26px no-repeat;
	width:104px;
}

#topnav a.parents_on {
	background:transparent url('custom/images/btn_parents_on.gif') 0 26px no-repeat;
	width:104px;
}

#topnav a.community {
	background:transparent url('custom/images/btn_community.gif') 0 26px no-repeat;
	width:140px;
}

#topnav a.community_on {
	background:transparent url('custom/images/btn_community_on.gif') 0 26px no-repeat;
	width:140px;
}

/* 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 {
	left:0;
	margin:0;
	padding:0;
	top:61px;
}

#topnav ul li ul li {
	background:none;
	margin:0;
	padding:0;
}

#topnav ul > li :hover ul {
	left:0px;
}

#topnav ul :hover ul li {
	display:block;
	float:left;
	height:30px;
	position:relative;
}

#topnav ul :hover ul li a {
	background:#FFFFFF;
	color:#210050;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	line-height:30px;
	overflow:hidden;
	padding:0 10px;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	width:125px;
}

#topnav ul :hover ul li a:hover {
	background:#bfb100 none;
	height:30px;	
	color:#FFFFFF;
}