/*////////////////////////       1.css      \\\\\\\\\\\\\\\\\\\\\*/




HTML {
	padding:0px;
	margin:0px;
	height:100%;
	background:none;}
	
	
	

BODY {
	font-family:Helvetica;
	margin:0px;
	padding:0px;
	height:100%;
	background:url(images/OT5pxPattern.jpg);}	
	
	
	

#mainContainer {
	margin:0px auto;
	padding:0px;
	padding-top:169px;
	width:780px;
	min-height:100%;
	position:relative;
	background:#000;}

#mainBuffer {
	margin:0px;
	padding:0px;
	height:100%;}

	
	
	
/*////General Styles\\\\*/
	
DIV.clearer {
	clear:both;}
	
a {
	border:none;
	text-decoration:none;
	color:#0f0;}
	
	
	
	
/*////Specific Styles\\\\*/
	
#keyWords {
	background:none;
	width:780px;
	margin:0px;
	display:none;
	float:left;}
	
#keyWords .buffer {
	position:absolute;
	top:25px;
	}

#keyWords .buffer SPAN {
	color:#777;
	display:block;
	font-size:12px;}
	
	
	
	
#header {
	background:url(images/OTheaderBG.jpg) repeat-x;
	width:780px;
	height:160px;
	margin:0px;
	padding:0px;
	color:#fff;
	text-aLIgn:left;
	position:absolute;
	top:0px;
	border-bottom:1px soLId #2d2d2d;}
	
#header .buffer {
	background:url(images/OTheaderLogo.jpg) no-repeat left;
	height:150px;
	width:780px;
	margin:0 0 0 0px;}
	
	
	
	
/*NAV*/		
#nav1 {
	width:780px;
	margin:0px;
	position:absolute;
	top:125px;
	padding:0px;}
	
#nav1 .buffer {	
	width:780px;
	height:17px;
	margin:0 auto;}
	
#nav1 .buffer SPAN {
	margin:0 10px 0 0;
	padding:5px 5px 0px 5px;
	height:12px;
	font-weight:bold;
	font-size:11px;
	float:left;}
	
#nav1 .buffer SPAN:hover {
	margin:0 10px 0 0;
	color:#fff;
	height:12px;
	cursor:pointer;
	font-weight:bold;
	border-bottom:3px soLId #0f0;}

#nav1 .buffer UL {
	margin:0;
	padding:0 0 0 250px;
	List-style: none;
	height:17px;}
	
#nav1 UL LI {
	background:none;
	float:left;
	list-style:none;}
	
#nav1 UL LI A {
	text-decoration: none;
	color:#fff;
	padding:0;
	border:none;}
	
#nav1 UL LI A:hover {	
	margin:0 10px 0 0;
	color:#fff;
	height:12px;
	cursor:pointer;
	font-weight:bold;
	border-bottom:3px soLId #0f0;}	
	
#nav1 #apply A {
	color:#0f0;}
	
#nav1 #apply A:hover {	
	margin:0 10px 0 0;
	color:#0f0;
	height:12px;
	cursor:pointer;
	font-weight:bold;
	border-bottom:3px soLId #0f0;}
	
	
#nav1 #apply SPAN:hover {
	margin:0 10px 0 0;
	color:#0f0;
	height:12px;
	cursor:pointer;
	font-weight:bold;
	border-bottom:3px soLId #0f0;}
	
	

	

#nav2 {
	width:125px;
	float:left;
	background:none;
	border:none;
	height:auto;
	margin:0 10px 0 20px;
	padding:0px;} 
	
#nav2 .buffer {}

#nav2 UL {
	list-style:none;
	margin:-15px 0 0 0;
	padding:0px;}
	
#nav2 LI {
	margin:0 0 0 5px;
	padding:0 0 0 5px;}
	
#nav2 LI SPAN {	
	float:none;
	display:block;
	font-size:11px;
	padding:5px 0 0 0;
	border-bottom:1px solid #000;
	color:#fff;}	
		
#nav2 LI a {
	display:block;
	border:none;
	text-decoration:none;
	padding-bottom:1px;}	
	
#nav2 LI a:hover {
	border-bottom:1px solid #0f0;
	padding-bottom:0px;
	cursor:pointer;}
	
#nav2 LI.heading SPAN {	
	border-bottom:1px solid #0f0;
	font-weight:bold;
	font-size:12px;
	cursor:default;
	margin:15px 0 0 0;}
	
	
	
	
/*Page Data*/
#pageData {
	padding:5px 0 0 0;
	margin:0px;
	font-size:24px;
	color:none;
	height:100%;
	background:none;
	float:right;}
	
#pageData .buffer  {
	background:none;}




#content {
	padding:0px;
	margin:0px;
	width:460px;
	float:left;}
	
#content .buffer {}

#content .box {
	border:1px solid #2d2d2d;
	margin:0px 0px 10px 5px;
	padding:0px;
	background:none;
	float:left;
	font-size:12px;
	color:#fff;}

#content h1 {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	background:#2d2d2d;
	border-bottom:1px solid #000;
	padding:5px;
	margin:0px;}	
	
#content h2 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	height:10px;
	background:#2d2d2d;
	padding:5px;
	margin:10px 0 0 0;} 	
	
#content P H2 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	height:10px;
	background:#2d2d2d;
	padding:5px;
	margin:0px;}
	
#content h3 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	height:10px;
	background:#2d2d2d;
	padding:5px;
	margin:0px;} 
	
#content .box .text {
	font-size:12px;
	color:#fff;
	margin:5px;
	padding:5px;}	
	
#content .box .image {
	border:1px solid #2d2d2d;;
	margin:10px;
	width:93px;
	height:65px;
	background:none;
	float:left;}	
	
#content P {
	font-size:12px;
	padding:5px 10px 5px 10px;} 
	
#content FONT {
	margin:0 0 0 10px;}
	
#content SPAN {
	display:block;
	text-align:left;}
	
	
	
#content2 {
	display:none;} 

	
	
#banners {
	float:left;
	width:147px;
	margin:0px 0 0 15px;
	font-size:12px;
	padding:0px;}	
	
#banners .buffer {}	
	
#banners .buffer .box {
	width:147px;
	height:88px;
	margin:0 0 10px 0;
	padding:0px;}

	
	
	
#mainFooter {
	border-top:1px soLId #2d2d2d;
	margin:0px auto;
	height:19px;
	width:770px;
	padding:5px 0 0 10px;
	background:#000;}
	
#mainFooter .buffer {}
	
#mainFooter SPAN {
	color:#fff;
	text-aLIgn:right;
	font-size:12px;
	padding:0px;
	margin:5px 10px 0 0;
	height:19px;}
	/**************************************** Sponsorships *****************************************************/


A.sponsorListing {
  border:1px #999999 solid;
  margin:3px 0 3px 0;
  padding:0 0 5px 5px;
  background:#313031;
  color:white;}

A.sponsorListing H3{
  display:inline;
  font-size:16px;
  margin:0;}
  
A.sponsorListing P{
  display:inline;}
  
small {
  color:#CCCC33;}

  /**************************************** Sponsored Listings *****************************************************/
DIV.sponsors {
	margin:0 0 5px 5px;
	padding:0px;
	width:453px;}
  
DIV.sponsors A {
	display:block;
	padding:5px;
	margin-bottom:5px;
	background:#313031;
	color:black;
	font-family:"Arial";
	text-decoration:none;
	border:1px solid #ccc;}
	
DIV.sponsors EM {
	font-weight:normal;
	font-size:11px;
	color:#ccc;
	font-style:normal;}
	
DIV.sponsors A:hover {
	background:#9c9a9c;}
	
DIV.sponsors DIV A DIV {
	margin:0 0 5px 0;
	color:#0f0;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	padding:0;}
	
DIV.sponsors DIV A {
	font-size:11px;
	margin:0;
	color:white;}
	
DIV.sponsors A P SPAN {
	color:green;
	font-weight:bold;}

 /************************** trucking companies *****************************/

DIV.truckingcompaniespage {
	position:relative;
	}

DIV.truckingcompaniespage UL {
	padding:2px;
	margin:0 0 0 20px;
	list-style:none;}

DIV.truckingcompaniespage UL LI {
  float:left;
	padding:2px;
	margin:0;
	list-style:none}

DIV.truckingcompaniespage UL LI A {
  display:block;
  width:121px;
	text-decoration:none;
	color:black;
	background-image:url('/style/images/drop_bg.jpg');
	padding:3px;
	margin:0 2px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;}

DIV.truckingcompaniespage UL LI A:hover {
	background-image:url('/style/images/drop_bg_over.jpg');}
	
DIV.company_list {
width:400px;}
 
   /************************** trucking cities/counties *****************************/

DIV.truckingcompanieslocator {
	position:relative;}

DIV.truckingcompanieslocator UL {
	padding:2px;
	margin:0;
	list-style:none;}

DIV.truckingcompanieslocator UL LI {
  float:left;
	padding:2px;
	margin:0;
	list-style:none}

DIV.truckingcompanieslocator UL LI A {
  display:block;
  width:121px;
	text-decoration:none;
	color:#00ff00;
	/*background-image:url('/style/images/drop_bg.jpg');*/
	padding:3px;
	margin:0 2px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;}


   /************************** trucking cities/counties locator listing *****************************/
   
DIV.locatorlistings {
	position:relative;}

DIV.locatorlistings UL {
	padding:0px;
	margin:0;
	list-style:none;}

DIV.locatorlistings LI.header {
	background:#777;
	display:block;
	margin:0px;
	padding:0px;
	height:20px;}	
	
DIV.locatorlistings LI.header DIV.column_1 {
	margin:5px 0 0 5px;}
	
DIV.locatorlistings DIV.column_1 {
	width:140px;
	float:left;
	margin:5px 0 0 5px;}
 
DIV.locatorlistings DIV.column_2 {
	width:100px;
	float:left;
	margin:5px 0 0 25px;}

 DIV.locatorlistings DIV.column_3 {
	width:20px;
	float:left;
	margin:5px 0 0 25px;}
	
DIV.locatorlistings DIV.column_4 {
	width:50px;
	float:left;
	margin:5px 0 0 25px;}

/*		
DIV.locatorlistings UL LI {
    float:left;
	padding:2px;
	margin:0;
	list-style:none;
	display:block;}
DIV.locatorlistings UL LI.header s{
	padding:2px;
	margin:20px;
	list-style:none;
	color:white;}
DIV.locatorlistings UL LI A {
  	display:block;
  	width:90px;
	text-decoration:none;
	color:#00ff00;
	/*background-image:url('/style/images/drop_bg.jpg');*/
	/*padding:2px;
	margin:0 2px;
	/*border-right:1px solid #ccc;
	border-left:1px solid #ccc;*/
	/*text-align:center;}/*
	
	/************************** trucking jobs near counties listing *****************************/

DIV.nearCounty {
	position:relative;}

DIV.nearCounty UL {
	padding:2px;
	margin:0;
	list-style:none;}

DIV.nearCounty UL LI{
    float:left;
	padding:2px;
	margin:0;
	list-style:none}
DIV.nearCounty UL LI.header{
	padding:2px;
	margin:0px;
	list-style:none;
	color:white;}
DIV.nearCounty UL LI A{
  	display:block;
  	width:180px;
	text-decoration:none;
	color:#00ff00;
	/*background-image:url('/style/images/drop_bg.jpg');*/
	padding:2px;
	margin:0 2px;
	/*border-right:1px solid #ccc;
	border-left:1px solid #ccc;*/
	text-align:center;}
	
	
	
	
	FORM {
		margin:0 0 10px 25px;}
	
	/**************************Trucking-Links***********************************************/
	DIV.linkOver {
	color:#0f0;}
	DIV.linkOut {
	color:white;}
	
		
	/***************************************PROFILE*******************************************/
#Profile #info DIV UL.states LI {
	margin:5px 0 0 0;
	width:50px;
	float:left;}
	
#Profile #info DIV UL.states LI SPAN {
	font-size:12px;
	margin:0px;
	padding:0px;
	display:block;
	text-align:left;}	
	
	
	span.price {
	float:right;
	font-size:15px;
	margin-right:10px;
	}