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

#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: 0px; }
#nav ul ul { left: 0px; }

/* Everything else is theming */
#nav { height: 24px; }
#nav *:hover { background-color: none; }

#nav a
{
	padding-left: 15px;
	line-height: 1;
}

#nav li.hover a, #nav a.active {
	background-image: url(../images/star1.gif);
	background-repeat: no-repeat;	
}
#nav li li a {margin-left: 28px; height: 15px
}
#nav li.hover li a { background-image: none;  
}
#nav li li a:hover 
{
	background-image: url(../images/star2.gif);
	background-repeat: no-repeat;	
}

#nav ul a
{
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */