#nav {
	color: #FFF;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	display: block;
	z-index: 999;
}

#nav ul.mb {
	display: block;
	list-style: none;
	float: left;
	text-align: left;
	background: none;
	margin: 0px;
	padding: 0px;
	width: 760px;
	text-transform: lowercase;
	z-index: 999;
}

#nav ul.mb span {
	margin: 0px 0px 0px 5px;
	color: #FFF;
	font-size: 10px;
}

#nav ul.mb li {
	float: left;
	display: block;
}

/* first level nav links */

#nav ul.mb li a {
	display: block;
	margin: 0px;
	padding: 5px 8px 5px 9px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Tahoma, Helvetica, Verdana;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #FFF;
}

#nav ul.mb li a:hover {
	text-decoration: none;
	background-color: #036;
}

#nav ul.mb li a#active, #nav ul.mb li a.active {
	text-decoration: none;
	background-color: #036;
}

/* div for positioning second level nav */

#nav ul.mb li div {
	position: relative;
}

/* second level nav */

#nav ul.mb ul {
	position: absolute;
	top: 26px;
	margin: 0px;	
	width: 148px;
	_width: 131px;
	filter: alpha(Opacity=70);
	-moz-opacity: .7;
	opacity: .7;
	background-color: #A1C0DF;
	padding: 0px;
}

#nav ul.mb ul li {
	position: relative;
	float: left;
	margin: 0px;	
	padding: 0px; 
}

#nav ul.mb ul>li {	
	display: block;
	/* required for opera: */
	float: none;
}

/* second level nav links */

#nav ul.mb ul li a {		   	
	padding: 6px 8px;
	margin: 0px;
	text-align: left;
	font-family: Verdana, Tahoma, Arial;
	color: #333;
	font-size: 11px;
	display: block;
	border: none;
	font-weight: normal;
	text-transform: capitalize;
	width: 100%;
	width: 132px;
	background-image: url(../../images/dotshrblue.gif);
	background-repeat: repeat-x;
}

#nav ul.mb ul li a#active, #nav ul.mb ul li a.active{
	background-color: #A1E1ED;
}

#nav ul.mb ul li a:hover {
	background-color: #A1E1ED;
}
