/* This starts the styles for the new CSS Navigation 
Nav styles moved because they were getting long*/

.bckNav { 
background: #333 url(/images/bckNav.gif) repeat-x;
}

/* contains the CSSnav so that it doesn't try to double-up*/ 
#navContainer {
clear: both;
width: 100%;
text-align: left;
height: 31px; /*makes sure bckNav shows*/
position: relative;
z-index: 9000;	
border-top: 1px solid white;
border-bottom: 1px solid white;
}

#nav, #nav ul { 
margin: 0 -40; /*a negative number cancels ul indentation*/
list-style-type: none;
	z-index: 55;
	}
	html>body #nav, #nav ul { position: relative; }

#nav li { 
float:left;
white-space: nowrap; 
display: inline;
width: 100px;
}

/*individual btns that need different styling*/
#nav li.home{
width: 70px;
}

#nav li.dealer{
width: 115px;
}

#nav li.parts{
width: 70px;
}

#nav li.staff{
width: 125px;
}

#nav li.end{
border: 0px;
}

/*for top level links (not drop down)*/
#nav a {
display: block; 
text-decoration: none;
text-align: center;
text-transform: none;
width: 100%;
font: bold 1em/2em Helvetica, Geneva, verdana, sans-serif;
letter-spacing: 1px;
color: #fff;
height: 31px;
}

/*nav over state*/
#nav a:hover {
background: #fff url(/images/bckNav_over.gif) repeat 0 0;
text-decoration: none;
color: #fff;
}

/*drop down list*/
#nav li ul { 
margin: 0px;
z-index: 9001; 
border: 2px solid #fff; 
border-top-style: none;
border-bottom-style: none;  
padding: 0px; 
position: absolute;
background: #ccc; 
width: 140px;
left: -999em; 
}

/*for wider drop down lists*/
#nav li ul.wider{
width: 160px;
}

/*drop down list items*/
#nav li ul li {
border-bottom: 1px solid #fff;
border-right: 0px;
width: 100%;
}

/*drop down links*/
#nav li ul li a {
font: normal 9pt/200% Arial,Verdana, Geneva, Helvetica, sans-serif;
color: #000;
text-align: left;
border:0px;
text-transform: none;
letter-spacing: normal;
height: 22px;
}

#nav li ul li a:hover {
background: #666666; 
text-decoration: none;
color: #fff;
}
	
#nav li ul ul { 
margin: -21px 0 0 130px; 
}
	
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; 
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
left: auto; 
}