html, BODY { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 9pt; 
	color: #000000;
	text-align: center;
}

body { margin: 0; }

TD { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 10pt; 
	color: #000000;  
	font-weight : normal;
}

A { 
	color : #CC0000; 
	text-decoration : none; 
}
A:HOVER { 
	color : #990000; 
	text-decoration : underline; 
}

img { border: 0; }	/* SO WE DON'T HAVE TO PUT BORDER=0 IN IMAGES WITH LINK! */

#wrapper {
	width:892px;
	margin: 5px auto;
	padding: 0;
	text-align: left;
	background: #fff;
}

/* Header Div - controls logo, address container */
#headerWrapper {
	text-align: left;
	width: 100%;
	height: 121px;
}

#header {
	width: 100%;
	height: 107px;
	background: #263753;
	position: relative;
}

.address {
	width:	230px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	color: #fff;
	text-align: left;
}

#logo {
position: absolute;
top: 0px;
left: 0px;
}

#rotation {
	position: relative;
	z-index: 1;
	width: 892px;
	height: 300px;
}
html>body #rotation { margin-top: 18px; }

#searchBox {
	width: 240px;
	height: 300px;
	position: absolute;
	z-index: 10000;
	top: 11px;
	left: 10px;
}

#searchBoxBG {
	width: 298px;
	height: 300px;
	position: absolute;
	z-index: 9000;
}

#cars {
	float: right;
}

/* contains the CSSnav so that it doesn't try to double-up */
#navContainer {
	width: 892px;
	text-align: left;
	height: 32px;
	clear: both;
}


/* on default page only */
#mainContent {
	width: 892px;
	height: 453px;
	background: #fff /*url(/images/main_bck.gif) repeat-y top right*/;
	margin: 0;
}

#invBox {
	width: 892px;
	height: 242px;
	padding-top: 5px;
	/*float: left;*/
	text-align: center;
	margin-left: 0;
}

#vehicleSpecials {
	width: 892px;
	height: 240px;
	/*padding: 15px;*/
	background: #fff /*url(/images/specialsBkg.jpg) repeat-x*/;
	/*border-top: 2px dashed #2c68db;
	border-bottom: 2px dashed #2c68db;*/
}

/*html>body #vehicleSpecials { width: 477px; }*/

.shadow {
	background: url(/images/dropshadow.gif) repeat-x;
	width: 100%;
	height: 8px;
}

#Welcome {
	width: 556px;
	height: 166px;
	overflow: auto;
	/*background: #fff url(/images/bckFade.jpg) repeat-x;*/
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 0;
}
html>body #Welcome { width: 556px; height: 146px; padding-bottom: 0px; padding-top: 20px; margin-top: 20px;}

#HOF {
	position: relative;
	width: 318px;
	height: 166px;
	/*background: #fff url(/images/bckFade.jpg) repeat-x;*/
	float: right;
	margin-right: 0;
	padding-bottom: 10px;
}
html>body #HOF { width: 296px; padding-right: 20px; padding-bottom: 0px; padding-top: 20px; margin-right: 2px; }

#HOFtext {
	position: absolute;
	width: 195px;
	height: 110px;
	top: 10px;
	right: 5px;
	color: #fff;
	line-height: 16px; 
	text-align: left;
	z-index: 10000;
}
html>body #HOFtext { padding-top: 20px; }

#HOFtext a:link, #HOFtext a:active, #HOFtext a:visited { color: #fff; /*font-weight: bold;*/ text-decoration: none;}
#HOFtext a:hover { color: #fff; /*font-weight:*/ bold; text-decoration: underline;}

/* content box for all subpages */
#Content {
	width: 892px;
	background: #fff;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	margin-top: 20px;
	color: #000;
}
html>body #Content { width: 872px; }/* FF, Opera, non-IE*/

#footer {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 11px;
	background: #263753;
	padding-top: 0px;
}
/*#footer div { margin: 10px; }*/

#footer a:link, #footer a:active, #footer a:visited { color: #fff; /*font-weight: bold;*/ text-decoration: none;}
#footer a:hover { color: #fff; /*font-weight:*/ bold; text-decoration: underline;}

.title 	  { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #053b91; 
	font-size : 18px;  
}
h1 	  { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #356ec8; 
	font-size : 18px; 
	margin:0; 
}

.subtitle { 
	color: #829ABF; 
	font-size : 13pt; 
	font-weight: bold; 
}

.subhead { 
	color: #053b91; 
	font-size : 15px; 
	font-weight: bold; 
}
.subhead a:link, .subhead a:active, .subhead a:visited { 
	color : #ff0000; 
	text-decoration : none; 
	font-weight: bold; 
}
.subhead a:HOVER { 
	color : MediumBlue; 
	text-decoration : underline; 
}
h2 { 
	color: #000; 
	font-size : 15px; 
	font-weight: bold; 
	margin:0;
}
h2 a:link, h2 a:active, h2 a:visited { 
	color : #000; 
	text-decoration : none; 
	font-weight: bold; 
}
h2 a:HOVER { 
	color : #ccc; 
	text-decoration : underline; 
}


.itemBorder { border: 1px solid #666; }

.bckNav		 { background-color: #263753; background-image: url(/images/bckNav.gif); background-repeat: repeat-x; }
.bckBlack	 { background-color: #000; }
.bckWhite	 { background-color: #fff; }
.bckGrayDk	 { background-color: #333; }
.white { color: #fff; }

/*style for Vehicle Specials*/
/* USE INVENTORYSTYLES.CSS FOR THE VEHICLE SPECIALS BOX*/
/*end VS styles*/


.graySm 		{ 
	font-size : 9pt; 
	text-decoration : none; 
	color : #CCCCCC ; 
	font-weight : normal;  
}
.graySm a:link, .graySm a:active, .graySm a:visited	{ 
	text-decoration : none; 
	color : #CCCCCC ; 
	font-weight : normal;  
}
.graySm a:hover	{ 
	text-decoration : underline; 
	color : #ffffff ; 
}

.Sm 		{ 
	font-size : 9pt; 
	text-decoration : none; 
	color : #000000 ; 
	font-weight : normal;  
}
.Sm a:link, .Sm a:active, .Sm a:visited	{ 
	text-decoration : none; 
	color : #000000 ; 
	font-weight : normal;  
}
.Sm a:hover	{ 
	text-decoration : underline; 
	color : #484848 ; 
}

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}		
.left {float:left;}
.right{float:right;}
.middle{float:middle;}
.clear{clear:both;}
.clearRight { clear:right; }
.inline { display: inline; }

/* This starts the styles for the new CSS Navigation */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	line-height: 20px; 
	z-index: 55;
	}
	html>body #nav, #nav ul { position: relative; }

#nav a {
	display: block; 
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 100%; 
}

/*#nav a.parent {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

#nav a.parent:hover {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}*/

#nav a:hover {
	background: #a39da1; 
	text-decoration: none;
	color: #fff;
}
	
#nav li { 
	float: left;
	white-space: nowrap; 
}

#nav li ul { 
	z-index: 3; 
	border: 1px solid #999; /*border-bottom-style: none; */
	padding: 0px; 
	position: absolute;
	background: #ccc; 
	width: 130px; 
	width: expression('132px'); 
	left: -999em; 
}

#nav li ul li {
	width: 100%;
	/*border-bottom: 1px solid #fff; */ /*this is for the border between dropdown items*/
}

#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; 
}

