/*
Menu fix for IE7 in external CSS:  ie7.css
Mootools functions in mootools-global.js that control sticky menu hovers and IE6 support
*/


div#mainnav-container {
	position: relative;
	background: #333836 url(../images/nav-bg.png) repeat-x;
	margin: 0 auto;
	width: 900px;
	z-index: 100;
}
	div#mainnav-container img.curl {
		position: absolute;
		right: 0;
		bottom: 0;
		display: none;
	}
	body.home div#mainnav-container img.curl {
		display: block;
	}


ul#mainnav {
	position: relative;
	display: block;
	margin: 0 0 0 15px;
	padding: 0;
	width: 900px;
	height: 24px;
	list-style-type: none;
}
	ul#mainnav li {
		position: relative;
		float: left;
		display: inline;
		margin: 0 30px;
	}
		ul#mainnav li.top a.top {
			display: block;
			font: bold 12px/24px "Arial", sans-serif;
			color: #ffffff;
			text-decoration: none;
		}
		ul#mainnav li.over a.top,
		ul#mainnav li.top a.top:hover {
			color: #f7bd21;
		}


/* drop down subnav stuff
--------------------------------- */

ul#mainnav li ul.dropdown { /* second-level lists */
	position: absolute;
	float: none;
	display: none;
	list-style-type: none;
	top: 24px;
	padding: 4px 8px 2px 8px;
	margin: 0 0 0 -8px;
	background: #333836 url(../images/dropdown-bg.png) left top repeat-x;
	z-index: 100;
}
ul#mainnav li ul.dropdown li {
	position: relative;
	float: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 145px;
}

ul#mainnav li ul.dropdown a,
ul#mainnav li ul.dropdown a:visited {
	display: block;
    text-align: left;
	font: bold 12px/20px "Helvetica", "Arial", sans-serif;
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	padding: 2px 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #5e6167;
}
ul#mainnav li ul.dropdown a:hover {
	color: #000000;
}

ul#mainnav li ul.dropdown li.last a {
	border-bottom: 0;
}


ul#mainnav li:hover ul.dropdown,
ul#mainnav li li:hover ul.dropdown { /* lists nested under hovered list items */
	display: block;
}

ul#mainnav li:hover ul.dropdown,
ul#mainnav li li:hover ul.dropdown,
ul#mainnav li.sfhover ul.dropdown,
ul#mainnav li li.sfhover ul.dropdown { /* lists nested under hovered list items */
	display: block;
}