/* Fleet Fuel CSS Styles for Screen media */

.NoShowScreen{  display:none;  }

html{ margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
    background: #FFFFFF url(images/Side150.gif) repeat-y top left;
}

.Wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
}

.RedBold{ color:#FF0000; font-weight:bold; }

/* ---------- HEADER ---------- */

.Header{
	height: 100px;
	margin: 0;
	padding: 0;
	background: #231F20 url(images/HeaderBkgnd.jpg) no-repeat top left;
}

.Header .HomeLink{
	display: block;
	position: relative;
    top: 8px;
    width: 365px;
    height: 85px;
}

/* ---------- NAVIGATION MENU ---------- */

.Menu{
	width: 150px;
	float: left;
}

.Menu .Sections{
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.Menu .Sections LI{  margin:0px;  padding:0px;  border-bottom: 1px solid #231F20;  }

.Menu .Sections A{  display:block;  margin:0;  padding: 4px 4px 4px 8px;  color:#FFFFFF;  text-decoration:underline;
	border-top:#231F20 1px solid; border-bottom:#231F20 1px solid; font-size: 0.90em;
}

.Menu .Sections A:hover{  background:#4B4B4B; border-top:#B3B3B3 1px solid; border-bottom:#B3B3B3 1px solid;  }


/* ---------- BODY ---------- */

.Body{
	padding: 10px 0px 0px 160px;
}

.Body P{  margin: 0px 0px 0.6em 0px;  padding: 0px 0px 0px 0.5em;  }
.Body H1{  margin: 0px 0px 0.6em 0px;  padding:0;  font-size:1.75em;  font-weight:bold;  border-bottom:2px solid #ED1C2E;  }
.Body H2{  margin: 0px 0px 0.6em 0px;  padding:0;  font-size:1.50em;  font-weight:bold;  border-bottom:2px solid #ED1C2E;  }
.Body H3{  margin: 0px 0px 0.6em 0px;  padding:0;  font-size:1.25em;  font-weight:bold;  border-bottom:2px solid #ED1C2E;  }
.Body H3{  margin: 0px 0px 0.6em 0px;  padding:0;  font-size:1.25em;  font-weight:bold;  }

.Body LI{  margin-bottom:0.5em;  }

form#ContactForm{
	position: relative;
	left: 0.6em;
}

form#ContactForm label{
	font-size: 0.75em;
    font-weight: bold;
    color: #000000
}

form#ContactForm input{
	margin: 0px 0px 0px 5px;
}

form#ContactForm textarea{
	margin: 0px 0px 0px 5px;
}

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

.NozzleList LI{
	margin: 6px;
    padding: 0px 0px 10px 55px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(images/GasBullet.gif);
}

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

.StarList LI{
	margin: 3px;
    padding: 5px 0px 5px 26px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(images/StarBullet.gif);
}

.LocTable TD{
	padding: 2px 5px 2px 5px;
	border-bottom:1px solid #666666;
}

UL.CityList{
	list-style-type: none;
    margin: 0;
    padding: 0;
}

UL.CityList LI{
	display: block;
    float: left;
    width: 120px;
    font-size: 0.75em;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

P.DocLinks{
    font-size: 0.8em;
}

/* ---------- FOOTER ---------- */

.Footer{
	clear: both;
	margin: 0;
	padding: 0;
}

.Footer .copyright{
	width: 580px;
	float: right;
	position: relative;
	left: -10px;
	padding: 0px 0px 10px 0px;
	margin: 30px 0px 0px 0px;
	text-align:right;
	font-size:0.8em;
	color:#999999;
	border-top: 1px solid #999999;
}