/* Basic code - don't modify */
#mainNav { position: relative; }
#mainNav ul { display: none; position: absolute; left: 0;}
ul#mainNav li { display: block; list-style: none; float: left; position: relative; }
ul#mainNav li a { display: block; }

* html #mainNav ul { line-height: 0; } /* IE6 "fix" */
#mainNav ul a { zoom: 1; } /* IE6/7 fix */
#mainNav ul li { 
	float: none;
	height:22px;
	line-height:22px; 
	margin-bottom:1px;
}
#mainNav ul ul { top: 0; }
    
/* Essentials - configure this */

#mainNav ul { width: 130px; }
#mainNav ul ul { left: 131px; }

/* Everything else is theming */
#mainNav { height: 22px; }
#mainNav *:hover { background-color: none; }
#mainNav ul { top: 22px; }
#mainNav ul li a { 
	background-color: #d3cbc0;
	color:#BA1F39;
	font-size:10px;
	font-weight:bold;
	padding:0 10px;
	line-height:22px;
	height:22px;
}
#mainNav ul a.hover { 
	background-color: #ba1f39; 
	color:#FFFFFF;
}
#mainNav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #mainNav ul a { border-bottom: none; } - I also needed this for IE6/7 */