#mainNav {
	height: 30px;
	width:844px;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:.95em;
	text-align:center;
	padding-top:10px;
/*	background-image:url(/_img/Menu/NavBg-1x40.png);
	background-repeat:repeat-x;
*/	z-index:50	
	}

#mainNav a{
	text-decoration:none;
	color:#58102E;
	font-size:10px;
	}
	
#mainNav a:hover{
	color:#42827B
	}	

#mainNav li {
	float: left;		/* suckerfish */
	margin: 0;
	padding-left: 10px;
	padding-right:10px;
	position: relative;	/* suckerfish */
	list-style: none;	
	}
	
/* suckerfish dropdown menus */
#mainNav li ul {
	display: none;
	position: absolute;
	top: 22px;	/* this is for IE, overriden in li > ul below */
	left: 0;	/* this is for IE, overriden in li > ul below */
	margin:0;
	padding: 0;
	background:#993333;
	color:#FFFFFF;
	border: #aaaaaa 2px groove;
	/*border-top: none;*/
}

#mainNav li ul li {
	width: 110px;	/* required for IE dropdown to not display weird */
	float: none;
}

/* this makes the hovering work */
#mainNav li:hover ul, 	#mainNav li.sfhover ul {
	clear: left;
	display: block;
}

#mainNav img {
	border:0;
	padding:0;
	margin:0;
	vertical-align: bottom;		/* IE6 workaround to fix bogus gap between navbar and flashbox */
}

#mainNav li ul a, #mainNav li ul a:visited, #mainNav li ul a:hover {
	display: block;		/* suckerfish */
	margin: 0;
	padding: 3px 0px;
	text-decoration: none;
	color: #fff;
	}
#mainNav li ul a:hover {
	background: #06f;
	color: #fff;
	}
	
/* nudge first menu item over */
#mainNav #nav_prod a {
	padding-left: 5px;
	}
