/* CSS Document - Navigation stylesheet for CopartDirect, copyright 2008 */

/* top navigation styles */
#nav {
	width: 803px;
	height: 62px;
	background-color: white;
	position: relative;
	z-index: 300;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	float: left;
}
#nav, #nav ul {padding: 0; margin: 0; list-style-type: none;}
#nav li {float: left}
#nav li a {display: block}
#nav li a.l-1 {text-indent: -999em; height: 62px}

#navHome a.l-1 {width: 132px; background: url(../images/nav.png) no-repeat 0 0}
#navHome a.l-1:hover {background-position: 0 -62px}
body #navHome a.l-1:hover {background-position: 0 -62px}

#navAbout a.l-1 {width: 128px; background: url(../images/nav.png) no-repeat -132px 0 }
#navAbout a.l-1:hover {background-position: -132px -62px}
#bodyabout #navAbout a.l-1 {background-position: -132px -62px}

#navHow a.l-1 {width: 128px; background: url(../images/nav.png) no-repeat -260px 0}
#navHow a.l-1:hover {background-position: -260px -62px}
#bodyhow #navHow a.l-1 {background-position: -260px -62px}

#navServices a.l-1 {width: 128px; background: url(../images/nav.png) no-repeat -388px 0}
#navServices a.l-1:hover {background-position: -388px -62px}
#bodyservices #navServices a.l-1 {background-position: -388px -62px}

#navLocation a.l-1 {width: 128px; background: url(../images/nav.png) no-repeat -516px 0}
#navLocation a.l-1:hover {background-position: -516px -62px}
#bodylocation #navLocation a.l-1 {background-position: -516px -62px}

#navCommercials a.l-1 {width: 159px; background: url(../images/nav.png) no-repeat -643px 0}
#navCommercials a.l-1:hover {background-position: -643px -62px}
#bodycommercials #navCommercials a.l-1 {background-position: -643px -62px}


/*dropdown navigation styles and behaviors -- son of suckerfish dropdowns (see htmldog.com/articles/suckerfish/dropdowns/) */
#nav li ul {
	position: absolute;
	left: -999em;
/*	width: 125px;
*/	background:white; /* important for IE6 */
	border-top: 1px solid #0065a4;
	border-left: 1px dotted #0065a4;
	border-right: 1px dotted #0065a4;
	border-bottom: 1px dotted #0065a4;
}
* html #nav li ul {
	padding-top: 3px;
	padding-bottom: 2px;
	border:none;
	background: url(../images/dot.gif) left bottom repeat-x;
	width:125px;
		}
/* setting specific widths for individual drop downs 
#nav li ul#ddAbout {
	width:115px;
	}
#nav li ul#ddHow {
	width: 130px;
	}
#nav li ul#ddServices {
	width:115px;
	}*/
#nav li:hover ul, 
#nav li.sfhover ul {
	left: auto;
	}
/* individually aligning each drop down menu */
#nav li:hover ul#ddAbout, 
#nav li.sfhover ul#ddAbout {
/*	margin-left:18px;
*/}
#nav li:hover ul#ddHow, 
#nav li.sfhover ul#ddHow {
	margin-left:15px;
	}
#nav li:hover ul#ddServices, 
#nav li.sfhover ul#ddServices  {
	margin-left:10px;
	}
#nav li:hover, 
#nav li.sfhover {
	position: static;
	}
#nav li ul li {
	float: none;  
	padding: 0; 
	margin: 0;
	border-top: 1px solid #e5eff6;
	}
* html #nav li ul li {
	background: white url(../images/dot.gif) left top repeat-y;
	}
* html #nav li ul li.top {
	border-top: 1px solid #0065a4;
	}
#nav li ul li a {
	text-decoration:none; 
	color: black; 
	font-size: .7em; 
	height: 20px;
	padding: 5px 10px 0 10px; 
	margin: 0; 
	}
* html #nav li ul li a {
	background: url(../images/dot.gif) right top repeat-y;
}
#nav li ul li a:hover {
	color: #0065a4; 
	}
/* subnavigation (left-hand-side menu) behaviors */

#column {
	float: left;
	width: 210px;
	min-height:1px;
}
#subnav {
	border-right: 1px dotted #0065a4;
	border-top: 1px solid white;
	position:relative;
	z-index:10;
	}
* html #subnav {
	border: none;
	}
#subnav ul {

	margin: 0; 
	padding: 0; 
	list-style: none;
	border-bottom: 1px dotted #0065a4;
	}
* html #subnav ul {
	border-bottom: none;
	background: url(../images/dot.gif) left bottom repeat-x;
	}

#subnav ul li {

	margin: 0; 
	padding: 0
	}
#subnav ul li a {
	display: block; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	border-top: 1px solid #ccdbec; 
	text-align: left; 
	margin: 0; 
	padding: 10px;
	}
* html #subnav ul li a {
	background: url(../images/dot.gif) right top repeat-y;
	height: 20px; 
}
#subnav ul li a:link, #subnav ul li a:visited    {
	color: black; 
	text-decoration: none;
	}
#subnav ul li a:hover, #subnav ul li a:active   {
	color: #0065a4; 
	background:#ededed;
	}
* html #subnav ul li a:hover, #subnav ul li a:active {
 	background:#ededed url(../images/dot.gif) right top repeat-y;
}
/* subnavigation "where am i" states */
.bodyabout #subnav ul li#about a,
.bodytech #subnav ul li#tech a,
.bodyhistory #subnav ul li#history a,
.bodyhow #subnav ul li#how a,
.bodynewer #subnav ul li#newer a,
.bodyolder #subnav ul li#older a,
.bodyfaq #subnav ul li#faq a,
.bodyservices #subnav ul li#services a,
.bodytop #subnav ul li#top a,
.bodytestimonials #subnav ul li#testimonials a,
.bodysuccess #subnav ul li#success a
	{
	color:#0065a4;; 
	font-weight:bold; 
	background:#e5eff6;
	}	
* html .bodyabout #subnav ul li#about a,  /* target IE6 to render dots around left-side subnav menu */
* html .bodytech #subnav ul li#tech a,
* html .bodyhistory #subnav ul li#history a,
* html .bodyhow #subnav ul li#how a,
* html .bodynewer #subnav ul li#newer a,
* html .bodyolder #subnav ul li#older a,
* html .bodyfaq #subnav ul li#faq a,
* html .bodyservices #subnav ul li#services a,
* html .bodytop #subnav ul li#top a,
* html .bodytestimonials #subnav ul li#testimonials a,
* html .bodysuccess #subnav ul li#success a
	{
 	background:#e5eff6 url(../images/dot.gif) right top repeat-y;
	}


/* related info navigation (left-hand-side bottom) */
#relatedNavWrapper {
	margin-top: 30px;
	margin-bottom:10px;
	}
#relatedNav {
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	}
#relatedNav ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
	}
#relatedNav ul li#related {
	display: block; 
	height: 20px; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	border-top: 1px solid #ccc; 
	text-align: left; 
	margin: 0; 
	padding: 7px 0 0 10px;
	}
#relatedNav ul li {
	margin: 0; 
	padding: 0
	}
#relatedNav ul li a {
	display: block; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	border-top: 1px solid #ccc; 
	text-align: left; 
	margin: 0; 
	padding: 7px 10px;
	}
* html #relatedNav ul li a {
	height: 20px;
} 
#relatedNav ul li a:link, #relatedNav ul li a:visited    {
	color: black; 
	text-decoration: none;
	}
#relatedNav ul li a:hover, #relatedNav ul li a:active   {
	color: #0065a4; 
	background:#ededed;
	}