/* CSS Document */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.7em;
	color:#222222;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color:#000033;
	background-image:url(../images/bgMain.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:bottom;
}
p{padding:3px 10px 3px 10px;}
h1{padding:3px 10px 3px 10px;;}
h2{padding:3px 10px 3px 10px;;}
h3{padding:3px 10px 3px 10px;;}
h4{padding:3px 10px 3px 10px;;}
h5{padding:3px 10px 3px 10px;;}
a:link {
	color: #0033CC;
}
a:visited {
	color: #0033CC;
}
a:hover {
	color: #0099FF;
}
a:active {
	color: #0099FF;
}
#parent {
	width:770px;
	background-image:url(../images/menubgTile.gif);
 	background-position:right;
	background-repeat:repeat-y;
	border:1px solid #FFFFFF;
	margin:auto;
	overflow:visible;
	z-index:1;
}
#top{
	width:770px;
	height:133px;
	background-color:#060C72;
	z-index:1;
}
#menu{
	width:220px;
	height:450px;
	float:right;
	background-image:url(../images/menuBg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin-left:10px;
	z-index:1;
}
#content{
	clear:left;
	background-image:url(../images/bg.jpg);
	background-position:bottom left;
	background-color:#FFFFFF;
	
}

td,th {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	text-align:justify;
}
#floatLeft{
	float:left;
}
#floatRight{
	float:right;
	padding:8px;
}
#footer{
	width:auto;
	height:50px;
	background-color:#060c72;
	background-image:url(../images/nextSecBg.jpg);
	background-position:top right;
	font-size:90%;
	color:#6699FF;
	padding:10px;
	clear:both;
}
a.footer:link{
	color:#6699FF;
}
a.footer:visited{
	color:#6699FF;
}
a.footer:hover{
	color:#FFFFCC;
}
a.footer:active{
	color:#FFFFFF;
}
.dark{color:#000033;}
.next{
	font-weight:bold;
	font-size:120%;
	line-height:150%;
}
a.next:link{
	color:#003399;
}
a.next:visited{
	color:#003399;
}
a.next:hover{
	color:#993300;
}
a.next:active{
	color:#0066CC;
}
	
img.floatLeft{
	float:left;
	padding: 0 10px 10px 0;
}
img.floatRight{
	float:right;
	padding: 0 0 10px 10px;
}
.clearLeft{
	clear:left;
}
h4{
	font-size:120%;
	color:#1D2DBA;
	padding-left:7px;
	margin-top:8px;
	margin-bottom:8px;
}
h2{
	color:#1D2DBA;
	font-size:150%;
}
h3 {
	font-size:120%;
}
h5{
	font-size:120%;
	color:#1D2DBA;
}
li{ line-height:2em;}

#fuelManagementBenefits{
	padding:10px;
	display: none;
	background-image:url(../images/accidentBenefitsBg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	border:solid 1px #666666;
}

#accidentManagementList{
	padding:10px;
	display: none;
	background-image:url(../images/accidentBenefitsBg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	border:solid 1px #666666;
}
#FAQholder {
	position:relative;
	width:505px;
	height:1px;
	margin-left:2px;
	
}
#FAQmaintenance{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQmanagementInfo{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQmileage{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQstl{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQdriverSales{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQfines{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQtermination{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#FAQcharges{
	width:100%;
	position:absolute;
	height:350px;
	display:none;
	padding:10px;
	background-color:#e5e59e;
	color:#222222;
	background-image:url(../images/FAQdivBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #666666;
}
#AccMan{
	width:750px;
	position:absolute;
	height:auto;
	display:none;
	left:6px;
	top:6px;
	border:1px solid #666666;
}
#closeDiv{
	width:100%;
	position:absolute;
	height:25px;
	padding-top:7px;
	left:-1px;
	background-color:#000066;
	color:#FFFFFF;
	border:1px solid #666666;
}
.bigblue{
	font-size: 120%;
	font-weight: bold;
	color: #003399;
}
.bulletSpace{
line-height:150%;
}
#swfLeft{
	float: left;
}
#swfRight{
	float: right;
	padding:10px;
}
@media print {
     .noprint {
          display: none;
     }
}

@media screen {
     .nobrowser {
          display: none;
     }
}
#print{
	width:auto;
	padding:5px;
}


.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #B7D2DF; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{

width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 0px solid #B7D2DF;
border-left-width: 0;
text-decoration: none;
color:#1D2DBA;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
}
	
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #1D2DBA;
text-decoration: none;
padding: 1px 5px;
border: 0px solid #B7D2DF;
}

.suckertreemenu ul li a:hover{
background-color: #B7D2DF;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #B7D2DF url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #B7D2DF url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

</style>

<script type="text/javascript">

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }