#navigation {
	float:left;
	padding: 0;
}


#nav li, #nav li.active {
	float:left;
	padding:0 30px 0 20px;
	background-image: none;
}

#nav li.active {
	background-image: url(../img/activeNav.gif);
	background-repeat:no-repeat;
	background-position: 0 15px;
}

#nav a:hover, #nav a.active {
	color:#96a8d0;
}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:12px 0 13px 0;
}

#nav li { /* all list items */
	float: left;
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #8095c6;
	width: 20em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li { 
	clear:both;
	padding:0 0 0 5px;
}

#nav .sub a {
	padding: 5px 0 5px 10px;
	color:#FFFFFF;
	text-decoration:underline;
	background-image:none;
}

#nav .sub a:hover {
	background-image: url(../img/activeSubNav.gif);
	background-repeat:no-repeat;
	background-position: 0 9px;
	color:#FFFFFF;
}