ul#nav { /* all lists */
	margin-top: 0;
	list-style: none;
	width: 736px;
	height: 21px;
	margin-left: 15px;
	border-bottom: #8BC4E2 solid 1px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul#nav li { /* all list items */
	float: left;
	position: relative;
	background:url("../images/nav_left.gif") no-repeat left top;
	background-color: #E6F1F9;
	margin-right: 5px;
	margin-left: 0px;
}

ul#nav li.active {
	background-image: url("../images/nav_active_left.gif");
	background-color: #FFFFFF;
	border-bottom: none;
}

ul#nav a, ul#nav li.active a {
	display:block;
	background:url("../images/nav_right.gif") no-repeat right top;
	background-color: #E6F1F9;
	text-decoration:none;
	color:#42428B;
	font-size: 13px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-left: 9px;
	padding-left: 11px;
	padding-right: 20px;
}

ul#nav a:hover {
	color: #990000;
}

ul#nav li.active a {
	background-image: url("../images/nav_active_right.gif");
	background-color: #FFFFFF;
	color: #007cb1;
	padding-top: 3px;	
}

/* second-level lists */

ul#nav li ul { 
	display: none;
	position: absolute;
	margin-top: -0px;
	left: 0;
	list-style: none;
	width: 182px;
	border: solid #8BC4E2 1px;
}

ul#nav li ul li {
	margin-right: 0px;
}

ul#nav li ul a {
	display: block;
	width: 150px;
	background-color: #E8F2F9;
	background-image: none;
	margin-left: 0px;
	border-bottom: solid #FFFFFF 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul#nav li ul a:hover {
	background-color: #FFFFFF;
	color: #990000;
}

ul#nav li ul li.active a,
ul#nav li ul li.active {
	background-image: none;
	width: 150px;
	padding-left: 0px;
}

ul#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	width: 182px;
}