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

#menu li 		{min-width:11%;}
* html #menu li	{width:11%}
#menu li.separator	{width:1px; min-width:1px; height:12px; margin:3px 3px auto 3px;  background-color:#fff;}
#menu ul ul {width:auto;}
#menu li ul {width:auto;}
#menu li ul li{width:auto; text-align:left;}

/* Everything else is theming */
 
#menu 			{background-color:#333366;color:white; text-align:center; height: 24px; }
#menu *:hover 	{background-color: none; }
#menu a 		{color: white;  padding: 6px; padding-left:0; padding-right:0; line-height: 1; }
#menu a.hover 	{color: #afafaf; }

#menu ul 		{top: 24px; margin-left:-6px; background-color: #333366; opacity: 0.95; filter: alpha(opacity=95);}
#menu ul li a 	{color:white; padding:6px;}

.hl{width:110px; height:1px; background-color:#333366;}
/* #menu ul a { border-bottom: none; } - I also needed this for IE6/7 */