@charset "utf-8";
/* CSS Document */

#mainnav{
    width:980px;
	font-size: 16px;
    font-weight: bold;
	float: left;
	background-image: linear-gradient(top, #006699 29%, #003955 100%);
	background-image: -o-linear-gradient(top, #006699 29%, #003955 100%);
	background-image: -moz-linear-gradient(top, #006699 29%, #003955 100%);
	background-image: -webkit-linear-gradient(top, #006699 29%, #003955 100%);
	background-image: -ms-linear-gradient(top, #006699 29%, #003955 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#003955');
	height:48px;
	padding: 0;
	margin:0 0 0 0;
	border-bottom: 2px solid #F1D604;
}

#mainnav ul{
	width: auto;
    list-style: none;
    margin: 0 auto;
    padding-top: 7px;
}

#mainnav li{
    padding:0 35px 0 35px;
    display:inline;
	background: url(../images/mannavdividers.gif) no-repeat right top;
	text-transform: uppercase;
	float:left;
	margin-top:7px;
	border:none;
}

#mainnav li.cats:hover{
	padding-bottom: 17px;
	background: #ffffff;
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
}

#mainnav li.noimage{
	background: none;
}

#mainnav li a{
    color:#fff;
    text-decoration:none;
	display:block;
}

#mainnav li:hover a{
    color:#333;
}




/***************DROPDOWN MENU************************/
.dropdown_4columns {
	margin: 14px auto;
	float:left;
	width: 730px;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:15px 5px 10px 5px;
	border-top:none;
	
	/* Gradient background */
	background:#ffffff;

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	z-index: 9999;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#mainnav li:hover .dropdown_4columns {
	/* Makes Menu Appear */
	left: 151px;
	top:auto;
}

.ie7 #mainnav li:hover .dropdown_4columns {
	/* Makes Menu Appear */
	left: 100px;
	top:auto;
}

#mainnav li:hover div a {
	font-size:14px;
	color:#333333;
}

#mainnav li:hover div a:hover {
	color:#069;
}

#mainnav li ul {
	margin: 0 auto;
	max-height: 300px;
	width: auto;
}

#mainnav li ul li {
	font-size:14px;
	line-height:15px;
	position:relative;
	padding:5px;
	margin:1px 5px;
	float:left;
	width:205px;
	background: none;
    border-bottom:1px solid #ccc;	
	height: 25px;
}

/* chrome hack*/ 
@media screen and (-webkit-min-device-pixel-ratio:0) {    
	#mainnav li ul li {
		font-size:14px;
	position:relative;
	line-height: 17px;
	padding:5px;
	margin:1px 5px;
	float:left;
	width:205px;
	background: none;
    border-bottom:1px solid #ccc;	
	height: 30px;
	}      
}


#mainnav li ul li:hover {
	padding:5px;
	margin:1px 5px;
	background: none;
}