html {
	height:100%;
	min-height:100%;
	width:100%;
}

body {
	width:100%;
	margin: 6px auto 0 auto;
	background-color:#486084;
	background-image:url('/images/pagebackground.gif');
	background-repeat:repeat-x;
}

body, td, p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	line-height:20px;
}

input {
	font-size: 9pt;
}

h1 { 
	font-size: 18px; 
	font-weight: bold;
	color: #e47e00
}

h2 { 
	font-size:14px; 
	font-weight:bold; 
	color:#669966;
}

h3 { 
	font-size:12px; 
	font-weight:bold;
	color:#e47e00
}

li { list-style: square; margin: 0 20px 8px 20px; list-style-position: outside;}

a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #003399;}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #336699;}
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #336699;}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #990000;}

img {
	border:none;
}

#wrapper {
	height:100%;
	width:940px;
	margin:0 auto 0 auto;
}

#logo {
	position:relative;
	float:left;
	left:10px;
}

#tagline {
	float:left;
	position:relative;
	height:20px;
	left:22px;
	top:37px;
	color:#2c4994; 
}

#tagline .emphasis {
	text-decoration:underline;
	font-style:italic;
}

#headlinks {
	position:relative;
	float:right;
	right:20px;
	top:10px;
}

#nav {
	position:relative;
	width:736px;
	float:right;
	top:40px;
	right:12px;
	background-image:url('/images/navbackground.gif');
	background-repeat:repeat-x;
	min-height:31px;
}

#nav ul {
	display:inline;
}

#nav ul li {
	float:left;
	display:block;
	padding:8px 15px 0px 15px;
	height:23px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	border-right:1px solid #FFFFFF;
	text-align:center;
	margin:0;
}

#nav ul li.last {
	border:none;
}

#nav ul li a:link {color:#FFFFFF;}
#nav ul li a:hover {color:#F6BB0D;}
#nav ul li a:visited {color:#EEEEEE;}
#nav ul li a:active {color:#FFFFFF;}

#nav ul li.active a {
	color:#F6BB0D;
}

#splashhome {
	position:relative;
	color:#FFFFFF;
	background-image:url('/images/splashimage_new.jpg');
	background-repeat:no-repeat;
	min-height:257px;
	height:257px;
}

#splashfueldeliveries {
	color:#FFFFFF;
	background-image:url('/images/splashimage_fueldeliveries.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashlubricants {
	color:#FFFFFF;
	background-image:url('/images/splashimage_lubricants.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashgasoline {
	color:#FFFFFF;
	background-image:url('/images/splashimage_gasoline.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashracing {
	color:#FFFFFF;
	background-image:url('/images/splashimage_racing.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashgreen {
	color:#FFFFFF;
	background-image:url('/images/splashimage_green.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashabout {
	color:#FFFFFF;
	background-image:url('/images/splashimage_about.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashcomfuel {
	color:#FFFFFF;
	background-image:url('/images/splashimage_comfuel.jpg');
	background-repeat:no-repeat;
	min-height:214px;
	height:214px;
}

#splashcopy {
	position:relative;
	top:165px;
	padding:20px;
	line-height:20px;
}

#splashcopy h1 {
	position:relative;
	top:-9px;
	color:#FFFFFF;
	font-size:24px;
}

#content {
	position:relative;
	background-image:url('/images/contentbackground.gif');
	background-repeat:repeat-y;
	min-height:400px;
	padding:20px 30px 10px 25px;
}

#contentbottom {
	position:relative;
	background-image:url('/images/contentbottom.gif');
	background-repeat:no-repeat;
	height:35px;
}

#footer {
	position:relative;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	height:30px;
	min-height:30px;
}

.mainbox {
	position:relative;
	float:left;
	width:260px;
	height:220px;
	background-color:#ebe6d5;
	border:1px solid #9c957a;
	margin:10px;
	padding:6px;
	text-align:center;
}

.mainbox h1 {
	position:relative;
	top:-27px;
	height:20px;
	width:auto;
	padding:4px;
	background-color:#960316;
	font-size:14px;
	text-align:left;
	color:#FFFFFF;
}

.mainbox h1 a:link {color:#FFFFFF;}
.mainbox h1 a:hover {color:#DED6B7;}
.mainbox h1 a:visited {color:#FFFFFF;}
.mainbox h1 a:active {color:#FFFFFF;}


.mainbox img {
	position:relative;
	top:-27px;
	border:3px solid white;
}

.mainbox p {
	position:relative;
	top:-27px;
	text-align:left;
	font-size:11px;
	line-height:14px;
}

.small {  
	font-size:7.5pt;
}

.small:link { color: #000000;}
.small:visited { color: #000000;}
.small:active { color: #000000;}

img.articleimage {
	margin:8px;
}

.red { color: #960316;}
.blue { color:#486084;}
.lightblue {color:#CFD4EE;}
.beige {color:#DED6B7;}
.white {color: #FFFFFF;}

.left { float:left; }
.right { float:right; }

.clear {
	clear:both;
}