* {
	margin:0;
	padding:0px;
	padding-bottom: 0px;
}

body  { color: #000; font: 12px Verdana, Arial; background: white; height: 100% }

p  {
	color: #FFF;
	font-size: 12pt;
	line-height: 1.4;
	margin-bottom: 12px
}

a {border:0pt;}

a:hover  {background-color: gray; }

a:visited {color: black;}

img  { border: 0 }

/* Classes */

img.float {float:left;  padding-top:20px; padding-left:40px; padding-right:60px; padding-bottom: 10px; }

.intro {background: white; font: 14pt helvetica, arial; color: black; height: 320px;  padding: 40px 5px 5px 12px; width: 40%; float: left;}

.introagain { background: white; font: 14pt helvetica, arial; color: black; height: 320px;  padding-top: 40px; padding-left: 40px; max-width: 25%; float: left;}

.footer  { color: white; font: 8pt helvetica; background-color: #BA3838; padding: 5px; width: 100% }

.preown   {
	color: #FFF;
	font-size: 10pt;
	font-size-adjust: 12;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-width: 380px;
	min-height: 220px;
	max-width: 380px;
	max-height: 220px;
	float: left
}

.emailtext {padding-left: 50pt; padding-bottom:20px; padding-top: 40px; font-size: 14px;}

.clearspace {background-color: white; width: 99%}

.preownCont {margin-left: 75px; }

.tradein    { position: absolute; z-index: 2; top: 300px; right: 30px }

.home   { color: #000; font-size: 12pt; text-align: center; margin-left: 600px; width: 900px; clear: both; border: none }

.News  {
	color: #FFF;
	font: 12pt helvetica, arial;
	margin-right: 100px;
	margin-left: 100px;
	padding: 5px 0 4px 5px;
	height: auto;
	min-height: 170px;
	border-color: #ba3838
}

.smtxt  { color: #000; font-size: 10pt; clear: both }



div.img  { text-align: center; margin: 2px; z-index: -1; width: auto; height: auto; float: left; border: 1px }

  div.img img {

  display:inline;

  margin: 3px;

  border: 1px; solid #ffffff;

  }

  div.desc  { font-weight: normal; text-align: center; margin: 2px; width: 280px; min-height: 40px }



/* Element formatting */

#container      {
	color: #FFF;
	font-size: 12pt;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

#InfoForm  { color: black; font: 12pt helvetica, arial; background: #ccc; margin-right: 100px; margin-left: 100px }



#ourteam  {
	color: #FFF;
	font: 12pt helvetica, arial;
	background-color: #ccc;
	background-color: lightgray;
	margin-right: 100px;
	margin-left: 100px;
	padding: 10px
}



#newsbox {background-color:#BA3838; position:relative;}



#frontheadder    {
	color: #FFF;
	font-size: 12pt;
	background-color: #BA3838;
	padding: 10px;
	width: 100%;
	overflow: hidden
}

#banner  { background-color: #BA3838; height: 200px }

#button {float:left; }

#main     { color: #000; font-size: 12pt; position: relative; width: 100%; height: 800px; }

#ghmain     { color: #000; font-size: 12pt; position: relative; width: 100%; height: auto; }

#ghleftbox    {
	color: #FFF;
	font-size: 12pt;
	background-color:#BA3838;
	padding-top: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 600px
}

#ghcenterbox   {
	color: #FFF;
	font-size: 12pt;
	background-color:#BA3838;
	padding-top: 5px;
	position: absolute;
	left: 182px;
	width: 420px;
	height: 600px
}

#ghrightbox       {
	color: #FFF;
	font-size: 12pt;
	background-color:#BA3838;
	padding-top: 5px;
	position: absolute;
	top: 0;
	left: 602px;
	width: 730px;
	height: 600px
}

#ghcentertext      { color: black; font-size: adjust; background-color: #fff; padding-top: 5px; width: 410px; height: 590px; center: padding: 10px   }



#ghlefttext      { color: black; font-size: 12pt; background-image: none; background-repeat: repeat-x; margin-left: 10px; padding: 5px; top: 0; left: 0; width: 160px; height: 480px }



#leftbox      { color: #000; font-size: 12pt; background-image: none;  position: absolute; top: 0; left: 0; width: 180px; height: 505px }

#lefttext      { color: black; font-size: 12pt; background-image: none;  repeat-x; margin-left: 0; padding: 5px; top: 0; left: 0; width: 160px; height: 480px }

#leftbulletin    { color: #000; font-size: 12pt; background-image: none; bottom: 110px; left: 0; clear: both }



#centerbox       { color: #000; font-size: 12pt; background-image: none;  position: absolute; left: 182px; width: 420px; height: 505px }

#centertext       { color: black; font-size: adjust; background-color: white; width: 410px; height: 496px; center: padding: 10px    }

#centerbulletin  { color: black; font-size: adjust; text-align: float:left; position: relative }



#rightbox      { color: #000; font-size: 12pt; background-image: none; background-repeat: repeat-x; position: absolute; top: 0; left: 610px; width: 630px; height: 505px }



#rightcontent     { color: #000; font-size: 12pt; background-image: none; background-repeat: repeat-x; position: relative; width: 620px; height: 495px }

#righttext   { color: black; font-size: adjust; background-color: white; padding-top: 5px; padding-left: 5px; position: absolute; top: 0; right: 0; width: 140px; height: 485px }

#rightbulletin    { color: black; font-size: adjust; font-style: normal; position: absolute; bottom: 20px; left: 20px; width: 400px; height: 200px; overflow: hidden }



/* Styles for slide show */

#wrapper    { color: #000; font-size: 12pt; background-color: white; position: absolute; top: 5px; left: 0; width: 450px; height: 200px }



.sliderbutton {float:left; width:32px; padding-top:134px;}

.sliderbutton img {cursor:pointer;}

.sliderbutton img:hover {background:#666;}

#slider {float:left; position:relative; width:450px; height:200px;}

#slider ul {position:absolute; list-style:none; top:0; left:0;}

#slider li {float:left; width:450px; height:200px; }

.button img:hover  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-style: dotted; border-color: #fff }

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px;}

.pagination li  { color: white; background: white; visibility: hidden; cursor: pointer; margin: 0 4px 0 0; float: left }

.pagination li:hover {background:#FFFFFF;  color:white;}

li.current  { color: #000; font-size: 12pt; background:white; color:white; }

li#content  { color: #000; font-size: 12pt; padding: 5px; width: 450px; height: 200px }



#content h1  { color: black; font: 16pt Georgia, Verdana; margin-bottom: 15px }

#bottom  { color: #000; font-size: 12pt; background-color: white }



#links {margin-left:20px; margin-right:20px; width:100%}

/* Styles for Navigation Bar */



.mynavbar {
	position: relative;
	width: 100%;
	height: 23px; /* corresponds to 'line-height' of a.navbartitle below */
	margin: 0;
	padding: 0;
	background-color: #BA3838;

}





a.navbartitle {
	display: block;
	float: left;
	color: white;
	background-color:  #BA3838;
	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	border: 1px solid black;
	padding: 0;
	line-height: 23px; /* corresponds to 'top' value of .submenu below */
	text-align: center;
	text-decoration:none;

}

a.navbartitle:hover   { color: #fff;  background-color: black }

/* menu title widths */

#t1  { width: 20%; float: left }

#t2  { width: 20%; float: left }

#t3  { width: 20% }

#t4 { width: 20%; }

#t5 { width: 19%; }

/* We just specify a fixed width for each menu title. Then, down below we specify

    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)

    Using these fixed values isn't as elegant as just letting the text of each 

    menu title determine the width of the menu titles and position of the submenus,

    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 

    formatting glitches -- and it's pretty easy to adjust these title widths and the

    corresponding submenu 'left' positions below, just by eyeballing them whenever

    we need to change the navbar menu titles (which isn't often). */



.submenu {
	position:absolute;
	z-index: 0;
	top: 23px; /* corresponds to line-height of a.navbartitle above */
	padding: 0;
	margin: 0;
	width:20%; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	background-color:  #BA3838; /* box around entire sub-menu */
	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;

}

/* Fix IE formatting quirks. */

* html .submenu { width: 156px; } /* IE needs narrower than width of .submenu above */

/* End */



/* position of each sub menu */

/* We just eyeball the position of each submenu here -- can move left or right as needed. 

   If you adjust menu title text, you might want to adjust these too. */

#products_submenu {  left: 0%; visibility: hidden;  }

#services_submenu {  left: 20%; visibility: hidden;  }

#funstuff_submenu {  left: 40%; visibility: hidden; }

#aboutus_submenu {  left: 60%; visibility: hidden; }

#contact_submenu { left: 80%; visibility: hidden; }

/* Note, each submenu is hidden when the page loads - then made visible when

    the mouse goes over the menu title. Using the 'visibility' property instead

    of using the 'display' property avoided a bug in some versions of Safari. 

    (The bug is pretty where esoteric: The browser ignored the 'hover' property 

    on 'li' objects inside an object whose display property was set to 'none' 

    when the page loaded...) Using the 'visibility' property instead of 'display'

    would normaly take up extra room on the page, but that's avoided here by putting

    the submenu on a second layer: see 'position: absolute' and 'z-index: 2'

    in .submenu definition, higher up this page. */



.submenu a

{
	display: block;
	color: #eee;
	background-color: #BA3838;
	width: inherit; /* This should be width of .submenu above minus right-side padding on next line */
	padding: 2px;
	text-decoration: none;
	background-color: #BA3838;
	border-bottom: black dotted 1px;
	border-top: 0;
	border-left: 0;
	border-right: 0;

}





ul { position: relative; display: block; }

li { position: relative; display: block; }



.submenubox { 

  margin: 0; padding: 0; border: 0;

}

.submenubox ul

{

  margin: 0; padding: 0; border: 0;

  list-style-type: none;

}



.submenubox ul li { 

  margin: 0; padding: 0; border: 0;

}



.submenubox ul li a:link { }

.submenubox ul li a:visited { }

.submenubox ul li a:hover

{

  color: #c6e8e2; /* text color for submenu items */

  background-color: black;

  border-bottom: black dotted 1px; 

}

.smtxt a:link  { color: #666 }

.smtxt a:hover     { color: #000; background-color: #333 }

.smtxt a:visited   { color: #000 }

#main a:link   { color: #000; font-weight: bold }

#main a:hover    { color: white; background-color: gray; }

#main a:visited    { color: #000 }

#frontheadder a:link   { color: #000 }

#frontheadder a:hover    { color: #000; background-color: gray; }

#frontheadder a:visited    {
	color:#FFF
}

#main  { color: #000; font-size: 12pt; background-color:#ba3838; }

h1 {font-family: verdana, arial; font-size: 16pt; }

h2 {font-family: verdana, arial; font-size: 14pt; }

h3 {font-family: verdana, arial; }

h4 {font-family: verdana, arial; }

h5 {font-family: verdana, arial; }

element {}}