/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: Menu CSS
* Description: CSS file for the menu items for the Red River Grain website
*
*********************************************************************************/

/*----| Menu Classes |----*/

#nav
	{
	float:left;
	width:780px;
	height:22px;
	margin:0;
	padding:0;
	list-style:none;
	color:#fff;
	font:normal 11px Arial, Helvetica, sans-serif;
	border-right:1px solid #eded76;
	border-left:1px solid #eded76;
	background:url(../images/superior_navbarbg01.gif) repeat-x;
	}
	
/* star hack to correct discrepencies between IE7 and older versions*/

* html #nav
	{
	margin:0 11px 0 0;
	}
	
#nav a
	{
	display:block;
	}
	
#nav ul
	{
	margin:1px 0 0 0; 
	padding:0;
	list-style:none;
	}

#nav li
	{
	float:left;
	height:22px;
	margin:0 5px; 
	padding:0;
	text-align:center;
	border-left:1px solid;
	}

#nav li:hover, #nav li.hover 
	{
	position:relative;
	}

#nav li a
	{
	margin:0; 
	padding:2px;
	border:0 none;
	color:#FFF;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

#nav li a:hover
	{
	margin:0; 
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	border:0 none;
	color:#666;
	}

#nav li a:active
	{
	margin:0; 
	padding:2px;
	border:0 none;
	color:#172042;
	font:normal 11px Arial, Helvetica, sans-serif;
	}

#nav li ul /* second-level lists */
	{
	position:absolute;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width:105px;
	margin:3px 0 0 0; 
	padding:0;
	background:#fff;
	border:1px solid #002040;
	text-align:center;
	}
	
#nav li:hover ul 
	{
	left:auto;
	}
	
/* star hack to correct discrepencies between IE7 and older versions*/

* html #nav li ul /* second-level lists IE hack*/
	{
	margin:0 0 0 -30px;
	}

#nav li ul li
	{
	width:105px;
	margin:0; 
	padding:0;
	text-align:left;
	background:#fff;
	}
	
#nav li ul a, #nav li ul a:link, #nav li ul a:visited
	{
	width:105px;
	margin:0;
	padding:0 0 0 1px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:0 none;
	color:#20424e;
	}
	
#nav li ul a:hover
	{
	width:105px;
	margin:0; 
	padding:0 0 0 1px;
	color:#666;
	background:#07afef;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	}
	
#nav li ul a:active
	{
	width:105px;
	margin:0; 
	padding:0 0 0 1px;
	border:0 none;
	color:#20424e;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	}
	
#nav li ul ul { /* Third-and-above-level lists */
	width: 105px;
	margin: -24px 0 0 100px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
	{
	position:absolute;
	left: -999em;
	margin: -18px 0 0 100px;
	padding:0;
	line-height:16px;
	width:105px;
	color:#20424e;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
	{
	left:auto;
	}