/*---------------------------------------------*/
/* All Inclusive Styles 		       */
/*---------------------------------------------*/

html 	
	{
	  overflow: -moz-scrollbars-vertical;
	}

body 
	{
	font-family:Arial,Helvetica,sans-serif;
	  background-image: url('../images/style/background_87060.jpg');
background-repeat:repeat-x;

      background-color: #888888;
	  margin: 0px auto;
	}
#twitter 
	{ 
	  width:       	  155px;
	  
	  margin-left: 	  13px;	  
	  
		  
	}
img
	{
	  border:		none;
	  display:		block;	  
	}
	
a 
	{
	  color: #2e92c7;
	}
	
p
	{
	  font-family:		Arial, Helvetica, Times New Roman;
	  font-size:		9pt;
	  color:		#484848;
	  line-height:		1.5em;	  
	}
		

h1
	{
	  font-family: 		Arial, Helvetica, Times New Roman;
	  font-size: 		22pt;
	  font-weight: 		bold;
	  color: 		#003366;	  
	  margin: 0px;
	}	

h2
	{
	  font-family: 		Arial, Helvetica, Times New Roman;
	  font-size: 		10pt;
	  font-weight: 		bold;
	  color: 		#ffffff;
	  width: 631px;
	  padding: 3px;
          height: 24px;
	  margin: 0px 0px 10px 0px;
	  background-image: url('../images/style/subheader.jpg');
	}	
	
h2 a
	{
	  font-family: 		Arial, Helvetica, Times New Roman;
	  font-size: 		8pt;
	  font-weight: 		bold;
	  color: 		#ffffff;
	}	

h3
	{
	  font-family: 		Arial, Helvetica, Times New Roman;
	  font-size: 		14pt;
	  font-weight: 		normal;
	  color: 		#2e92c7;
	}	

/*---------------------------------------------*/
/* Common Classes  			       */
/*---------------------------------------------*/
	
.floatLeft { float: left; }	
.floatRight { float: right; }	

.clear {clear:both;}
.clearLeft {clear:left;}


.hours 
	{ 
	  width:       	  195px;	  
	  margin-left: 	  13px;	  
	  margin-right:   13px;	  
	  margin-top:  	  20px;
	  float:       	  left;
	  border:	  1px solid #b8b8b8;
	}

.hours td
	{
	  color:#4c4c4c;
	  font-size: 8pt;
	}
	
.alignCenter { text-align: center; }	
.alignRight  { text-align: right; }
.alignLeft  { text-align: left; }
	
.bold  { font-weight: bold; }
	
.leftindent  { padding-left: 5px; }
.rightindent { padding-right:	5px; }	

.image-padding  { padding: 10px }
.image-left	{ float: left; }

.width50  { width: 50px; }
.width75  { width: 75px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width125 { width: 125px; }
.width130 { width: 130px; }
.width135 { width: 135px; }
.width140 { width: 140px; }
.wdith145 { width: 145px; }
.width150 { width: 150px; }
.width160 { width: 160px; }
.width170 { width: 170px; }
.width175 { width: 175px; }
.width200 { width: 200px; }
.width210 { width: 210px; }
.width215 { width: 215px; }
.width220 { width: 220px; }
.width230 { width: 230px; }
.width240 { width: 240px; }
.width250 { width: 250px; }
.width260 { width: 260px; }
.width300 { width: 300px; }
.width330 { width: 330px; }
.width360 { width: 500px; }
.width385 { width: 385px; }
.width400 { width: 400px; }
.width425 { width: 425px; }
.width430 { width: 430px; }
.width450 { width: 450px; }
.width500 { width: 500px; }


/*---------------------------------------------*/
/* Includes				       */
/*---------------------------------------------*/

#search 
	{ 
	  width:       	  155px;
	  height:	  295px;
	  min-height:  	  295px;
	  
	  padding: 	  10px 20px 10px 20px;
	  margin-left: 	  13px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	  
	  background-image: url('../images/style/carfinder_bg.jpg');
	  background-repeat: repeat-none;	  
	}
	
#search form
	{ 
	  margin: 0px;
	  padding: 0px;
	}
	
#search h3
	{ 
	  font-size: 10pt;
	  margin-top:    5px;
	  margin-bottom: 5px;
	}	
	
.chatlive 
	{ 
	  width:       	  195px;	  
	  margin-left: 	  13px;	  
	  margin-right:   13px;	  
	  min-height:  	  67px;
	  height:	  67px;
	  margin-top:  	  20px;
	  float:       	  left;
	}	

.map 
	{ 
	  width:       	  195px;	  
	  margin-left: 	  13px;	  
	  margin-right:   13px;	  
	  min-height:  	  250px;
	  height:	  67px;
	  margin-top:  	  20px;
	  float:       	  left;
	}

/*---------------------------------------------*/
/* Inputs				       */
/*---------------------------------------------*/	
	
.inputText
	{
	  
	}
	
.inputTextSearch 
	{
	  width: 150px;
	  margin-bottom: 5px;
	}

	
.inputTextShortSearch 
	{
	  width:60px;
	  margin-bottom: 5px;
	}
	
.inputSearch
	{
	  margin-top: 15px;
	  float: right;
	  font-size: 8pt;
	}

/*---------------------------------------------*/
/* Website Layout			       */
/*---------------------------------------------*/

#map_canvas
{width: 500px;
height: 300px;
}
#container 
	{
	 
	  
	  width: 1100px;
	  margin: 0px auto;
	  min-height: 100%;	  
	}
#cssform {


  margin-top: 		0px;
 padding-top: 		4px;
 padding-bottom: 		4px;
	  font-size: 		9pt;
	height: 25px;
	  color: 		#444444;
          font-family: Sans-Serif;
}

#cssform img{
float: left;
margin-right: 5px;

}

#cssform p{
font-size: 		9pt;
color: 		#444444;
font-family: Sans-Serif;
}


#cssform1 {
 padding-top: 		4px;
 padding-bottom: 		4px;
border-top: 1px dashed gray;
border-bottom: 1px dashed gray;
  margin-top: 		0px;
	height: 25px;
font-size: 		9pt;
	  background-color: #ffffff;
	  color: 		#444444;
          font-family: Sans-Serif;
}

#cssform1 img{
float: left;
margin-right: 5px;

}

#cssform1 p{
font-size: 		9pt;
color: 		#444444;
font-family: Sans-Serif;
}


#searchtop
	{ 
	  width:       	  195px;
	  height:	  62px;
	  
	  
	  padding: 	  10px 10px 10px 20px;
          margin-bottom: 0px;
	  margin-left: 	  13px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	  
	  background-image: url('../images/searchtop.jpg');
	  background-repeat: repeat-none;	  
	}

#searchmiddle
	{ 
	  width:       	  195px;
	  height:	  37px;
	  
	  
	  padding: 	  5px 5px 5px 5px;
          margin-bottom: 0px;
	  margin-left: 	  7px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	  
	  
	}

#searchbottom
	{ 
	  width:       	  195px;
	  height:	  20px;
	  
	  
	  padding: 	  10px 10px 10px 20px;
          margin-bottom: 0px;
	  margin-left: 	  13px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	  
	  background-image: url('../images/searchbottom.jpg');
	  background-repeat: repeat-none;	  
	}

#programs
	{
	  margin-top: 10px;
          margin-left: 10px;
          width: 150px;
          min-height: 300px
	}
#search2 
	{ 
	  width:       	  155px;
	  height:	  130px;
	  ;
	  
	  padding: 	  10px 20px 10px 20px;
          margin-bottom: 5px;
	  margin-left: 	  13px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	  
	  background-image: url('../images/small_box.jpg');
	  background-repeat: repeat-none;	  
	}


#search4 
	{ 
	width:       	  155px;
	  height:	  90px;
	  ;
	  
	  padding: 	  10px 20px 10px 20px;
          margin-bottom: 5px;
	  margin-left: 	  13px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	  
	  background-image: url('../images/specials.jpg');
	  background-repeat: repeat-none;		  
	}

#search3 
	{ 
	  width:       	  155px;
	  height:	  130px;
	  ;
	  
	  padding: 	  10px 20px 10px 20px;
          margin-bottom: 25px;
	  margin-left: 	  -15px;
          margin-right: 30px;	  
	  
	  color:	     #216cbd;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   8pt;
	    
	}







#page
	{
	   margin: 0px auto;
	  width: 900px;
	}
		
#header
	{
	  height: 103px;
	  width: 895px;
	  background-image: url('../images/style/header-87060.jpg');
        margin-left: 3px;
	}
	

#header1
	{
	  height: 120px;
	  width: 900px;
	  background-image: url('../images/style/header.jpg');
background-repeat:no-repeat;
          margin-top: 5px;
         
	}
#header img
	{
	  height: 10px;
	  width: 900px;
	}	
	
#navigation
	{	 
	 height: 30px;
	  width: 890px;
padding-top: 5px;          
margin-bottom: 2px;
          margin-left: 5px;
          border-bottom: solid 2px;
  background-image: url('../images/style/nav_background.jpg');
	}	


	  	
	}	
	
#side-nav
	{	  
	  min-height: 200px;
	  width:      195px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 8pt;
	}	
	
#programs
	{
	  margin-top: 10px;
          margin-left: 10px;
          width: 150px;
          min-height: 300px
	}
	
#content 
	{
	  width: 		900px;
	  height: 		100%;
	 
	 
	    background-image: 	url('../images/style/content_background.jpg');

	  background-color: 	#ffffff;
	}
#content1 
	{
	  width: 		900px;
	  min-height: 		900px;
	 
	 
	    background-image: 	url('../images/style/content_backgroundrepeat.jpg');
background-repeat:repeat-y;
	  background-color: 	#ffffff;
	}

	
#right-content
	{
  	  float: 		left;	  
  	  width: 		690px;
	  min-height: 		100%;
	  height:		100%;	  
	  padding:		5px 5px;
   
	 }
	 
#left-content
	{
	  width: 		170px;
	  float: 		right;
	  margin:		0px;
	  padding:		5px 5px;

	}	

#footer
	{
	  min-height: 		15px;
	  background-image: 	url('../images/style/footer.jpg');
	  background-color:	#ffffff;
	  width: 		900px;
	  clear:		both;
	}

/*---------------------------------------------*/
/* Top Navigation			       */
/*---------------------------------------------*/	

#navigation ul
	{
	  list-style: 	none;	  
	  padding: 0px;
	  margin: 0px;
	}

#navigation li
	{
	  list-style: none;
	  float: left;
	}

#navigation li a
	{	
	  min-height: 15px;	  
	  display: block;	  
	  padding: 10px;	 
	  text-decoration: none;	  
	  color: black;	  
	  font-weight: normal;	
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:   12pt;	  
	  border-left: 	1px dotted #c3c3c3;
	}

#navigation li a:hover
	{
	  color: gray;
	}
		
/*---------------------------------------------*/
/* Footer Navigation			       */
/*---------------------------------------------*/		
#bottom-nav
	{
	  margin: 		16px 0px 0px 125px;
	  padding: 		0px 0px;
	  min-height:	 	20px;
	  height:		20px;
	  width:		775px;	
	  background-color: 	white;
	}    
	
#bottom-nav ul
	{
	  list-style: none;
	  width: 773px;
	  padding: 0;
	  margin: 0px;
	  float: left;
	}

#bottom-nav li
	{
	  float: left;
	  text-align: center;
	  margin: 0;
	}
#content1 
	{
	  width: 		900px;
	  min-height: 		720px;
	  height:		100%;
	
	  background-repeat:	repeat-x;
	  background-color: 	#ffffff;
	}
#bottom-nav li a
	{	  	  
	  height: 		21px;	  	  	  
	  float: 		left;	  
	  padding:		0px 5px;
	  display: 		block;
	  border: 		0px;
	  color: 		#4c4c4c;
	  text-decoration: 	none;	  
	  font-family:		Verdana;
	  font-size:		7.5pt;
	}

#bottom-nav li a:hover
	{ 
	  color:		black;
	  text-decoration:	underline;
	}
















#newmenu
	{	 
	  height: 30px;
	  width: 890px;
padding-top: 4px;          
margin-bottom: 0px;
          margin-left: 5px;
          border-bottom: solid 3px;

  background-image: url('../images/style/nav_background.jpg');
	  	}

#newmenu a:visited
{
 border-bottom: solid 0px;
}

#TJK_dropDownMenu,
#TJK_dropDownMenu * { margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
position:relative; no-repeat 100% 50%;width:70em;max-width:900px;float:left;margin-bottom:0.1em;margin-left:0.2em;border-bottom:0px solid #666;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:15em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:1px 7px 7px 7px;
	
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	width:18.30em;
	max-width:18.5%;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
font-size:13px;
background-color:#;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:10em/*FF*/;
	padding:0;
	border:none;
	max-width:200%;
       background-image: url(images/drop_back.gif);
background-repeat: repeat;
	
	border-top:none;
     
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:default;
	color:#666;
	
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em;  */ 
	height:2em;
	line-height:2em;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:9em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #fff;
	color:#666;
	background-position:0 50% !important;
}
/* :hover and stuff */
#TJK_dropDownMenu li a:hover {background-color: #ffffff}
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {background-color:#ffffff; color: #000000;  height: 28px;
border-right: solid 2px; border-left: solid 2px; border-top: solid 2px; outline-style:none;
outline-width:0;}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#fff !important;background:#c30}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:6;}
#TJK_dropDownMenu li#CF {z-index:5;}
#TJK_dropDownMenu li#GJ {z-index:4;}
#TJK_dropDownMenu li#KR {z-index:3;}
#TJK_dropDownMenu li#ST {z-index:2;}
#TJK_dropDownMenu li#UZ {z-index:1;}


#TJK_dropDownMenu li#newvehicles { height: 12em; width: 50em; border-top-style:solid;
border-top-width:5px; max-width:550%;  border-top-color:grey; background-image: url(images/drop_back.gif);
background-repeat: repeat;
}
#TJK_dropDownMenu li#truck { height: 13em; width: 50em; border-top-style:solid;
border-top-width:5px; max-width:150%;  border-top-color:grey; background-image: url(images/drop_back.gif);
background-repeat: repeat;
}

/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a,
.CF #TJK_dropDownMenu li#CF a,
.GJ #TJK_dropDownMenu li#GJ a,
.KR #TJK_dropDownMenu li#KR a,
.ST #TJK_dropDownMenu li#ST a,
.UZ #TJK_dropDownMenu li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul,
.CF #TJK_dropDownMenu li#CF ul,
.GJ #TJK_dropDownMenu li#GJ ul,
.KR #TJK_dropDownMenu li#KR ul,
.ST #TJK_dropDownMenu li#ST ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}

/* background colors */
#AB,#AB li a {background-color:#ffffff;}
#CF,#CF li a {background-color:#ffffff;}
#GJ,#GJ li a {background-color:#ffffff;}
#KR,#KR li a {background-color:#ffffff;}
#ST,#ST li a {background-color:#ffffff;}
#UZ,#UZ li a {background-color:#ffffff;}
#UZ1,#UZ1 li a {background-color:#ffffff;}
#UZ2,#UZ2 li a {background-color:#ffffff;}
#UZ3,#UZ3 li a {background-color:#ffffff;}
/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #TJK_dropDownMenu li#AB ul li a:focus,
.AB #TJK_dropDownMenu li#AB ul li a:active,
.CF #TJK_dropDownMenu li#CF ul li a:focus,
.CF #TJK_dropDownMenu li#CF ul li a:active,
.GJ #TJK_dropDownMenu li#GJ ul li a:focus,
.GJ #TJK_dropDownMenu li#GJ ul li a:active,
.KR #TJK_dropDownMenu li#KR ul li a:focus,
.KR #TJK_dropDownMenu li#KR ul li a:active,
.ST #TJK_dropDownMenu li#ST ul li a:focus,
.ST #TJK_dropDownMenu li#ST ul li a:active,
.UZ #TJK_dropDownMenu li#UZ ul li a:focus,
.UZ #TJK_dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}