/* navigation stuff */
body {
	behavior: url("/global/nav/csshover.htc"); /* WinIE behaviour call */ 
}

div#nav {
	position:absolute;
	top:28px; 
	left:266px;
	z-index:2;
	width:500px;
	height:35px;
	margin:0px;
	padding:0px;
	text-align:left;
	border:0px solid black;
}

div#nav ul {
	width:500px;
	height:35px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid #fff;
}

#nav li.submenu a, #nav li.submenu  a:visited {
	margin-top:10px;
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#nav a{
	display:block;
	height:35px;
	border:0px solid black;
	text-decoration:none;
	padding:0px;
	margin:0px;
	border:0px solid #fff;
}

#nav span {margin-left:-7000px;}

#home, #wines, #btn_harvest_blog, #trade, #winery, #club, #events {
	float:left;
	position:relative;
	height:35px;
	border:0px solid #fff;
	margin:0px;
	padding:0px;
}

#wines {width:88px;}
#wines a, #wines a:visited {background:url("/img/btn-wines.gif") top left no-repeat;}

#winery {width:104px;}
#winery a, #winery a:visited {background:url("/img/btn-winery.gif") top left no-repeat;}

#btn_harvest_blog {width:95px;}
#btn_harvest_blog a, #btn_harvest_blog a:visited {background:url("/img/btn-blog.gif") top left no-repeat;}

#club {width:81px;}
#club a, #club a:visited {background:url("/img/btn-wine-club.gif") top left no-repeat;}

#trade {width:57px;}
#trade a, #trade a:visited {background:url("/img/btn-trade.gif") top left no-repeat;}

#events {width:57px;}
#events a, #events a:visited {background:url("/img/btn-events.gif") top left no-repeat;}

div#nav ul li#home ul li a,div#nav ul li#wines ul li a,div#nav ul li#harvest_blog ul li a,div#nav ul li#winery ul li a,div#nav ul li#trade ul li a,div#nav ul li#club ul li a{ 
	background-image:none;
	} /* IE FIX to keep main name images from displaying on drop downs*/
	
div#nav ul li {
	z-index:22;
}

div#nav ul li#wines ul.level2, div#nav ul li#wines ul.level3 {border-top: 0px solid #6f7072;}

div#nav ul ul {
	position: absolute; 
	width:170px ; 
	display: none; 
	z-index: 23;	
	list-style:none;
	list-style-image:none;
	
}

div#nav ul ul li { 
	background-image:none;
	background-repeat:no-repeat;
	border-bottom: 0px solid #6f7072;
	border-left:0px solid #6f7072;
	border-right: 0px solid #6f7072;
}

div#nav li.submenu li.submenu {
	width:170px;
	padding:0px;
	margin:0;
}

div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {
	display: block;
}


div#nav ul.level2 li.submenu:hover {
	background-color: #541015; /*changes dropdown hover bg color*/
	
}

div#nav li ul.level2 li:hover {
	background: #541015; /*changes dropdown hover bg color*/
}


div#nav ul.level2 {
	
	top: 44px; 
	left: 16px; 
	width:170px; 
	border: 0px solid #FFFFFF;
}

div#nav ul.level2 li {
	position:relative;
	width:170px; 
	height:25px;
	background-color:#a7515a;
	
}

#nav ul.level2 a, #nav ul.level2 a:visited{
	color:#fff;
	font:11px arial, Verdana sans-serif;
	padding:7 8 0 8px; 
	height:25px;
	width: 160px !important;
	margin:0;
	width:170px;
	background-image:none;
	border:0px solid white;
}

#nav ul.level2 a.bold, #nav ul.level2 a:visited.bold {
	font-weight:bold;
}


div#nav ul.level2 a:hover {
	border-left-color:#d7d7d7;
	background-image:none;
	color:#fff; /*change subnav text color on hover*/
}

div#nav ul.level3 {
	z-index:99;
	top: 5px; left: 170px; 
	 
}

div#nav ul.level3 a {
	padding:5px;
	width: 170px;
}

div#nav ul.level2 li.submenu, div#nav ul.level2 li.submenu:hover {
	margin:0;
	padding:0;
	
	border:0;
	background-image:none;
}

div#nav ul.level2 li, div#nav ul.level3 li, div#nav ul.level2 li.submenu, div#nav ul.level3 li.submenu, div#nav ul.level2 li.submenu:hover, div#nav ul.level3 li.submenu:hover   {border:1px solid #902e3b;border-top:0px;}
div#nav ul.level3 {border-top:1px solid #902e3b;}

/*this was the tag that fixed the ie space issue on hover*/
div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float:left; 
}