/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: Horizontal-nav CSS
* Description: CSS file for the Menu Items for the Bert's Trucking website
*
*********************************************************************************/

#navbar ul 
	{
	margin:0px;
	padding:0px;
	list-style:none;
	z-index:1;
	}

#navbar li 
	{
	float:left;
	width:144px; /* width needed or else Opera goes nuts */
	}
#navbar li:hover, #navbar.hover {
	position:static;
}
#navbar a:link, #navbar a:visited
	{
	width:144px;
	display:block;
	margin:0;
	padding:2px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background-color:#3C3970;
	border-left:1px solid #000;
	border-bottom:none;
	z-index:1;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #navbar a:link, * html #navbar a:visited 
	{
	width:143px;
	}
	
#navbar li a:hover
	{
	text-decoration:none;
	background:#fff;
	color:#3C3970;
	}

/*----| second-level lists |----*/

#navbar li ul 
	{
	position:absolute;
	background:#3C3970;
	width:143px;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0;
	padding:0;
	border:1px solid #000000;
	line-height:16px;	
	}
#navbar li ul li {
}
#navbar li ul a:link, #navbar li ul a:visited
	{
	width:140px;
	margin:0;
	padding:2px 0 2px 3px;
	text-align:left;
	border:0 none;
	}

#navbar li ul a:hover
	{
	background:#fff;
	color:#3C3970;
	}

#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul 
	{
	left:-999em;
	margin:-.5em 0 0 60px;
	}

/*--lists nested under hovered list items--*/

#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul  /* lists nested under hovered list items */
	{
	left:auto;
	}