﻿#mainMenuContents {
	padding: 0;
	float: left;
	width: 660px;
}

/* master nav inside of the container div */
#mainMenuContents ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* top nav item */
#mainMenuContents li {
	height: 39px;
	font-size: 14px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	text-transform: uppercase;
	color: #231F20;
	font-weight: bold;
}

/* the link within a top nav item */
#mainMenuContents li a {
	padding: 8px 10px 6px 10px;
	color: #231F20;
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 2000;
}
#mainMenuContents li a:hover, #mainMenuContents li a:focus, #mainMenuContents li a:active,
#mainMenuContents li a.on {
	background: #ACBA4D;
}

/* any dropdown menu */
#mainMenuContents li ul {
	margin: 0;
	padding: 8px 0;
	position: absolute;
	display: none;
	color: #231F20;
	clear: left;
	z-index: 1000;
	background: #ACBA4D;
}

/* any item within a dropdown menu */
#mainMenuContents li li {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	position: relative;
	height: auto !important;
	text-transform: none;
	border: none;
}


/* the link within any item in a dropdown menu */
#mainMenuContents li li a {
	margin: 0;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	background: none;
	display: block;
	color: #231F20;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	width: auto !important;
	height: auto !important;
}
	#mainMenuContents li li a.on {
		color: #231F20;
	}

/* dropdown menu under the current hovered item */
#mainMenuContents li:hover ul,
#mainMenuContents li.sfhover ul {
	display: block;
}

/* top nav item hover */
#mainMenuContents li:hover,
#mainMenuContents li.sfhover {
	background: #ACBA4D;
}

#mainMenuContents li:hover a,
#mainMenuContents li.sfhover a {
	color: #231F20;
}

#mainMenuContents li:hover li a,
#mainMenuContents li.sfhover li a {
	color: #231F20;
}


/* dropdown item hover */
#mainMenuContents li li a:hover,
#mainMenuContents li li:hover a,
#mainMenuContents li li.sfhover a,
#mainMenuContents li.sfhover li a.on {
	background: url('../img/main-nav-sub-bg.png') top right repeat-y;
	color: #231F20;
}

	/* dropdown item hover */
	#mainMenuContents li li:hover,
	#mainMenuContents li li.sfhover {
		border: none;
	}

body.ie6 { behavior: url("/js/csshover3.htc"); }
body.ie6 #mainMenuContents li li a { zoom: 1; }
body.ie6 #mainMenuContents li ul { width: 222px; }
