* {
	font-family: Tahoma, Verdana, Arial, san-serif;
	margin: 0;
	padding: 0;
}

a.content {
	color: #000066;
	text-decoration: underline;
}

a:hover.content {
	color: #800000;
	text-decoration: underline;
}

a.main {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

a:hover.main {
	text-align: center;
	color: #000;
}

/* CONTAINER */

h1 {
	font-style: italic; 
	color: #800000;
}


/* HEADER */
#subheader {
	background-image: url("../images/subheader.jpg");
	background-repeat: no-repeat;
	background-color: #800000;
	height: 119px;
	left: 0;
	position: absolute;
	top: 0;
	width: 772px;
}

#subheader img {
	display: block;
}

#crumbs {
	position: absolute;
	top: 133px;
	left: 0px;
	background-image: url("../images/breadcrumb.gif");
	background-repeat: no-repeat;
	color: white;
	font: bold 11px Verdana;
	height: 20px;
	width: 772px;
	padding: 0 0 0 0px;
	text-align: left;
}

#crumbsub {
	position: absolute;
	top: 79px;
	left: 0px;
	background-image: url("../images/breadcrumb.gif");
	background-repeat: no-repeat;
	color: white;
	font: bold 11px Verdana;
	height: 40px;
	width: 772px;
	padding: 0 0 0 15px;
}

#crumbs a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#crumbs a:hover {
	text-decoration: underline;
}

#crumbsub a {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

#crumbsub a:hover {
	text-decoration: underline;
}


/*NAVIGATION*/
#navbar {
position: absolute;
top: 148px;
left: 0px;
}

#navbarsubpage {
position: absolute;
top: 93px;
left: 0px;
}

 ul#navlist
 {
 padding: 0;
 list-style-type: none;
 float: left;
 color: #fff;
 width: 772px; height: 24px;
 background-color: #000000;

 }

 ul#navlist li { display: inline;}

 ul#navlist li a
 {
 float: left;
 width: 153px;
 background-image: url("../images/nav.gif");
 background-repeat:  repeat;
 color: #fff;
 text-align: center;
 padding: ;
 text-decoration: none;
 height: 20px;
 margin: 0 1px 0 0;
 padding: 3px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}

 ul#navlist li a:hover
 {
 float: left;
 width: 153px;
 background-image: url("../images/navover.gif");
 background-repeat:  repeat;
 color: #fff;
 text-align: center;
 padding: ;
 text-decoration: none;
 height: 20px;
 margin: 0 1px 0 0;
 padding: 3px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}

 ul#navlist li a.active
 {
 float: left;
 width: 153px;
 background-image: url("../images/navover.gif");
 background-repeat:  repeat;
 color: #fff;
 text-align: center;
 padding: ;
 text-decoration: none;
 height: 20px;
 margin: 0 1px 0 0;
 padding: 3px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}
* html ul#navlist li a {height: 23px;}





/*LEFT COLUMN */
#left {
position: absolute;
top: 174px;
left: 0px;
width: 154px;
border-right: 0px solid #000;
}

#subleft {
position: absolute;
top: 119px;
left: 0px;
width: 154px;
height: 700px;
border-right: 0px solid #000;
}

a.leftlink {
display: block;
padding: 4px 0 2px 4px;
background-color: #ccc;
height: 18px;
color: #000066;
text-decoration: none;
font-size: 10px;
font-weight: bold;
border-bottom: 3px solid #fff;
}

a:hover.leftlink {
color: #800000;
text-decoration: underline;
}

#picleft {
padding: 0px 0 0 0;
}

.contentleft {
font-size: 10px;
padding: 0 0 0 10px;
color: #000;
}

.subleft {
	padding: 10px 0 5px 0;
}

.lefttitle {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 15px 0 0 0;
}

.line {
margin: 10px 0 10px 10px;
width: 142px;
border-top: 1px solid #000066;
}

.line2 {
margin: 5px 0 10px 20px;
width: 113px;
border-top: 1px solid #000066;
}

.logo2 {
padding: 15px 0 0px 10px;
}

.dyna {
padding: 30px 0 30px 10px;
}

.dblack {
font-size: 10px;
color: #000066;
padding: 0 0 10px 20px;
}

a#dblack {
font-size: 10px;
font-weight: normal;
color: #000066;
padding: 0 0 10px 0px;
text-decoration: none;
}

a:hover#dblack {
font-size: 10px;
color: #800000;
padding: 0 0 10px 0;
text-decoration: underline;
}

.copy {
font-size: 11px;
color: #000066;
padding: 0 0 10px 5px;
}




/*SUBNAV*/

#subnav {
position: absolute;
top: 174px;
left: 154px;
height: 24px;
width: 618px;
background-color: #000066;
}

#subnav2 {
position: absolute;
top: 119px;
left: 154px;
height: ;
width: 618px;
background-color: #000066;
}

 ul#subnavlist
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 float: left;
 width: 618px;
 color: #fff;
 background-color: #000066;
 }

 ul#subnavlist li { display: inline; }

 ul#subnavlist li a
 {
 float: left;

 background-image: url((EmptyReference!));
 background-repeat: no-repeat;
 color: #fff;
 background-color: #000066;
 text-align: center;
 text-decoration: none;
 border-right: 1px solid #fff;
 height: 20px;
 padding: 4px 20px 0 20px;
 margin: 0 0 0 0;
 font-weight: bold;
 font-size: 9px;
  }

ul#subnavlist li a.noborder, ul#subnavlist li a:hover.noborder {
	border: 0px;}

 ul#subnavlist li a:hover
 {
 float: left;
 color: #ff0000;
 background-color: #000066;
 text-align: center;
 text-decoration: none;
 border-right: 1px solid #fff;
 height: 20px;
 padding: 4px 20px 0 20px;
 margin: 0 0 0 0;
 font-weight: bold;
 font-size: 9px;
}
ul#subnavlist li a.right
 {
 border-right: 0px solid #fff;
 }

ul#subnavlist li a:hover.right
 {
 border-right: 0px solid #000;
}
 
 ul#subnavlist li a.active
 {
 float: left;
 color: #fff;
 background-color: #ff0000;
 text-align: center;
 text-decoration: none;
 height: 20px;
 margin: 0 0 0 0;
 padding: 4px 20px 0 20px;
 font-weight: bold;
 font-size: 9px;
 }
  

/*CONTENTS*/
.contenttitle {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 10px;
}

#home {
	padding: 0px 0 0 0;
	margin: 20px 0 0 0;
	/*background-image: url("../images/home.jpg");
	background-repeat: no-repeat;*/
}

#solutions {
	/*margin: 40px 0 0 0;
	background-image: url("../images/solutions.gif");
	background-repeat: no-repeat;*/
}

* html #solutions , * html #communication, * html #reports, * html #Mapping, * html #Safety, * html #fuelmanagement {
	margin: 140px 0 0 0;}

*:first-child+html #solutions, *:first-child+html #communication, *:first-child+html #reports, *:first-child+html #Mapping, *:first-child+html #safety, *:first-child+html #fuelmanagement {margin: 155px 0 0 0;}	

#communication, #reports, #Mapping, #fuelmanagement, #safety, #solutions {margin: 120px 0 0 0;}

#communication {
	background-image: url("../images/communication.gif");
	background-repeat: no-repeat;
}

#reports {
	background-image: url("../images/reports.gif");
	background-repeat: no-repeat;
}

#Mapping {
	background-image: url("../images/mapping.gif");
	background-repeat: no-repeat;
}


#fuelmanagement {
	background-image: url("../images/fuelmanagement.gif");
	background-repeat: no-repeat;
}

#safety {
	background-image: url("../images/hours_service.gif");
	background-repeat: no-repeat;
}

#aboutus {
	margin: 90px 0 0 0;
	/*background-image: url("../images/aboutus.gif");
	background-repeat: no-repeat;*/
}

#accutravl {
	margin: 90px 0 0 0;
	background-image: url("");
	background-repeat: no-repeat;
}

#accutreq_net {
	margin: 90px 0 0 0;
	background-image: url("");
	background-repeat: no-repeat;
}

#contactus {
	margin: 90px 0 0 0;
	/*background-image: url("../images/contactus.gif");
	background-repeat: no-repeat;*/
}

#sitemap {
	margin: 90px 0 0 0;
	/*background-image: url("../images/sitemap.gif");
	background-repeat: no-repeat;*/
}

#disclaimer {
	margin: 90px 0 0 0;
	/*background-image: url("../images/disclaimer.gif");
	background-repeat: no-repeat;*/
}

* html #sitemap, * html #disclaimer, * html #aboutus, * html #contactus, * html #accutravl {margin: 120px 0 0 0;}
*:first-child+html #sitemap, *:first-child+html #disclaimer, *:first-child+html #aboutus, *:first-child+html #contactus, *:first-child+html #accutravl
 {margin: 130px 0 0 0;}
 
 a.anchor {
	font-size: 9px;
	color: #000066;
	text-decoration: underline;
}
a:hover.anchor {
	color: #ff0000;
	text-decoration: underline;
}

.redline {
padding: 10px;
margin: 15px 6px 0 6px;
border-top: 2px solid #800000;
width: 265px;
}

.floatright {
	float: right;
}

li {
	color: #000;
}

.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

p.height {height: 250px;}

p.home {
	padding: 0px 40px 5px 10px;
}

p.subpage {padding: 60px 0 5px 10px;}

p.ul {
	padding: 0 0 0 10px;
}

p {padding: 0 40px 15px 10px}

.red {
	color: #800000;
	}
	
strong {
	color: #000066;
}

table#form {
	width: 450px;
	padding: 0 0 0 80px;
}
	
ul {padding: 0 0 15px 30px;
	color: #000066;
}


li {color: #000066;}
li.blue {
	color: #000066
}

.cstitle {
	background-image: url(../images/cstitlebck.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 0px;
	height: 50px;
	width: 295px;
	margin-left: 0px;
	text-align: center;
	line-height: 20px;
}

.names1{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	color: #fff;
}	

.names{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 10px 0px;
}


.nametitle1 {
	font-weight: normal;
	font-size: 10px;
	padding: 0;
	color: #fff;
}	


.nametitle {
	font-weight: normal;
	font-size: 9px;
	padding: 0 10px 10px 0;
}	


.storytitle1 {
	font-weight: bold;
	font-size: 14px;
	color: #800000;
	color: #fff;
}

.storytitle {
	font-weight: bold;
	font-size: 14px;
	color: #800000;
	padding: 0 0 2px 0;
}

p.sml1 {
	font-weight: bold;
	margin: 8px 0 0 48px;
	padding: 0;
}
p.sml2 {
	margin: 0 0 0 78px;
	padding: 0;
}
p.sml3 {
	margin: 0 0 0 108px;
	padding: 0;
}
	
	
td {}

/* FORM ELEMENTS */

.box {
    font-size: 12px;
    border: 1px solid #800000;

}
select.boxx {
	background: white;
    border: solid 1px #800000;
	color: black;
    font-size: 12px;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

.errmsg {
    font-size: 12px;
    font-weight: bolder;
    color: #800000;
}





html {
	padding: 0;
	height: 100%;
}
body {
	background: #ffffff url(../images/grgrad.gif) repeat-x;
	font-family: "Tahoma", Arial, sans-serif; 
	font-size: 12px;
	height: 100%;
	margin: 0 0 0 0; 
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #000066;
	line-height: 14px;
	
}

img {
	border: none;
}
a img {
	border: none;
}

p,td,th,textarea,input {
	font-size: 12px;
}
p {
	margin-bottom: 0;
}

p.bottom {margin-bottom: 40px;}

h1 {
	font-size: 26px;
	margin: 0px;
	padding: 10px 0px 15px 6px;
	font-weight: bold;
	font-style: italic;
	line-height: 26px;
}

h2 {
	font-size: 26px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #660000;
	font-weight: bold;
	font-style: italic;
	line-height: 26px;
}

hr {
border: 1px dashed;
color: #043;
background-color: #043;
width: 100%;
text-align: left;
}

div#wrapper { 
	background: #ffffff;
	left: 0;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	position: relative;
	top: 0;
	text-align: left;
	width: 772px;
	border: 7px solid #800000;

}

#header {
	position: relative;
	/*height: 17px;*/
	width: 772px;
	background: #ffffff;
	/*border: 2px solid #666666;
	border: 0px 2px 0px 2px;
	border-left: 2px;
	border-right: 2px;*/ 
	padding: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
	word-spacing: 2px;
}

#header a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

#header a:hover {
	color: #cccccc;
	font-size: 11px;
	text-decoration: underline;
}

div#leftcol {
	font-size: 11px;
    margin: 5px 0 10px 10px;
	padding: 10px 0 0 0;
	text-align: left;
	width: 150px;
	float: left;
	border-right: 0px solid #000000;	
}


#maincontent {
	margin: 20px 0 0px 160px;
	padding: 20px 0px 10px 0;
	width: 610px;
	/*min-height: 400px;*/
	line-height: 16px;
	position: relative;
	left: 0px;
	top: 0px;
	border: 0px solid #660000;
}

#footer {
	clear: both;
	width: 772px;
	background-position: bottom;
	padding: 2px;
	height: 100px;
}

#left a.login {
display: block;
padding: 2px 0 2px 4px;
background-color: #b2b2b2;
height: 16px;
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: bold;
border-bottom: 3px solid #fff;
border-top: 3px solid #999;
}

#left a.login:hover {
display: block;
padding: 2px 0 2px 4px;
background-color: #999;
height: 16px;
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: bold;
border-bottom: 3px solid #fff;
border-top: 3px solid #b2b2b2;
}

#subleft a.login {
display: block;
padding: 2px 0 2px 4px;
background-color: #b2b2b2;
height: 16px;
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: bold;
border-bottom: 3px solid #fff;
border-top: 3px solid #999;
}

#subleft a.login:hover {
display: block;
padding: 2px 0 2px 4px;
background-color: #999;
height: 16px;
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: bold;
border-bottom: 3px solid #fff;
border-top: 3px solid #b2b2b2;
}


/* only IE mac/win sees these "* html" style fixes below */
/* note: first value is ie5/6win, optional escaped value is ie6win only */
/* make sure you don't put the escape slash before a-f */
	* html #crumbs { height: 16px }
/* start hide from ie5 mac until next comment \*/
	* html #logohead { margin-right: 0 }
/* stop hide from ie5 mac */