/* Basic code - don't modify */
 #sub-nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#sub-nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 132px;
}
#sub-nav a {
	display: block;
}
#sub-nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #sub-nav ul {
	line-height: 0;
} 
/* IE6 "fix" */
#sub-nav ul a {
	zoom: 1;
} 
/* IE6/7 fix */
#sub-nav ul li {
	float: none;
}
#sub-nav ul ul {
	top: 0;
}
/* Essentials - configure this */

#sub-nav ul {
	width: 131px;
}
#sub-nav ul ul {
	left: 132px;
}
/* Everything else is theming */
 
#sub-nav {
	/*background-color: #3C1406;
	height: 34px;
	width: 121px;*/
	top: -2.8em;
	left: 1.9em;
}
#sub-nav *:hover {
	background: none; 
}
#sub-nav a {
	color: white;
	padding: 10px;
	text-decoration: none;
	font: 17px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 1px;
}
#sub-nav li.hover a {
	background: #472113;
}
#sub-nav ul {
	top: 39px;
}
#sub-nav ul li a {
	background-color: #472113;
}
#sub-nav ul a.hover {
	background-color: #532716;
}
#sub-nav ul a {
	border-bottom: 1px solid white;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
/* #sub-nav ul a { border-bottom: none; } - I also needed this for IE6/7 */