/* CSS Document */
/* All formats intended for screen viewing */

/* Undo Hidden Styles (set in print.css file) ---------------------------------------------------------*/
#top_nav, #bottom_nav, #header, #side_bar {
	display: block;
}


/* Major Layout Containers ----------------------------------------------------------------------------*/
body {
	width: 100%;
	background: #36424B url(/images/body_bg.jpg) repeat-x left top;
}
#wrapper {
	width: 100%;
	margin: 0;
	background: url(/images/wrapper_bg.jpg) no-repeat center top;
}
#container {
	width: 769px; /* width of actual page */
	margin: auto;
}


/* Header ---------------------------------------------------------------------------------------------*/
#header {
	float: left;
	width: 769px;
}
#header h1 {
	float: left;
	width: 199px;
	margin: 0;
	background: url(/images/header_h1_bg.jpg) no-repeat left top;
	border: none;
}
#header h1 a {
	display: block;
	width: 100%;
	height: 87px;
	text-indent: -9999px;
	text-decoration: none;
}
#header_flash{
	float: left;
	width: 570px;
	background: #FFF;
}


/* Top Navigation -------------------------------------------------------------------------------------*/
#top_nav, #top_nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#top_nav a, a.top_home {
	display: block;
	width: 179px;
	margin: 1px 0 0 0;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FEC823;
	text-decoration: none;
}
a.top_home {
	background: #000;
}
#top_nav a.about {
	background: #060708;
}
#top_nav a.drivers {
	background: #0D0F12;
}
#top_nav a.student {
	background: #151A1D;
}
#top_nav a.qualifications {
	background: #1F262B;
}
#top_nav a.equipment {
	background: #283138;
}
#top_nav a.staff {
	background: #343D44;
}
#top_nav a.career_opportunities {
	background: #36424B;
}
#top_nav a.contact {
	background: #36424B;
}
#top_nav a:hover {	
	color: #FFF;
	background: #1F3156;
}
#about #top_nav a.about, #drivers #top_nav a.drivers, #student #top_nav a.student, #qualifications #top_nav a.qualifications, #equipment #top_nav a.equipment, #staff #top_nav a.staff, #contact #top_nav a.contact, #career_opportunities #top_nav a.career_opportunities {
	color: #FFF;
	background: #1F3156;
}


/* Contents and Side Bar ------------------------------------------------------------------------------*/
#content_container {
	clear: both;
	width: 769px; /* same as the container width */
	background: url(/images/content_container_bg.jpg) repeat-y left top;
	float: left;
}
#side_bar {
	float: left;
	width: 199px;
	padding-bottom: 100px;
}
#side_bar p {
	margin: 0 15px;
	padding: 15px 0;
	color: #E3E3E3;
	font-size: 8pt;
	border-bottom: 1px dashed #999;
}
#contents {
	position: relative;
	float: left;
	width: 490px;
	padding: 0 40px 50px 40px;
	border-top: 1px solid #36424B;
}
#home #contents object {
	position: absolute;
	top: 0;
	left: 0;
}
#home #contents {
	padding-top: 272px;
}
#contents h2#first_h2 {
	position: relative;
	left: -40px;
	height: 32px;
	margin: 0;
	padding: 30px 25px 10px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	color: #1F3155;
	background: url(/images/content_heading_bg.jpg) no-repeat 0 20px;
	border: none;
}
#contents h2, #contents h3, #contents p, #contents ul {
	margin: 15px 0;
}
#contents h2, #contents h3 {
	margin-top: 30px;
	border-bottom: 1px solid #CCC;
}
#contents p {
	color: #333;
}
#contents ul {
	padding-left: 30px;
}
#contents a {
	color: #333;
}
#contents a:hover {
	color: #000;
	text-decoration: none;
}
#about #contents .state_list {
	float: left;
	width: 100px;
	margin-top: 0;
}
#equipment #contents .truck_box {
	float: left;
	margin: 10px;
	padding: 5px;
	border: 1px solid #999;
}
#equipment #contents .truck_box img {
	border: 1px solid #333;
}
#equipment #contents .truck_box p {
	margin: 0;
	padding-top: 5px;
	text-align: center;
}
#qualifications table {
	margin-left: 30px;
}
#qualifications td {
	padding: 0 30px 5px 0;
}
	
	
/* Bottom Navigation ---------------------------------------------------------------------------------- */
#bottom_nav {
	width: 520px;
	padding: 10px 25px;
	background: #E2E2E2;
}
#bottom_nav a {
	margin: 0 5px;
	color: #333;
	font-size: 8pt;
}
#bottom_nav a:hover {
	text-decoration: none;
}
#about #bottom_nav a.about, #drivers #bottom_nav a.drivers, #student #bottom_nav a.student, #qualifications #bottom_nav a.qualifications, #equipment #bottom_nav a.equipment,#staff #bottom_nav a.staff, #contact #bottom_nav a.contact, #home #bottom_nav a.bottom_home, #site_map #bottom_nav a.site_map {
	text-decoration: none;
	font-weight: bold;
}


/* Footer --------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	position: relative;
	width: 570px;
	margin-left: 199px;
	margin-top: 0;
}
#contact_info {
	height: 91px;
	background: #FEC724;
	border-top: 1px solid #36424B;
}
#contact_info a {
	color: #000;
}
#contact_info a:hover {
	text-decoration: none;
}
p#contact_left, p#contact_right {
	float: left;
	width: 168px;
	padding: 20px;
	text-align: left;
	font-size: 8pt;
}
p#contact_left {
	text-align: right;
}
a#footer_logo_link {
	float: left;
	display: block;
	width: 154px;
	height: 91px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/images/footer_logo.jpg) no-repeat center top;
}
#footer_truck {
	position: absolute;
	left: -199px;
	bottom: 0;
	width: 199px;
	height: 246px;
	font-size: 1px;
	background: url(/images/footer_truck.jpg) no-repeat left top;
}


/* Scroller -------------------------------------------------------------------------------------------*/
marquee {
	display: block;
	margin: 15px 0;
	color: #FFF;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}


/* Misc. Styles ---------------------------------------------------------------------------------------*/
img {
	border: none;
}