/* CSS Document */

body, html { 
	margin: 0px;
	padding: 0px;
	background:#E0E0E0 url('../images/page.gif') repeat-y 52% 0;
	height:100%;
	}
td {
	line-height: 20px;
	font-size:12px;
	font-weight: bold;
}


/* text styles */

h1 {font-size: 22px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0 5px 0;
	margin: 0 0 0 0px;}

h2 {font-size: 18px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#780101;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
	}
	
h3 {font-size: 12px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
	}
	
h5 {
	font-size: 11px; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#ED1B2F;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
	}
	
p,dt { 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 21px;
	text-align:justify;
	padding:5px 0px 5px 0px;
	margin: 0 0 0 0px;
	}

/* layout styles */

#master{	
	/* background: url('../images/bg_bar.gif') top left repeat-x; */
	/*position: relative;*/
	width: 861px;
	margin: auto;
	min-height: 100%;
	}
	
/* IE-specific hack */
* html #master {
height: 100%;
}
	
#header
{
	float:left;
	display:block;
	position: relative;
	background: url('../images/headershade.gif') no-repeat top left;
	height: 289px; 
	/*width: 861px;*/
	width: 100%;
	margin-right: auto; margin-left: auto;
	}
	
#main
{
	float:left;
	display:block;
	position: relative;
	/*width: 861px;*/
	width: 100%;
	margin-right: auto; margin-left: auto;
	min-height: 100%;
	height: auto;
	background: url('../images/horshade.gif') repeat-y left;
	background-color:#EFEFEF;	
	}
	
#footer
{
	float:left;
	display:block;
	position: relative;
	background-color: #ffffff;
	background: url('../images/bottomshade.gif') no-repeat top left;
	height: 133px; 
	/*width: 861px;*/
	width:100%;
	margin-right: auto; margin-left: auto;
	/*clear:both;*/
	}
	
.footer {
	font-family: tahoma, sans-serif;
	color:#FA0F26;
	padding: 40px 0 0 0;
	display: block;
	font-size: 11px;
	text-align: left;
}

hr {
	clear:both;
	display:block;
	visibility:hidden;
}

#content {
	position: relative;
	background: url('../images/contentshade.gif') repeat-x top left;
	background-color:#ffffff;	
	left: 0px;
	top: 0px;
	width: 600px;
	max-width: 600px;
	margin-top: 0px;
	min-height: 620px;
	height:100%;
	float: left;
	}	

#nav {
	position: absolute;
	width: 800px;
	height: 29px;
	top: 260px;
	left: 31px;
	z-index: 2;
}

#subnav 
{
	background:url('/images/subnav_blank.gif');
	background-repeat:no-repeat;
	min-height:620px;
	/* height for IE 6 browser */
	_height:620px;
	/* height hidden from IE browsers */
	height/**/:100%;
	width:199px;
	position: relative;
	background-color: #F7F3F7;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	}

/* IE7-specific hack */
* html #subnav {
height: 620px;
}

h2.errorheader
{
	color:#bf0023;
	font-size:small;
	font-weight:bolder;	
}

h2.infoheader
{
	color:#009900;
	font-size:small;
	font-weight:bolder;	
}

.divSpacer
{
	height:50px;
	text-align:left;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.errorDiv
{
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #bf0023;
	text-align:center; 
	width:85%; 
	margin-left:auto; 
	margin-right:auto; 
	display:block;	
	padding-bottom:5px;
}

.informationDiv
{
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #009900;
	text-align:center; 
	width:85%; 
	margin-left:auto; 
	margin-right:auto; 
	display:block;		
	padding-bottom:5px;
}

.blackboldTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
	
#banner {
	position: absolute;
	width: 800px;
	left: 31px;
	height: 160px;
	top: 100px;
	z-index: 1;
	}	
	
#logo {
	position: absolute;
	width: 386px;
	left: 47px;
	top: 41px;
	z-index: 3;
}

#logoDriving {
	position: absolute;
	width: 124px;
	left: 692px;
	top: 13px;
	height: 74px;
	z-index: 8;
}

#top {
	position: absolute;
	width: 32px;
	left: 248px;
	top: 71px;
	height: 25px;
	z-index: 10;
}

.functionNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ED1B2F;
}
	
#functionNavBox {
	position: absolute;
	width: 195px;
	left: 616px;
	top: 53px;
	z-index: 4;
}

a:link, a:visited {
	color: #bf0023;
	text-decoration: none; 
}

a:hover, a:active {
	color: #ED1B2F;
	text-decoration: underline;
}

a.functionNav:link, a.functionNav:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.functionNav:hover, a.functionNav:active {
	font-size: 11px;
	color: #000000;	
	text-decoration: underline;
}

#leftshade {
	background:url('../images/leftshade.gif') repeat-y top left;
	min-height: 620px;
	width: 31px;
	float: left;
	height: 100%;	
	}	
	
#rightshade {
	position: absolute;
	background:url('../images/rightshade.gif') repeat-y top left;
	left: 600px;
	top: 0px;
	min-height: 620px;
	width: 31px;
	height: 100%;
	z-index: 6;
	}	
	

.copy {

	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: normal;
	text-align:left;
	padding:5px 30px 5px 30px;
	margin: 0 0 0 0px;
}

.redcopy {
	font-size: 11px; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#ED1B2F;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
}

.greyCopy {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	line-height: 21px;
	text-align:justify;
	margin: 0 0 0 0px;
	font-style: italic;
}

.redboldLargeTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ED1B2F;
	font-weight: bold;
}

.redBoldTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#ED1B2F;
	font-weight: bold;	
}

.blueBoldTitle {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#004990;
	font-weight: bold;
}

.subscript {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	bottom: 5px;
}

.redcopyBold {

	font-size: 11px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#ED1B2F;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
}
.copy2 {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 21px;
	text-align:left;
	padding:5px 30px 5px 30px;
	margin: 0 0 0 0px;
}

.ajaxLoading {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	display: none;
}

ul {
	list-style-type: disc;
	list-style-image: none;
}

.ContentDiv
{
	text-align:left; 
	width:95%;
	margin-left:auto; 
	margin-right:auto; 
	display:none;
}

.CenterDiv
{
	text-align:center;
	width:100%;
	display: block;
}

.LeftIndentDiv
{
	text-align:left;
	width:97%;
	margin-left:auto;
	display: block;
}

.JobButton
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 170px;
	font-weight: bold;
}

.JobButtonDisabled
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	width: 170px;
	font-weight: bold;
}

.boldText
{
	font-weight: bold;
}

.privacyStatement
{
	font-size: 9px;
}