/***********************************************/
/* styles.css                                  */
/* 									           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #000000;
	width: 858px;
	/*line-height: 1.166;*/
	position:relative;	
	padding:10px;
	margin: 0px auto;
	padding: 0px auto;
	background: url(../imgs/graphics/pattern.jpg) repeat;
	background-color:#21404b;
}

/******* hyperlink and anchor tag styles *******/

a{
color: #0A3C4B;
}


a:link, a:visited{
	color: #0A3C4B;
	text-decoration: none;
}

a:hover{
	color:#228ea8;
	text-decoration: underline;
}



/******* paragraph tag styles *******/

p{ margin: 10px 10px 10px 2px; padding: 6px 0px; }





/************** header tag styles **************/

h1{
 font: bold 18px Arial,sans-serif;
 color:#0f1d20;
 margin: 0px;
 padding: 0px;
}

h2{
 font: 14px Arial,sans-serif;
 color: #1e6e90;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 12px Arial,sans-serif;
 color: #000000;
 font-size: 14px;
 margin: 4px 4px 0px 4px;
 padding:  4px;
/* background-color:#091F23;*/
}


h5{
 font: 14px Arial,sans-serif;
 font-weight: bold;
 color:#ffffff;
 margin: 0px;
 padding: 6px;
 background:url(../imgs/graphics/headers.jpg);
 background-color:#446e7e;
 border-bottom:#66CCFF 1px solid;
}


h6{
 font: bold 1.0em Arial,sans-serif;
 color: #FFFFFF;
 margin:  0px;
 padding:  4px;
 background-color:#21404b;
 line-height:normal;
 border-bottom:#66CCFF 1px solid;
}

h7{
 font: bold 1em Arial,sans-serif;
 color: #66FFFF;
 margin: 20px 8px 0px 4px;
 line-height: 30px;
}


/*************** list tag styles ***************/

ul{
 	color:#000000;
	list-style: disc;
	margin: 8px 20px 20px 20px;
	padding: 2px;
	font-size: 12px;
}


/*
ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


#sub{
list-style: url(imgs/icons/arrow.gif);
	font-size: 1.2em;
	padding: 0px 0px 20px 0px;
	border-bottom:solid #0A3C4B 6px;
	border-left:solid #0A3C4B 2px;
	border-right:solid #0A3C4B 2px;
	margin: 0px;
	background-color: #ebecee;
	text-decoration:none; }
#sub a:hover{text-decoration:none; background-color:#E6E6E6;}
*/

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#border{
	width: 858px;
	height: 100%;
	padding: 1px 6px 6px 6px;
	margin: 0px auto;
	background-color:#FFFFFF;
	
}

#container{
	width: 850px;
	height: 100%;
	background-color:#FFFFFF;
	padding: 0px 4px 4px 4px;
	margin: 0px auto;
	
}


#masthead{
	position: relative;
	top: -10px;
	width: 850px;
	height: 270px;
	
}

#tophead{
	position: relative;
	width: 850px;
	height: 104px;
	background-image:url(../imgs/headers/header.gif);
	background-repeat:no-repeat;*/
	
}


#map {
	position:relative;
	padding: 0px 6px;
	width: 650px;
	min-height: 400px;
	margin: 0px;
	z-index: 11;
	background-color:#FFFFFF;
}

#midhead{
	position:relative;
	/*background-color:#1f7092;*/
	text-align:center;
	margin: 0px auto;
	padding: 0px auto;
	background-color:#FFFFFF;
	width: 850px;
	height:140px;
	
}

#btmhead{
	position: relative;
	width: 850px;
	height: 25px;
	background-color:#FFFFFF;
	background-image:url(../imgs/headers/headerBtm.jpg);
	background-repeat:no-repeat;
	
}


#pagecell{
	width: 848px;
	background-color:#FFFFFF;
	background-image: url(../imgs/graphics/contentbkgd.jpg);
	/*border-top: 1px solid #cccccc;*/
	/*border-left:#666666 1px solid;
	border-right:#666666 1px solid;
	border-bottom:#999999 1px solid;*/
}



/***************/

#lftMainCol {
	float: left;
	width: 173px;
	margin: 0px;
	
}

#fuelBox{
width: 173px;
color: #FFFFFF;
font-weight:bold;
background-color:#21404b;
border-top: #66CCFF 1px solid;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-bottom:#66CCFF 1px solid;
}

#fuelBox a{
color:#228ea8;
font-size: 10px;
}

#rgtMainCol {
	float: right;
	width: 130px;
	padding: 20px auto;
	text-align:left;
	color:#000000;
}

#rgtMainCol a{
	font-size: 11px;
	color:#005e6f;
}

#rgtMainCol a:hover{
	color:#007c9c;
	text-decoration:underline;
}

#ctrMainCol {
	float: left;
	height: 100%;
	width: 460px;
	padding: 26px;
	margin: 0px auto;
}

#map {
	float: left;
	padding: 2px auto;
	width: 650px;
	margin: 2px auto;
	background-color:#FFFFFF;
}


#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}


#footer{
	width: 848px;
	text-align:center;
	border-top: 1px solid #999999;
	background-image:url(../imgs/headers/footer.jpg);*/
	background-color:#FFFFFF;
	font-size: 10px;
	color:#000000;
	clear:both;
	padding-bottom: 20px;
}

#footer a{
	font-size: 10px;
	color:#000000;
}



/***********************************************/
/* Component Divs                              */
/***********************************************/


/************** utility styles *****************/

#utility{
	position: relative;
	top: 4px;
	left: 600px;
	width: 220px;
	text-align:center;
	vertical-align:middle;
}

#utility a{
	font: .9em arial,sans-serif;
	color:#000000;
}

#utility a:hover{
	color:#228ea8;
	text-decoration: none;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 2em Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: relative;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/



#cssdropdown, #cssdropdown ul {
position: absolute;
	top: 78px;
	padding: 0px;
	margin: 0px;
	left: 186px;
	z-index: 100;
list-style: none;
}

#cssdropdown li {
	float: left;
	position: relative;
}

.mainitems{
	color: #0f1d20;
	padding: 4px;
}

.mainitems a{
	font-size: small;
	color: #0f1d20;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #CCCCCC;
}

.mainitems a:hover{
	font-size: small;
	background-color:#FFFFFF;
	color:#000000;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	text-decoration:none;
	/*border-bottom: 2px solid #3afaff;*/
}

/************ subglobalNav styles **************/
.subuls{
display: none;
width: 10px;
position: absolute;
background-image:url(../imgs/graphics/graybox.gif);
border: 1px solid #3afaff;
}

.subuls li{
display:block;
width: 100%;
font-size: .9em;
}

.subuls li a{
display:block;
text-decoration: none;
color:#a1f4f9;
border: 0px;
font-size: 1.1em;
}

.subuls li a:hover {
display:block;
background-color:#333333;
text-decoration:none;
color:#FFFFFF;
border: 0px;
font-size: 1.1em;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 20px;
left: 0px;
line-height: 20px;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}



.skipLinks {display: none;}



/*************** LEFT SUB MENU *****************/


.subleftnav { background-color:#003333; line-height: 24px; border-top: 1px solid #66FFFF; padding: 2px; width: 15em;}
.subleftnav a{font-size:1.0em; font-weight: bold; text-decoration:none; }
.subleftnav a:hover{  text-decoration:underline; }



/*************** search styles *****************/

#search{
	position: absolute;
	top: 250px;
	right: 40px;
	z-index: 601;
	color: #0d454e;
}

#search input{
  font-size: 1em;
  width: 160px;
  background-color:#EBF9FD;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 1em;
	font-weight: normal;
	color: #0d454e;
	
}

#search a:hover{
	margin: 0px;
	color: #000000;
	background-color:#FFFFFF;
}

/*************** GSC address *****************/

/*
#address{
	position: absolute;
	top: 240px;
	font: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	left: 245px;
	color: #0f1d20;
}

#address a{
	color: #0f1d20;
	font-size: 100%;
	text-decoration:none;
}

#address a:hover{
	color:#228ea8;
	text-decoration:underline;
}
*/


/*************** Chart Tables *****************/


.chartgeneral1 {
	font:Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	width:140px;
	hieght:16px;
	vertical-align:top;
	text-align: left;
	line-height:16px;
}


.chartgeneral2 {
	font: Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	font-weight:normal;
	width:250px;
	hieght:16px;
	vertical-align:top;
	line-height:16px;
	text-align:left;
	
}


/*CLASS*/
.clear { clear: both; }
.ads {padding: 0px 4px; }
.medTxt {font-size:14px;}

/*CLASS PICTURES*/
.block {display:block; width: 130px; } 
.downloadslist { list-style: url(../imgs/icons/downloadsDk.gif); width: 150px; padding: 2px 0px 0px 24px; margin: 0px 0px; line-height: 18px; /*background: #ebecee; border: 1px solid #cccccc;*/  text-decoration:none;}
.downloadslist li a{ color:#000000 !important;}
.downloadslist li:hover{ list-style: url(../imgs/icons/downloads.gif);}
.grayline {background-color:#333333; width: 100%; height: 1px; margin: 6px 0px;}
.picrgt {float:right; border:#CCCCCC solid 1px; background: #FFFFFF; padding: 6px; margin-left: 12px;}
.floatrgt {float:right; padding: 4px 0px 0px 10px;}
.floatlft {float:left; padding: 4px 0px 0px 10px;}
.lgcolortxt {font-size:14px; text-align:center; padding: 0px; /*border: solid #21404b 1px;*/ color:#21404b;  }
.picframe {border:#CCCCCC solid 1px; background: #FFFFFF; padding: 4px; margin: 2px;}

.normallist { list-style: url(../imgs/icons/arrow.gif); width: 150px; padding: 2px 0px 0px 24px; margin: 0px 0px; line-height: 18px;  /*background: #ebecee; border: 1px solid #cccccc;*/  text-decoration:none;}
.normallist li a{ color:#000000 !important;}
.normallist li:hover{ list-style: url(../imgs/icons/arrowover.gif);}
.rgtlist { width: 130px; padding: 0px; margin: 4px; list-style:none; /*background: #ebecee;  border: 1px solid #cccccc;*/  text-decoration:none; color:#228ea8;!important;}

.centerTxt {text-align:center;
}
.featured {
 width: 160px;
 height: 150px;
 float: left;
 margin: 0px auto;
 padding: 0px 2px;
text-align:center;
font-size: 14px;
 background-color:#ffffff;
  /* font-weight: bold;*/
}


.featureLink {
float:left;
background-image:url(../imgs/graphics/featurebtn.gif);
padding: 0px auto;
margin: 0px auto;
height: 22px;
width: 141px;
color:#FFFFFF;
font: 10px #FFFFFF bold;
//border: #999999 1px solid;
text-align:center;
}

.featureLink a{
color:#FFFFFF;
font: 10px #FFFFFF bold;
}

.featureLink a:hover{
color:#FFFFFF;
font: 10px #FFFFFF bold;
}

/*CLASS FUEL BOX*/
.gasPrices {
	color:#000000;
	font-size: 1.2em;
	background-color:#FFFFFF;
	padding: 10px;
}
.gasBorder {
background-color: #45585a;
height: 1px;
}


/*Sub Navigation Menu Style*/
.subnav {
	border-left:solid #0A3C4B 1px;
	border-right:solid #0A3C4B 1px;
	 border-bottom: solid #333333 1px;
	background-color: #ebecee;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px;
	width: 148px;
}
.subnav a{
	text-decoration:none;
	font-size: 12px;
}
.subnav li:hover {
	list-style:url(../imgs/icons/arrowover.gif);
	background-color:#FFFFFF;
}
.subnavlist {
	list-style:url(imgs/icons/arrow.gif);	
	font-size: 1.2em; 
	margin: 0px 8px 0px 0px; 
	padding-top: 6px; 
	width: 148px;
}
.subnavlist li:hover {
	list-style:url(../imgs/icons/arrowover.gif);
	background-color:#FFFFFF;
}
.subnavblock {
	display:block; 
	width: 148px; 
	height: 20px; 
	border-bottom: dotted #333333 1px;
}



.histroylist { width: 350px; padding: 4px 10px 2px 10px; margin: 2px 0px; line-height: 20px; background-color:#FFFFFF;}
.boldtitles {color:#39adbb;}
.jobapptable { font-family:Arial, Helvetica, sans-serif, Verdana; font-size: 12 px; border-top: 1px #999999 solid; border-bottom: 1px #999999 solid; }
.blkLine { background-color: #000000; height: 1px;}
.whtLine { background-color:#FFFFFF; height: 10px;}
.smallTxt {font-size: 9px;}
.arrowBtn { background:url(../imgs/graphics/arrowbtn.gif) no-repeat; width:95px; height:25px; float:right;
}




/*EI 6 Browswer */

*html.subuls{
display: none;
width: 10px;
background:url(../imgs/graphics/bluebox.gif);
border: 1px solid #3afaff;
}

*html.subuls li{
display:block;
width: 100%;
font-size: .9em;
}

*html.subuls li a{
display:block;
text-decoration: none;
color:#a1f4f9;
border: 0px;
font-size: 1.1em;
}

*html.subuls li a:hover {
display:block;
background-color:#081A23;
text-decoration:none;
color:#FFFFFF;
border: 0px;
font-size: 1.1em;
}

*html .subnav {
	border-left:solid #0A3C4B 1px;
	border-right:solid #0A3C4B 1px;
	 border-bottom: solid #333333 1px;
	background-color: #ebecee;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px;
	width: 134px;
}
*html
.subnav a{
	text-decoration:none;
}
*html
.subnav li:hover {
	list-style:url(../imgs/icons/arrowover.gif);
	background-color:#FFFFFF;
}
*html
.subnavlist {
	list-style:url(../imgs/icons/arrow.gif);	
	font-size: 1.2em; 
	margin: 0px 8px 0px 0px; 
	padding-top: 6px; 
	width: 134px;
}
*html
.subnavlist li:hover {
	list-style:url(../imgs/icons/arrowover.gif);
	background-color:#FFFFFF;
}
*html
.subnavblock {
	display:block; 
	width: 134px; 
	height: 20px; 
	border-bottom: dotted #333333 1px;
}

*html
#cssdropdown, #cssdropdown ul {
position: absolute;
	top: 50px;
	padding: 0px;
	margin: 0px;
	left: 100px;
	z-index: 100;
list-style: none;
}

*html
#cssdropdown li {
	float: left;
	position: relative;
}

*html
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 20px;
left: 0px;
line-height: 20px;
}

*html
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}