﻿body { font-family: Arial, Sans-Serif;	margin: 3px; font-size:12px; /*background-image: url(/images/main_background.gif); background-repeat:repeat-x;*/}
a:link, a:visited{ color:#004990;}
a:hover{ color: #cc0066;}
#wrapper{width:800px; margin: 0 auto; background-color: #ffffff;}
#outline{width:800px; border: solid 1px #6699CC; clear:both; background-color: #ffffff; text-align:center;}
#container{}
#midContainer{ width:685px; text-align:left; margin: 10px auto;}
#copyright{font-size: 10px; color: #666666; padding-top: 5px; width: 780px;}

.rnb{float:right;}
.rnb a:link, .rnb a:visited{ color: #666666;}
.rnb a:hover{color: #B01175;}
.fleft{float:left; margin-left: 20px;}

.clearing{margin:0; padding:0; clear:both;}
.flash{padding: 10px 0px 10px 0px;}
.center{width: 685px; margin: 0 auto; text-align: center;}
.center table{ text-align: left;}
#bottom{ background-image:url(/images/grad_bottom.gif); background-position: bottom; width:800px; height:150px;}

.contactTable{ vertical-align:top; text-align:center;}
.contactTable th{ vertical-align:top;}
.contactTable td{ border: solid 1px #cccccc;}
.contactTable .blank{ border: white; height:15px;}


/**** MSCL NAVIGATION STYLES ***
#tNav{ width: 800px; height:189px; font-size: 10px; color:#FFFFFF; overflow: hidden;}
#tNav a:link, #tNav a:visited { color:#FFFFFF;}
#tNav a:hover { color:#000000;}**/

/**** TOP NAV STYLES ID *****/
#topNavContainer ul { background-image: url(/images/nav_background.gif); background-repeat:no-repeat; padding:0; margin:0; float: left; width: 800px; height:22px; font-size: 11px; color:#FFFFFF; overflow:hidden;}
#topNavContainer ul li { display: inline; }
#topNavContainer ul li a { padding: 4px 12px 6px 10px; background-image: url(/images/blank.gif); color: #ffffff; text-decoration: none; float: left; border-right: 1px dotted #FFFFFF; }
#topNavContainer ul li a:hover { background-color:#FFFFFF; color: #004990; }
#topNavContainer ul li .active { background-image: url(/images/blank.gif); background-color:#FFFFFF; color: #004990; }
.topNavContainer .active a:hover { background-image: url(/images/nav_background.gif); color: #FFFFFF; }


/**** HOME TEXT STYLES ********/
.homeCopy{ margin: 10px 60px 0px 60px; text-align: left; font-size: 11px;}
#homeMidContainer{ float:left; width:685px; text-align: left; font-size: 12px;}
#homeMidLeftCntr{ float:left; width:226px; }
#homeMidRtCntr{ float:left; margin-left:20px; width: 395px;}

#homeListSpecial{ float:right; margin: 15px 20px 0 0; list-style-type: none; font-size:13px; color:Red; }
#homeListSpecial ul{ margin:0px; padding:0; list-style-type: none;}
#homeListSpecial li{ margin: 0 20px 3px 0; width: 160px;}
#homeListSpecial a{ display: block; padding: 2px 2px 2px 24px; width: 159px; background-image: url(/images/bullet3.gif); background-repeat:no-repeat; background-position: 2px 2px; color:Red; font-weight:bold;}
#homeListSpecial a:link,#homeListSpecial a:visited{ color:Red; font-weight:bold;}
#homeListSpecial a:hover{ background-image: url(/images/bullet4.gif); color:#004990; text-decoration: none;}
#homeListSpecial #active a:link, #homeListSpecial #active a:visited, #homeListSpecial #active a:hover{ border: 1px solid #333; background-color: #FF6600; background-image: url(images/l1_over.gif); color: #333;}

.hGradVert{float:right; width: 1px; margin: 0; padding:0;}

/**** TEXT STYLES ********/
.note{ font-size:9px;}
sup{ font-size:8px;}
.bold{ font-weight: bold;}
.req{ color: #ff0000; font-weight: bold; font-size: 9px;}
.reqLrg{ color: #000000; font-weight: bold; font-size: 10px;}
.std{ font-size: 11px;}

/**** HOME MARGIN STYLES 

#homeLeftMargin{ float:left; display: inline; width:145px; margin-left:58px; text-align: left;  }
#homeRightMargin{ float:left; display: inline; margin-left:20px; text-align: left; width:350px;  }
#homeCenterMargin{ float:left; display: inline; margin-left:20px; margin-bottom:20px; text-align: left; clear: right;}
.homeArticle { font-size: 11px; text-decoration: none; padding-top: 8px; padding-bottom: 8px; border-bottom: dotted 1px #cccccc; }
.homeArticle a:link, .homeArticle a:visited { font-size: 11px; text-decoration: none; color: #004990; }
.homeArticle a:hover { color: #CC0066; }
#homeBot{ margin-right:auto; margin-left:auto; }
*/

/* HEAD STYLES */
h1{ font-size: 22px; color:#004990; margin-top: 0px; margin-bottom: 10px; margin-right:0; padding-bottom:10px; padding-right:0; }
h2{ font-size: 16px; color:#004990; margin-bottom: 2px; border-bottom: solid 1px #004990; text-align:left; }
h3{ font-size: 12px; color:#000000; margin-bottom: 2px;}


/**** LEFT NAV STYLES ****/
.leftLinks{ margin:0; padding:0;}
.leftLinks ul{ margin:0; padding:0; list-style-type: none;}
.leftLinks li{ margin:0; text-decoration:none; font-size: 11px; }
.leftLinks li a { display: block; padding: 5px 0px 7px 5px; width: 141px;}
.leftLinks li a:link, .leftLinks li a:visited{ text-decoration:none; color: #004990;  border-bottom: dotted 1px #004990; }
.leftLinks li a:hover{ color: #004990; background-image: url(/images/over2.gif); }

.leftLinks li a#lactive{}
#lactive{ color: #004990; background-color:#a2c5e5; background-image: url(/images/sub/grad_blue-grey_1.gif);}
#lactive a:link, #lactive a:visited{ color: #004990; background-image: url(/images/sub/grad_blue-grey_1.gif);}
#lactive a:hover{ color:#004990; background-image: url(/images/sub/grad_white-grey_1.gif);}

.lactive{font-weight: bold;}
.leftLinks ul .subs {background-color:#ffffff;}
.leftLinks li a#sactive { font-weight: bold;}

.subs { background-color:#ffffff;}
.subs ul{ font-weight: normal;}
.leftLinks li a.subs { background-color:#ffffff;}
.subs a:link, .subs a:visited { background-image: url(/images/sub/grad_blue-grey_1.gif); color:#004990;}
.subs a:hover { color:#004990; background-image: url(/images/sub/grad_white-grey_1.gif);}

.leftMarginPush{width: 167px; float:left;}

/**** MARGIN STYLES ******************************************************************************/
#leftMargin{ float:left; width:147px; margin-top:77px; margin-left:0px; padding:0; text-align: left;}
.leftMarginLines{ border-top: solid 1px #004990; border-right: dotted 1px #004990;  }
#rightMargin{ float:right; margin:0; padding: 0 0 20px 0; text-align: left; width:633px; }
#rightMarginContent{ margin-right: 20px; font-size: 12px; text-align: left; }    
#centerMargin{ float:left; margin-left:20px; text-align: left; clear: both; }    
#fullMargin{float:left; margin-left:20px; padding-right:0px; padding-bottom:20px; text-align:left;}

/**** BREADCRUMB STYLES ******************************************************************************/
#breadcrumbs{ color: #cc3333; float:left; margin: 40px 0px 0px 58px; font-size: 9px; text-align:left;}
.breadcrumb { color: #999999; font-weight: bold;}
/*.breadcrumbsNoLMar{ padding-left: 147px;}
.breadcrumbup { color: #999999;}*/
.breadcrumbactive { color: #004990; font-weight: bold;}
.breadcrumb a:link,.breadcrumb a:visited  { color: #cc3333;}
.breadcrumb a:hover { color: #009933;}

/**** LIST STYLES ********/
llContainer{ margin-top: 20px; margin-left: 20px; border-top: solid 2px #004990; width: 141px;}
.listLinks{margin:0; padding:0; list-style-type: none; }
.listLinks ul{ margin: 0; padding: 0; list-style-type: none;    }
.listLinks li{ margin:0; text-decoration:none; font-size: 11px; }
.listLinks a { display: block; padding: 5px 5px 7px 5px; border-bottom: dotted 1px #004990;    }

.listLinks a:link, .listLinks a:visited{text-decoration:none; color: #004990; }

.listLinks a:hover{ color: #004990; background-image: url(/images/over2.gif); }
.listLinks li a#active{ border-right:none; color: #004990; background-image: url(/images/over2.gif);}
.listLinks #llFirst{border-top: solid 2px #004990; }

/**** BACK TO TOP STYLES ******************************************************************************/
.bttContainer{ float:left; text-align:right; margin-top: 20px;}

.btt{ display: block; float:right; color: #9395b1; font-size: 10px; font-weight: bold; padding-top: 10px; overflow:hidden;}
.btt h3{ padding: 7px 25px 7px 20px; }
.btt a:link, .btt a:visited { background-image: url(/images/common/btn_arrow_up_off.gif); background-repeat: no-repeat; padding: 7px 0px 7px 20px; }
.btt a:hover { background-image: url(/images/common/btn_arrow_up_on.gif); background-repeat: no-repeat; background-color: #ffffff; text-decoration: none; }

#hidImg{ visibility: collapse; overflow: hidden; display:none; height:1px; }

/*** TABLE STYLES ***/
table#tTight{ padding:2px;}
table.tMed{ padding: 4px;}
table #stdFull{ width: 100%; font-size: 12px;}
#pTable{}

td {font-family: Arial, Helvetica, sans-serif; font-size:10px; vertical-align: top;padding: 4px;}
td.center{text-align:center;vertical-align:middle;}
.tdOdd{padding: 6px; border: solid 1px #CCCCCC;}
.tdEven{ background-color: #9BCDFF; padding: 6px;}

.trOdd{ background-color: #DFEFFF;padding: 6px;	}
.trEven{ background-color: #9BCDFF;padding: 6px;}
.trOddLt{ background-color: #DFEFFF;padding: 2px;}
.trEvenLt{ background-color: #9BCDFF;padding: 2px;}
th { font-size: 10px; font-weight: bold; background-color:#540607; color: #ffffff; vertical-align: bottom; padding: 6px; }
th.center{ text-align: center;}
th.vTop { vertical-align:top;}
th.top{ vertical-align:top;}
th a:link{color:#ffffff;}
th a:hover{color:#ff0066;}

#oilTable{
    padding-right: 10px;
    margin-top:10px;}
#oilTable td{
    padding-right: 10px;}

.tc100px{width:100px; padding:0; margin:0;}
.tcw100{width:100px; padding-bottom:5px; margin:0;}
.tcw80{width:100px; padding-bottom:5px; margin:0;}
.tcw30{width:30px; padding-bottom:5px; margin:0;}
.trCompHead{font-weight: bold; }

.footnote{ font-size: 9px;}


/**** SUB NAVIGATION STYLES ******************************************************************************/
#subNavContainer{ margin:5px 0; padding:0; font-size:11px; width: 685px; background-color:#DDDDDD;}
#subNavContainer ul{ list-style: none; margin: 0; padding: 0; border: none;}
#subNavContainer li{display: block; margin: 0; padding: 0; float: left;}
#subNavContainer a{ color: #444; display:block; width:auto; text-decoration: none; background: #DDDDDD; margin:0; padding: 2px 10px; border-right: dotted 1px #000000;}
#subNavContainer a.active:link, #subNavContainer a.active:visited{ position: relative; z-index: 102; background: #BBBBBB; font-weight: bold;}
#subNavContainer a:hover, #subNavContainer a:active, #subNavContainer #active { background: #990000; color:#ffffff; }

#subnav{position: relative; top: -1px; z-index: 101; margin: 0; padding: 0px 0 3px 0; background: #BBBBBB; border-top: 1px solid #fff; border-bottom: 1px solid #aaa;}
#subnav ul{list-style: none;margin: 1px 0 0px 13px;padding: 0px;border-right: 1px solid #fff;border-left: 1px solid #aaa;}
#subnav li{position: relative;z-index: 102;display: block;margin: 0;padding: 0;float: left;width: auto;}

#subnav a{color: #fff; display: block; width: auto; text-decoration: none; margin: 0; padding: 2px 12px 2px 10px;}
#subnav a:hover, #subnav a:active { color: #444; }
#subnav a.active:link, #subnav a.active:visited { color: #444; }
#subnav br, #subNavContainer br { clear: both; }

#linkContainer{ margin:0; padding:0; font-size:11px; background-color:#DDDDDD; float:right;}
#linkContainer ul{ list-style: none; margin: 0; padding: 0; border: none;}
#linkContainer li{display: block; margin: 0; padding: 0; float: left;}
#linkContainer a{ color: #444; display:block; width:auto; text-decoration: none; background: #DDDDDD; margin:0; padding: 2px 10px; border-left: solid 1px #ffffff;}
#linkContainer a.active:link, #subNavContainer a.active:visited{ position: relative; z-index: 102; background: #BBBBBB; font-weight: bold;}
#linkContainer a:hover, #subNavContainer a:active, #subNavContainer #active { background: #990000; color:#ffffff; }

.fLeft{float:left;}
.fLeftwSpc{float:left; width:}
/* top, right, bot, lft*/ 