/* The Equalizer */
* {
	padding: 0;
	margin: 0;
 }   

/* Define Common Elements */ 
body { 
	font: 0.7em Arial, sans-serif; 
	line-height: 1.5em;
	color: #000;
	background: url(images/bg.gif) repeat-y top center #eaeaea;
}
a {	
	color: #425f74; }
a:hover { 
	background-color: #e9f9ff;
 	color: #000; }
h1 {
	font-size: 2.1em;
	letter-spacing: -1px;
	padding: 7px 0 0 8px; }
h2 {
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-bottom: 8px;
	margin-top: 5px;
	color: #000; }
h1 a, h2 a {
	text-decoration: none; }
p {	
	margin: 0 0 5px 0; }
ul { 
	list-style : none; }

/* How should images default? */

img {
	float: left;
	margin: 0 9px 3px 0; }

/* layout
   ------ */

.content { 
	margin-left: auto;
	margin-right:  auto;
	width: 740px;
	padding-top: 10px;
 }

.header { 
	height: 60px;
	background: #eee;
	padding-top: 15px;
	margin-bottom: 2px;
	color: #808080;
	border-bottom: 1px solid #ccc;
}
.header_text {
	float: right;
	width: 232px;
	color: #808080;
}
.logo {
	font-size: 14px;
	font-style: normal;
	color: #0d4d7a;
	padding-bottom: 10px;
 }
.stronger {
	color: black;
 } 



.headline-runner  {
	font-size: 1.4em;
	color: #FFF;
	background: inherit;
	padding-top:  6px;
	padding-left: 10px;
}
.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #417db4;
}

.bar li { 
	margin: 0; 
	padding: 7px 12px 5px 12px;
	color: #fff;
	background: #417db4;
	float: left; 
	}
	

	
.bar li.activebaritem { 
	background: #80a8d1; 
	color: #fff;
	font-weight: bold; 
	padding: 7px 10px 6px 10px;
	}
	
.bar li a { 
	color: #FFF; 
	text-decoration: none;
	} 
	

.bar li a:hover { 
	background-color: #aabdd1;
	 } 

.bar li.baritem:hover {
	background-color: #aabdd1;
	color: #000;
	}

.bar li.activebaritem a { 
	background: #80a8d1; 
		}


.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}


/* left side
   --------- */

.left {
	float: left;
	width: 524px;
	margin: 10px 0px 10px 0px;
	padding-right: 10px;
	border-right: 1px solid #e9f9ff;
}

.left h3 {
	clear: both;
	background: #eee url(light-grad-background.jpg) repeat-x 0 48px;
	color: #1471b4;
	padding: 7px 0 7px 12px;
	font: bold 1.5em Arial, Sans-Serif;
	margin: 40px 0 0px 0;
	border-bottom: 1px solid #e9f9ff;
}

.left h4 {
	font-size: 1.6em;
	color: #1471b4;
	padding-top: 15px;
	line-height: 1.2;
	margin-left: 3px;
 }

.left h5 {
	font-size: 1em;
	padding-top: 4px;
 }

.left_side {
	float: left;
	width: 220px;
	padding: 0 0 0 10px;
	margin: 10px 0;
	}
		
.left_side a, .right_side a {
	font-size: 1.3em;
	text-decoration: none;
 }
		
.right_side {
	float: right;
	width: 160px;
	background: #FFF url(dotted.gif) repeat-y;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
	}
		
.left_box {
	margin: 0 0 0 0;
	color: #000;
	background: #FFF;
	padding: 3px 0;
	clear: both;
 }

.left_box img {
	margin-top: 3px;
	margin-right: 12px;
	border: 1px solid #417db4;
	padding: 2px;
 }
 
.left_leader {
	width: 531px;
	height: 398px;
	border: 1px solid #417db4;
	color: #fff;
	background: url(images/tracktor-sky.jpg) no-repeat 0 0;
	float: left;
 }
 
.left_leader_text {
	
	position: relative;
	top: 200px;
	left: 155px;
	width: 340px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.2);
	padding-bottom: 5px;
	padding-top: 5px;
 } 
 
.left_leader_text a {
	color: white;
	font-size: 1.2em;
	
 }
 
.left_leader_text a:hover {
	color: #e9f9ff;
 	color: #000; 
 }

.left_leader p {
	font-size: 1.1em;
 }

.left_leader h2 {
	color: #fff;
 }


.form_box {
	margin-top: 40px;
	margin-left: 220px;
 }
 
.form_box h4 {
	padding-bottom: 20px;
 }
.article {
	padding-top: 10px;
	font-size: 1.25em;
}
.article h2 {
	line-height: 1.2em;
}

.article h4 {
	font-size: 1.4em;
	padding-bottom:.3em;
}

.article img {
	margin-top: 3px;
	margin-right: 12px;
	border: 1px solid #417db4;
	padding: 2px;
	
	 }	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 186px;
	margin: 10px 0 10px 0;
}

.right h3 {
	background: #fff;
	color: #1471b4;
	padding: 5px 0 1px 0px;
	font-size: 1.4em;
	margin: 0 0 3px 0;
	text-align: right;
	border-bottom: 1px solid #e9f9ff;
 }

.right_articles {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
	}
	
.right_list {
	padding: 8px;
	margin: 0 0 3px 0;
 }
	
.right .image {
	border: 1px solid #425f74;
 }

.searchbox {
	padding: 10px;
}

.searchbox img {
	float: right;
	padding-top: 5px;
}


/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	margin-top: 12px;
	padding: 6px 0 10px 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }


/* forms	-------- */
	
.formcontainer {
	padding: 20px;
}

.forminfo {
	padding-bottom: 10px;
	max-width: 65%;
}

#formFields .desc {
	font-size: 1.2em;
	padding-bottom: 5px;
}

.forminput {
	padding: 0px;
}

div.formItem :hover {
	background-color: yellow;
}

.leftcontentimg {
	margin-bottom: 20px;
	float: left;
}

.rightcontentimg {
	margin-bottom: 20px;
	float: right;
	margin-left: 12px;
}

.servicetrademark {
	bottom: 7px;
	position: relative;
	font-size: 50%;
		
}