/* troubleshootin */
/* div { border: 1px solid #f00; } */

/* general styles */
body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
#centeringWrap { width: 100%; text-align: center; padding-bottom:30px; float:left; }
img, img a {border: 0; }
sup {font-size: 9px; }
#logolink { visibility: visible; position: absolute; left: 0px; top: -7px;}
#logoprint{ visibility: hidden; position: absolute; left: 0px;}
#LogoCenter { position: absolute; left: 250px; top: 25px;}
#LogoLogin { position: absolute; right: 90px;}
#LogoRight { position: absolute; right: -20px; top: -7px;}
#PhoneImg { position: absolute; left: -15px;}

/* masthead styles */
#mastHead { text-align: left; border-top: 5px solid #000; background: url(../images/blue-filler.gif) 0 0 repeat; margin: 0px auto 2px auto; padding: 12px 15px 5px 12px; position:relative; height: 51px; height/* */:/**/34px; height: /**/34px; width: 760px; width/* */:/**/733px; width: /**/733px; }
#mastHead img { float: left; border: 0; padding: 0; margin: 2px 22px 0 0; }
#headText h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; background-color: transparent; color: #fff; font-weight: normal; margin: 0 0 5px 0; padding: 0; }
#utilNav { list-style-type: none;  margin:0; padding: 0;}
#utilNav li { display: block; float:left; margin: 0; padding: 0 8px; font-size: 10px; background: url(../images/img_utilnavbullet.gif) 0 2px no-repeat; line-height: 11px; }
#utilNav a { text-decoration: none; background-color: transparent; color: #fff; }
#utilNav a:hover { text-decoration: underline !important; }
#utilNav a.selected { font-weight: bold; }
#utilNav li#navNews { background: none !important; }
#utilNav li#navContact { padding-right: 0 !important; }
p#headDate { position:absolute; top:31px; right:15px; margin: 0; padding: 0; font-size: 10px; line-height: 10px; background-color: transparent; color: #b2c7e2; }
.news #navNews, .locations #navLocations, .careers #navCareers, .sites #navSites, .contact #navContact { font-weight: bold !important; }

/*global nav bar styles */
#globalNav { text-align: left; margin: 0px auto; width: 760px; height: 26px; font-size: 11px; padding: 0; position:relative; border-top: 2px solid #fff; }

#navHome {width: 47px; }
#nav1 {width: 105px; }
#nav2 {width: 90px; }
#nav3 {width: 92px; }
#nav4 {width: 75px; }
/*#nav5 {width: 68px; }*/
#navHome, #nav1, #nav2, #nav3, #nav4   {font-weight: normal !important; color: #fff; }
a.CurrentGroup {font-weight: bold !important; color: #4fa800; }

#mainNav, #mainNav ul { margin:0; padding:0; width:670px; float: right;}
#mainNav LI.menuseparator {COLOR: #0057a6;LINE-HEIGHT: 22px; width:1px;MARGIN-LEFT:-3px;MARGIN-RIGHT:-3px;}
/*#mainNav { background: url(../images/img_nav_bkgd.gif) 0 0 no-repeat; }*/
#mainNav li { position: relative; list-style: none; display:block; float:left; margin-right:1px; text-align: center; }
#mainNav li a { display: block; text-decoration: none; color: #226db2; padding: 0; height:22px; line-height:22px; }
#mainNav li a:hover { color: #fff; background-color: #0057a6; }
#mainNav ul { position: absolute; display: none; width:151px; background-color: #0057a6; left: 0; top: 22px; font-size: 10px !important; border-top: 4px solid #fff; }  
#mainNav ul ul { position: absolute; display: none; width:151px; left: 151px; top: 0; font-size: 10px; border-left:1px solid #fff; border-top: none !important; }
#mainNav li li { background-color: #0057a6; margin:0; text-align: left; }
#mainNav li li a { background: none; color: #fff; text-indent:0; padding: 3px 4px 3px 14px; height: auto; line-height:11px; width: 151px; }
#mainNav li li a:hover { background-color: #002e63; width:151px; }
#mainNav li li li a { line-height:11px; }
#mainNav li:hover ul ul, #mainNav li.over ul ul{ display: none; }
#mainNav li:hover ul, #mainNav li li:hover ul,
#mainNav li.over ul,
#mainNav li li.over ul { display: block; z-index:2000 !important; }
#mainNav li li.menuparent a { background:url(../images/img_navarrow.gif) 129px 6px no-repeat; text-indent:0; }
#mainNav li li.menuparent li a { background: none; text-indent:0; }
#mainNav li li.menuparent li a:hover { background-color: #002e63; }
#mainNav li.menuparent:hover, #mainNav li.over { color: #fff !important; background-color: #0057a6; }
#mainNav li.over a { color: #fff; }
#mainNav li.menuparent li:hover, #mainNav li li.over { color: #fff !important; background-color: #002e63; width:151px;}

#topSearch {position:absolute; top:3px; right:0; padding: 0; margin:0; height:17px; }
#topSearch input { width:105px; padding:1px 0; background:#fff; margin:0 5px 0 0; font-size:10px; line-height:11px; float:left; height:17px; height/* */:/**/12px; height: /**/12px; }
#topSearch input#searchButton {width:17px; height:17px; padding:0; margin:0; }


/* home page styles */
#homeFloatWrapper { float: left; width: 585px; margin: 0; padding: 0; }

#homeLeft { float: left; width: 230px; margin: 6px 0 0 0; padding: 0;}
#homeLeft img {margin: 0 0 12px 12px; padding: 0; }
#homeLeft dl { margin: 0 6px 0 8px; padding: 0; }
#homeLeft dt { color: #0057a6; font-weight: bold; }
#homeLeft dt a { color: #0057a6; font-weight: bold; text-decoration: none; }
#homeLeft dt a:hover {color: #002e63; }
#homeLeft dd { margin: 0 0 15px 0; padding: 0; }
#homeLeft dd a { color: #4fa800; text-decoration: none; }
#homeLeft dd a:hover { color: #002e63; }
#homeLeft dd img {margin: 0 0 0 6px; } 

#homeCenter { float: right; width: 325px; margin: 6px 0 0 -30px; padding: 0; font-size: 11px; line-height: 14px; }
#homeCenter img { margin-bottom: 11px; }
#homeCenter p { padding: 0 90px 0 0; margin: 0; }
#homeCenter ul { list-style-type: none; margin: 10px 0 0 0; padding: 0 25px 0 0; }
#homeCenter ul li { margin: 0 70px 2px 0; }
#homeCenter ul li a { color: #4fa800; text-decoration: none; }
#homeCenter ul li a:hover { color: #002e63; }
#homeCenter ul li img {margin: 0 0 0 6px; }

#homeRight { float: right; width: 225px; background-color: #e4eef6; color: #5e6062; margin: 0 0 15px -50px; padding: 0; font-size: 10px; line-height: 15px; }
#homeRight img { margin: 6px 0 11px 0; }
#homeRight dl { margin: 0 6px 0 8px; padding: 0; }
#homeRight dt { color: #0057a6; font-weight: bold; }
#homeRight dt a { color: #0057a6; font-weight: bold; text-decoration: none; }
#homeRight dt a:hover {color: #002e63; }
#homeRight dd { margin: 0 0 15px 0; padding: 0; }
#homeRight dd a { color: #4fa800; text-decoration: none; }
#homeRight dd a:hover { color: #002e63; }
#homeRight dd img {margin: 0 0 0 6px; } 

/* footer styles */
#footer { width: 748px; text-align: left; vertical-align: top; border-top: 1px solid #8b8b8a; margin: 0 auto 7px auto; padding: 7px 0 0 12px; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; clear: both; }
#footer a { text-decoration: none; color: #144476; }
#footer a:hover { color: #000; }
#footer p { display: block;  margin: 0; padding: 0; text-align: right; }
#footer img {float: left; margin: 0; padding: 0; display: inline;}

/*interior page styles */

/*Removed the pixel-placed dotted line on the left nav*/
/*#sectNav h2 {font-size: 11px; color: #fff; margin: 0; padding: 8px 12px 9px 12px; background: url(../images/img_sectnav_border.gif) 0px 26px no-repeat; }*/
#sectNav h2 {font-size: 11px; color: #fff; margin: 0; padding: 8px 12px 9px 12px; }
#sectNav {width: 145px; background: #79abd2; font-size: 9px; line-height: 10px; float: left; }
#sectNav .dottedRule { background: url(../images/img_sectnav_border.gif) 0 0 no-repeat; height: 1px; font-size: 1px; line-height: 1px; }
#sectNav ul { margin:0; padding:0; list-style:none; }
#sectNav li { margin:0; padding:0; }
#sectNav li a { padding:3px 12px 4px 21px; margin: 0; line-height:11px; display:block; color:#fff; text-decoration:none; font-size:9px; width: 145px; width/* */:/**/112px; width: /**/112px; }
#sectNav li a:hover { color:#fff; background-color: #0057a6; }
#sectNav li a.selected { background-color:#002e63; color:#fff; }


/* breadcrumb */
p.breadcrumb {margin: 0 !important; padding: 0; font-size: 9px; color: #9d9fa1; }
p.breadcrumb a { text-decoration: none; color: #9d9fa1 !important; }
p.breadcrumb a:hover { color: #002e63 !important; }
.currentPage { color: #79abd2; }

/* title band */
/* use these styles if breadcrumb on template:
#titleBand { margin: 5px 0 30px 0; padding: 0; display:block; /* position: relative; */ /*}
#titleBand h1 { font-size: 13px; color: #002e63; margin: 3px 0 0 0; padding: 0; display: block; float: left; }*/
/* no breadcrumb styles */
#titleBand { margin: -25px 0 30px 0; padding: 0; display:block; /* position: relative; */ }
#titleBand h1 { font-size: 13px; color: #002e63; margin: -3px 0 0 0; padding: 0; display: block; float: left; }
.acctAccess {display: inline; float: right; margin: 0 !important; padding: 0; }
.acctAccess a { width: 103px; height: 19px; background: url(../images/button_acctaccess.gif) 0 0; float:left; text-indent:-5000px; text-decoration:none; margin: 0 !important; padding:0; }
.acctAccess a:hover { background-position:0 -19px; }

/* .longTitle should be used on #contentMain in cases where there is a long page title *and* an account access button */
#contentMain.longTitle { margin: 0; background: url(../images/img_main_headborder.gif) 12px 62px no-repeat; }
.longTitle #titleBand { margin: 5px 0 0 0; padding: 0; height: 41px; display:block; /* position: relative; */ }
.longTitle #titleBand h1 { font-size: 13px; color: #002e63; margin: 3px 0 0 0; padding: 0; display: block; width: 240px; float: left; }
.longTitle #titleBand .acctAccess {display: inline; float: right; margin-top: 14px !important; padding: 0; }

p.intro {font-size: 11px; line-height: 17px; margin: 0 0 15px 0; padding: 0; clear:both; }

/* sidebar */
#contentSidebar { width: 180px; background-color: #e4eef6; padding: 0 0 10px 0; margin: 0 0 15px 0; float: right; }
.sidePic { margin: 0; padding: 0; border-bottom: 4px solid #fff; }
#contentSidebar h2 { font-size: 9px; color: #002e63; padding: 8px 12px 4px 8px; margin: 0; }
#borderWrapper { background: url(../images/img_sidebar_border.gif) 0px 0px no-repeat; padding-top: 2px; }
#contentSidebar ul { margin: 0; padding: 0; list-style-type: none; font-size: 9px; font-weight: bold; }
#contentSidebar li { padding: 4px 12px 4px 8px; margin: 0; }
#contentSidebar ul.reports { margin: 6px 0 3px 0; }
#contentSidebar .reports li { padding: 1px 12px 1px 8px; }
#contentSidebar ul.reports li img, #contentMain .arrow { margin: 0 0 0 6px; }
#contentSidebar ul.reports li a { text-decoration: none; color: #4fa800; }
#contentSidebar ul.reports li a:hover { color: #002e63; }
#contentSidebar ul li a { text-decoration: none; color: #0057a6; }
#contentSidebar ul li a:hover { color: #002e63; }

/* login form */
#login table, #login td { border-collapse: collapse; }
#login table {margin-top: 15px; }
#login td { padding-bottom: 10px; }
#login td.labels { padding-bottom: 2px; }
#userid, #password { font-size: 11px; }
#userid, #password { width: 105px; }
#help, #submit {margin-left: 10px; }
#login label {font-size: 11px; }

#homeFlash {width: 760px; height: 100px; vertical-align: top; margin: 0 auto; padding: 0; z-index: 2; text-align: left; }
#homeFlash object, #homeFlash embed { float: left; margin: 0; padding: 0; }

/* web forms styles */
#WebFormBuilder table.border{background-color:#fff; border: 1px solid #cccccc; }
#WebFormBuilder td.title{background-color:#002e63;	padding-top:4px; padding-right:4px; padding-bottom:4px; padding-left:4px; color:#FCFCFC; font-weight:bold; font-size:10pt;text-align:center; height:30; font-variant : small-caps;}