/* Basic code - don't modify */
 
#nav { 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: relative; 
}

#nav li { 
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	position: relative; 
}

#nav a { 
	display: block; 
}

#nav ul { 
	display: none; 
	position: absolute; 
	left: 0; 
	margin: 0; 
	padding: 0; 
}

* html #nav ul { 
	line-height: 0;	 /* IE6 "fix" */
} 

#nav ul a { 
	zoom: 1;   /* IE6/7 fix */
} 

#nav ul li { 
	float: none; 
}

#nav ul ul { 
	top: 0; 
}
    
/* Essentials - configure this */

#nav ul { 
	width: 176px; 
}

#nav ul ul { 
	left: 179px; 
}

/* Everything else is theming */
 
#nav { 
	height: 32px; 
}

#nav li.menu-item {
	background: none;
	cursor: pointer;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000066;
}
#nav li.menu-last-item {
	background: none;
	cursor: pointer;
	border-right: none;
}

#nav li {
	background: none;
	cursor: pointer;
}


#nav *:hover {
	color: #FFFFFF;
	background: url(../images/grad-1.gif) repeat-x top #2B6484;
}

#nav li a.active,
#nav li a.active:hover,
#nav li a.active:active,
#nav li a.active:focus {
	color: #FFFFFF;
	background-color: #e0ca40;
}

#nav a { 
	text-decoration: none;
	line-height: 32px;
	padding: 0 17px;
	color: #C3DBED;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid #2B6484;
}
#nav a.last { 
	text-decoration: none;
	line-height: 32px;
	padding: 0 21px 0 20px;
	color: #C3DBED;
	font-size: 12px;
	font-weight: bold;
	border-right: none;
}
#nav li ul { 
	top: 32px;
	border: 1px solid #CCCCCC;
}

#nav ul li a { 
	background-color: #29457b;
	border: none; 
	line-height: 30px;
	padding: 0 10px;
}

#nav ul a {
	opacity: 0.9; 
	filter: alpha(opacity=90); 
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */