/* CSS Document */



/* Major Stuff - Page divs and formatting */

body{
text-align: center;
margin: 0;
background: #e6ebf0;
position: relative;
}
#wrapper{
background: url(images/background.gif)  repeat-x;
width: 100%;
margin: 0;
padding: 0;
}
#body{
width: 950px;
background: url(images/bodybg.jpg) repeat-y;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#header{
position: relative;
z-index: 0;
height: 94px;
margin: 0px 0 20px 0px;
background: url(images/headerbg.jpg) no-repeat;
padding: 0px 23px 0 23px;
}
#header img{
margin: 15px 0 0 15px;
padding: 0;
}
#header p{
display: block;
float: right;
width: 660px;
margin: 3px;
padding: 0;
font-size: 12pt;
font-family: Impact, Impact5, Charcoal6, sans-serif;
color: #868686;
}
#header p .small{
font-size: 10pt;
}

#header2{
float: right;
width: 680px;
background: #223a77;
margin: 10px 0 10px 0;
}
#header2 h1{
color: #fff;
font-family: Impact, Impact5, Charcoal6, sans-serif;
padding: 0;
margin: 5px 5px 5px 15px;
font-size: 18pt;
font-weight: normal;
}

#header3{
float: right;
width: 560px;
background: #223a77;
margin: 15px 0 10px 0;
}
#header3 h1{
color: #fff;
font-family: Impact, Impact5, Charcoal6, sans-serif;
padding: 0;
margin: 5px 5px 5px 15px;
font-size: 18pt;
font-weight: normal;
}







/*Table Styles*/
table{
clear: right;
margin: auto;
border-collapse: collapse;
}
td{
border-right: 2px solid #fff;
padding: 3px;
margin: 0;
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
td a{
text-align: center;
}
th{
text-align: center;
padding: 3px;
font-family: Arial, Arial, Helvetica, sans-serif;
color: #ca181d;
}

.grey{
background:#e6ebf0; 
}
.white{
background:#fff; 
}
.rightnav{
float: right;
position: relative;
clear: both;
}


#menu{
background: url(images/menustripegrad.jpg) #ca181d repeat-y left;
padding: 10px;
height: 20px;
margin: 0;
position: relative;
float: right;
width: 670px;
}
#menu a img{
position:relative
float: right;
color: #fff;
margin: 0;
padding: 0;
border: none;
}

#main{
margin: 0px 23px 0px 23px;
}
#main p{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin:  20px;
}
#main ul li{
list-style-image: url(images/bullet.gif);
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0 0 0 20px;
padding: 0;
}
#main h2{
color: #223a77;
font-family: Impact, Impact5, Charcoal6, sans-serif;
padding: 0;
margin: 0 0 0 10px;
font-size: 12pt;
font-weight: normal;
}


#address{
margin: 30px 0 0 10px;
display: block;
width: 190px;
float: left;
clear: both;
}
#address p{
margin: 3px;
padding: 0;
font-size: 12pt;
font-family: Impact, Impact5, Charcoal6, sans-serif;
color: #868686;
}
#address p .small{
font-size: 10pt;
}
#address p .smaller{
font-size: 10pt;
font-family: Arial, Arial, Helvetica, sans-serif;
}


#call{
margin: 25px 20px 0 0px;
float: right;
width: 600px;
}
#call ul{
margin: 2px 0 0 0;
padding: 10px;
font-size: 12pt;
background: #e7ecf1;
color: #868686;
}
#call h3{
background: #868686;
color: #fff;
margin: 0;
padding: 5px;
font-family: Impact, Impact5, Charcoal6, sans-serif;
font-weight: 500;
}
#call ul li{
font-size: 10pt;
font-family: Arial, Arial, Helvetica, sans-serif;
}



/* Keyword Formatting */

.subject{
color: #787878;
font-family: Arial, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0 0 0 0px;
font-size: 13px;
font-weight: bold;
}



/* Sidebar */
#side{
width: 315px;
float: left;
margin: 0px 0px 0 10px;
}
#side img{
float: left;
margin: 0px 0 0 10px;
padding: 0;
postion: relative;
z-index: 200;
}



/* Standard Page Formatting */

#standardpagecontent{
padding: 10px;
}
#standardpagecontent img{
float: left;
position: relative;
z-index: 200;
margin: 10px 30px 10px 10px;
padding: 0;
}
#standardpagecontent a{
color: #223a77;
}

/* Home Page Formatting */

#homepagecontent{
width: 560px;
float: right;
background: #eaeef2 url(images/contentbg.jpg) repeat-x;
}
#homepagecontent img{
float: left;
position: relative;
z-index: 200;
margin: 10px 30px 10px 10px;
padding: 0;
}
#homepagecontent h2{
color: #ca181d;
font-family: Impact, Impact5, Charcoal6, sans-serif;
padding: 0;
margin: 20px;
font-size: 18px;
font-weight: normal;
}
#whitebox{
background: #fff;
margin: 20px;
padding: 1px;
}
#whitebox h2{

font-size: 16px;
}



/* Filter Media Page Formatting */

#leftcol{
width: 350px;
float: left;
position: relative;
margin: 20px 0 10px 170px;

}
#rightcol{
width: 350px;
float: left;
}





/* Tanks Page Formatting */

#tankspagecontent{
padding: 10px;
margin: 0;
background: #e6ebf0 url(images/tanksbg.jpg) repeat-x;
height: 560px;
}
#tankspagecontent img{
float: left;
position: relative;
top: 22px;
left:2px;
z-index: 200;
margin: 6px;
padding: 0;
}
/*Individual Tank Pages Formatting */

#tankpagecontent{
margin: 0;
float: left;
background: #e6ebf0 url(images/tanks-bg.jpg) repeat-x;
width: 576px;
}
#tankpagecontent img{
float: left;
position: relative;

left:20px;
z-index: 200;
margin: 0;
padding: 0;
}
#tanknav{
float: right;
width: 315px;
}
#tanknav img{
margin: 10px 13px 0 0;
}
#description{
width: 400px;
float: right;
}
#description h2{
color: #ca181d;
font-family: Impact, Impact5, Charcoal6, sans-serif;
padding: 0;
margin: 20px;
font-size: 18px;
font-weight: normal;
}
#description h2 a{
font-family: Impact, Impact5, Charcoal6, sans-serif;
padding: 0;
font-size: 18px;
font-weight: normal;
color: #223a77;
}
#description p{
padding:0 10px 0 0;
}
#description ul{
padding:0 10px 0 0;
}




/* Primary Nav */

#menu a:link{
font-size: 14px;
font-family: Impact, Impact5, Charcoal6, sans-serif;
text-decoration: none;
color: #fff;
font-weight: normal;
background: none;
padding: 0 15px 0 0;
text-align: center;
float: right;
margin: 0 10px 0 10px;
}
#menu a:link img{
padding: 0;
text-align: center;
border-right: none;
}
#menu a:visited{
font-size: 14px;
font-family: Impact, Impact5, Charcoal6, sans-serif;
text-decoration: none;
color: #fff;
font-weight: normal;
background: none;
padding: 0 15px 0 0;
text-align: center;
float: right;
margin: 0 10px 0 10px;
}
#menu a:hover{
font-size: 14px;
font-family: Impact, Impact5, Charcoal6, sans-serif;
text-decoration: none;
color: #fff;
font-weight: normal;
background: none;
padding: 0 15px 0 0;
text-align: center;
float: right;
margin: 0 10px 0 10px;
}




/* Footer Stuff */

#footer{
width: 950px;
height: 52px;
clear: both;
background: url(images/footerbg.jpg) no-repeat bottom;
padding: 0 0 10px 0;
margin: 0;
}
#footer p{
display: block;
font-weight: bold;
font-size: 12px;
font-family: Arial, Arial, Helvetica, sans-serif;
color: #787878;
padding: 18px 0 0 0;
text-align: center;
height: 23px;
width: 930px;
clear: left;
clear: right;
margin: 0px 10px 0px 10px;
}
#footer a{
font-weight: bold;
font-size: 10px;
font-family: Arial, Arial, Helvetica, sans-serif;
color: #787878;
padding: 8px 0 0 0;
text-align: center;
text-decoration: none;
margin: 0px 10px 0px 10px;
}