﻿#header_nav{
	height:40px;
	width:960px;
	margin:0;
	padding:0;
	background-color:#02A64F;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	clear:both;
	position:relative;
	z-index:200;
}

.nav_main {
	position:relative;
	float: left;
	list-style: none;
	background: transparent;
	margin: 0;
	padding:0;
	font-size:14px;
	z-index:200;
}

/********************************
	DEFAULT BASE 
********************************/
.nav_main li {
	padding: 0;
	margin: 0;
	background: #333;
	white-space:normal;
	font-size:14px;
	background: transparent;
	white-space:normal;
	color:white;
}

.nav_main li a {
	display:block;
	background: transparent;
	color:inherit;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	padding:0;
	margin:0;
	overflow:hidden;
	cursor:pointer;
	border:0;
	white-space:normal;
}

/********************************
	MASTER ROW 
********************************/
.nav_main>li {
	z-index:201;
	float: left;
	color:#fff;
	height:inherit;
	white-space:nowrap;
	border-right:1px dotted #ccc;
	margin:0;
}

.nav_main>li:hover, .nav_main>li.sfHover {
	background:#3a195a url("//assets.mnstatefair.org/images/nav/ribbons/navy.png") repeat-x left top;
}
.nav_main>li:first-child{
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	filter:alpha(opacity=97);
}

.nav_main>li>a {
	white-space:nowrap;
	text-transform:lowercase;
	font-weight:bold;
	height:40px;
	line-height:38px;
	padding:0 9px;
	overflow:visible;
}

/*
* html .nav_main li {
	margin:0;padding:0;
}
*/


/**********************************************************
	This is to make sure each submenu has the same default
	transparency and that it doesn't compound and become
	increasingly transparent with each level.
**********************************************************/
.nav_main>li>ul {
	-moz-opacity:0.97;
	-khtml-opacity:0.97;
	opacity: 0.97;
}

/***************************************
	Sub Menus (Default Base)
***************************************/
.nav_main ul {
	float: left;
	list-style: none;
	position: absolute;
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/navy.png") repeat-y left bottom;
	/* height: auto; */
	display: none;
	border-top:0;
	font-weight: normal;
	font-size:12px;
	padding: 0 0 120px 0;
	margin: 0 0 0 1px;
}

.nav_main ul li {
	display:block;
	color:white;
	margin:0;
	padding:0;
	border:0;
	/* clear:both; */
	/* float: left; */
	width:193px;
	overflow:hidden;
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/navy.png") no-repeat left top;
	border-bottom:1px dotted #51207d;
}

.nav_main ul li a span.arrow {
	float:right;
	margin-right:5px;
}

.nav_main ul li a {
	display:block;
	float: left;
	margin:0 1px 0 0;
	padding:4px 5px 4px 10px;
	border:0;
	width:178px;
	height:auto;
	line-height:17px;
	color:inherit;
	background: transparent;
	background-image:none;
	text-transform:none;
	font-size:14px;
	font-weight:normal;
}

.nav_main li:hover>ul, .nav_main li.sfHover>ul{
	display:block;
}

.nav_main ul li:hover>a, .nav_main ul li.sfHover>a {
	background: transparent url("//assets.mnstatefair.org/images/backgrounds/opacity/black-33.png");
}

.nav_main ul>li a:hover{
	background: transparent url("//assets.mnstatefair.org/images/backgrounds/opacity/black-33.png");
}
/*
.nav_main ul li:last-child a {
	border:0;
}
*/
.nav_main ul li.active {
	background:white;
}

.nav_main>li>ul>li:last-child /* level 1 */,
.nav_main ul>li:last-child /* level 2+ */
{
	border-bottom: 0;
}

/***************************
	sub menus level(s) 2+
***************************/
.nav_main ul ul {
	left:192px;
	padding-bottom:120px; /* random variation */
}


/**************************************
	sub menus level 2 default
**************************************/
.nav_main ul>li>ul {
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/red.png") repeat-y left bottom;
}
.nav_main ul>li>ul>li {
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/red.png") no-repeat left top;
	border-bottom:1px dotted #830433;
	color:white;
}
.nav_main ul>li>ul>li:hover, .nav_main ul>li>ul>li.sfHover {
	color:white;
}

/*
.nav_main ul>li:hover>ul, .nav_main ul>li.sfHover>ul{
	display:block;
}
*/

/**************************************
	sub menus level 3 default 
**************************************/
.nav_main ul ul ul {
	padding-bottom:100px; /* random variation */
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/blue.png") repeat-y left bottom;
}

.nav_main ul ul ul li{
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/blue.png") no-repeat left top;
	border-bottom:1px dotted #272165;	
	color:white;
}
.nav_main ul>li>ul>li>ul>li:hover, .nav_main ul>li>ul>li>ul>li.sfHover {
	color:white;
}

/**************************************
	sub menus level 4 default 
**************************************/
.nav_main ul ul ul ul {
	padding-bottom:77px; /* random variation */
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/orange.png") repeat-y left bottom;
}

.nav_main ul ul ul ul li{
	background: transparent url("//assets.mnstatefair.org/images/nav/ribbons/orange.png") no-repeat left top;
	border-bottom:1px dotted #ce7f31;	
	color:white;
}
.nav_main ul>li>ul>li>ul>li>ul>li:hover, .nav_main ul>li>ul>li>ul>li>ul>li.sfHover {
	color:white;
}




/********************************
	fix IE6/7 issues
********************************/
/*
	* html .nav_main {margin-top:-15px;}
	*+html .nav_main {margin-top:-15px;}
*/
* html .nav_main li a {color:white;padding:0 10px;}
* html .nav_main li a:hover {color:white;}
* html .nav_main li a:active {color:white;}
* html .nav_main li a:visited {color:white;}
* html .nav_main li {float:left; height:40px; line-height:40px;}
* html .nav_main li li {float:none; line-height:25px; height:auto; margin-top:-3px;}
* html .nav_main li li a {padding:3px 10px;}

*+html .nav_main li a {color: white;}
*+html .nav_main ul li {margin-bottom:-5px;}