﻿
/* sections within this document:
==layout
==general
==table specific
==form specific
*/

/* colors:
dark blue: 004d6e;
gold: bbae41;
grey border: bcbec0;
*/

/* ==layout styles */
body { background-color: #fff; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; color: #636466; }

img {border: 0px; outline: 0px;}
#container { width: 965px; background: url(Images/layout-content-bg.png) repeat-y left top #FFF;margin: 21px auto;text-align: left;} 

#colMain {width: 700px; padding: 0px 10px;}
.col600 {width: 600px; padding: 0px 10px;}
.col250 {width: 250px; padding: 0px 10px;}
#colSide {width: 160px; padding: 20px 20px; background-color: #bbae41;}

/* Header */
#header { background: url(Images/layout-header-bg.png) no-repeat left top #FFF; height: 82px;padding: 0 10px 0 20px; } 
#header h2 {margin: 0;font-size: 11px;letter-spacing: .2em;color: #FFF;background: transparent;}
#header .left {	float: left; margin: 28px 0 0 15px; width: 208px;}

/*  \*/
html body #header .left {}

/*  */
#header .center {float: left;width: 405px;margin: 35px 0;}
#header .right {float: left;width: 240px;margin: 30px 0px 28px 0px;}

/* Global Nav */
#global-navigation {background: url(Images/nav-global.gif) no-repeat; width:949px; height:41px; margin:0 0 0px 8px; padding:0; border: solid 0px #000;}
#global-navigation span {display: none;}
#global-navigation li, #global-navigation a {height:41px;display:block;}
#global-navigation li {float:left;list-style:none;display:inline;}
.global-navigation-01 {width: 148px;}
.global-navigation-02 {width: 148px;}
.global-navigation-03 {width: 148px;}
.global-navigation-04 {width: 148px;}
.global-navigation-05 {width: 148px;}
.global-navigation-06 {width: 209px;}
.global-navigation-01 a:hover {background:url("Images/nav-global.gif") 0px -41px no-repeat; }
.global-navigation-02 a:hover {background:url("Images/nav-global.gif") -148px -41px no-repeat; }
.global-navigation-03 a:hover {background:url("Images/nav-global.gif") -296px -41px no-repeat; }
.global-navigation-04 a:hover {background:url("Images/nav-global.gif") -444px -41px no-repeat; }
.global-navigation-05 a:hover {background:url("Images/nav-global.gif") -592px -41px no-repeat; }
.global-navigation-06 a:hover {background:url("Images/nav-global.gif") -740px -41px no-repeat; }
.global-navigation-01-act {background:url("Images/nav-global.gif") 0px -82px no-repeat; width: 148px;}
.global-navigation-02-act {background:url("Images/nav-global.gif") -148px -82px no-repeat; width: 148px;}
.global-navigation-03-act {background:url("Images/nav-global.gif") -296px -82px no-repeat; width: 148px;}
.global-navigation-04-act {background:url("Images/nav-global.gif") -444px -82px no-repeat; width: 148px;}
.global-navigation-05-act {background:url("Images/nav-global.gif") -592px -82px no-repeat; width: 148px;}
.global-navigation-06-act {background:url("Images/nav-global.gif") -740px -82px no-repeat; width: 209px;}

/* ==general styles */

h1 {font-size: 16px; margin-bottom: 20px;}
h2 {font-size: 14px; margin-bottom: 5px; padding-top:3px; line-height:25px;}
h3 {font-size: 12px;}

p {margin: 0px 0px 10px 0px;}

ul {margin-top:0px; list-style-type:square;}

br {padding-bottom:0px; margin-bottom:0px;}


a:link, a:visited {color: #004d6e; text-decoration: none;}
a:hover {text-decoration: underline;}

a.whiteLink, a.whiteLink:visited {color: #FFF; text-decoration: none; font-size: 13px; font-weight: normal;}
a.whiteLink:hover {text-decoration: underline;color: #004165}

a.whiteLinkhead, a.whiteLinkhead:visited {color: #FFF; text-decoration: none; font-size: 12px; font-weight: bold; margin-right:-10px;}
a.whiteLinkhead:hover {text-decoration: underline;color: #FFF}

a.noclass, a.noclass:visited, a.noclass:hover {color: #AEA444; text-decoration: none; font-weight: bold;}
a.noclassSpace {margin-left:20px;}

bold, a.bold, a.bold:visited, a.bold:hover {font-weight: bold;}


.goBtn {margin-top:2px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.goBtn {margin-top:-2px;}}



.archiveLinks {float: left; width: 58px; color: #004165;}
.archiveLinks a {}
.archiveLinks a:hover {color:#5e9cae; text-decoration:none;}
.archiveLinks a:visited {}

.floatRight {float: right;}
.floatLeft {float: left;}
.listofServices li {margin-left:-25px;}

.clearBoth {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.vTop {vertical-align: top;}
.vMid {vertical-align: middle;}

.w560 {width: 560px;}
.w262 {width: 262px;}
.pt5 {padding-top:5px;}
.mtn20 {margin-top:-20px;}
.mr30 {margin-right: 30px;}
.ml15 {margin-left: 15px;}
.pl14 {padding-left: 10px; padding-bottom:5px; padding-right:15px; text-align:right; border:solid 0px #000; vertical-align:middle;}
.pl20 {padding-left: 20px;}
.pr15 {padding-right: 15px;}
.pr10 {padding-right: 10px;}
.pt2 {padding-top: 20px;}
.pt8 {padding-top:8px;}
.mt30 {margin: 30px 6px 20px 10px;}

.viewAllProjects {margin-left:-65px; font-size:11px;}
.txt_projDetail {padding: 24px 29px 0px 29px; line-height: 18px; font-size:12px; color: #636466;}
.txt_projDetail2 {padding: 8px 34px 20px 34px; line-height: 18px; font-size:12px; color: #636466;}
.txt_projDetailSubpage {padding: 8px 0px 20px 24px; line-height: 18px; font-size:12px; color: #636466;}
.txt_projDetailSH { color: #636466; line-height: 18px;  margin-top: -4px; padding-bottom: 21px; width: 644px;}
.txt_projDetailSH h2 {color:#404040; font-size:18px; margin:0px; padding: 0px;}

.HeroPad {padding: 6px 0 20px 6px;}
.HeroPadSubpage {padding: 6px 0 0px 6px;}
.HomeFlashPad {padding: 6px;}

/* Main */

#mainContentCONTR {margin: 6px 0px 18px 44px; width: 662px; padding: 6px 6px 0px 6px;background: #FFF;} 
#mainContentPROJ {width: 659px; margin: 6px 0px 18px 44px; padding: 20px 6px 20px 9px;background: #FFF;} 
#mainContent {  padding: 20px 14px 20px 14px;background: #FFF;} 
.frntContainer {width:893px; margin-left: 44px; margin-bottom:6px;}
.frntContainer2 {width:880px; margin-left: 44px; vertical-align:top;}
.frntWhite {width:672px; background:#FFF; border-bottom:solid 14px #5d9cae;}
.frntWhite2 {background:#FFF; padding:6px;}


/* Search Right Column */
.searchRightCol {height: 300px; width: 207px; background: url(../../Images/bg-searchBox.png) left top no-repeat transparent; padding: 12px 12px 0 0; }

.searchRightColStretch {width: 207px; background: url(Images/bg-rightNav-420h_2.gif) left top no-repeat transparent; padding: 18px 12px 0 0; text-align: left;}
.searchRightColBkgd {width: 207px; background: url(Images/bg-rightNav-repeatShadow.gif); background-repeat:repeat-y; text-align: left;}

.searchRightCol420h {height: 420px; width: 207px; background: url(Images/bg-rightNav-420h.png) left top no-repeat transparent; padding: 18px 12px 0 0; text-align: left;}
.searchRightCol460h {height: 460px; width: 207px;background: url(Images/bg-rightNav-460h.png) left top no-repeat transparent; padding: 18px 12px 0 0; text-align: left;}
.searchRightNav {margin-left: 8px;}

.searchLineSpacing {line-height:0px;}

.rightNav-grey a, .rightNav-grey a:visited { color: #e6e6e6;}
.rightNav-grey a:hover { color: #e6e6e6; text-decoration: none;}
.rightNav-white a, .rightNav-white a:visited { color: #FFF;}
.rightNav-white a:hover { color: #004165; text-decoration:none;}
.rightNav-white {color: #FFF;}

/* Footer */

#footer { padding: 16px 86px 0 20px;background: url(Images/layout-footer-bg.png) no-repeat left bottom #FFF;height: 38px; color: #5e9cae; font-size: 10.5px; text-align: right;} 
#footer p {margin: 0;padding: 10px 0;}

a.footerNav, a.footerNav:visited {color: #5e9cae; text-decoration: none;}
a.footerNav:hover {text-decoration: underline;color: #FFF}

/* Title Bars */

.title_featProj {width: 646px; height: 38px; }
.title_featProj { background: url(Images/title_frnt-featuredProjects.gif) transparent center top no-repeat;}
.title_projDetail {width: 646px; height: 38px; padding-bottom: 12px; margin-top: -6px;}
.title_projDetail { background: url(Images/body-title-projDetail-frnt.png) transparent center top no-repeat;}
.title_searchR {width: 646px; height: 38px; padding-bottom: 12px; margin-top: -6px;}
.title_searchR { background: url(Images/body-title-searchR-frnt.png) transparent center top no-repeat;}
.title_search {width: 646px; height: 38px; padding-bottom: 12px; margin-top: -6px;}
.title_search { background: url(Images/body-title-search-frnt.png) transparent center top no-repeat;}

/* ==table styles */
.tblRelatedProjectsListing {width: 248px; height: 350px;}
.tblRelatedProjectsListing td { width:124px; height: 175px; vertical-align:top; padding-bottom:10px; border: solid 1px #000;}
.tblProjectsListing710 {width: 710px;}
.tblProjectsListing740 {width: 740px;}
.tblProjectsListing {width: 642px;}
.tblProjectsListingNews {width: 100%;}
.tblProjectsListing th, .tblProjectsListing740 th, .tblProjectsListing710 th, .tblProjectsListingNews th {border-bottom: 1px solid #B3B3B3; padding: 0px 5px 5px 0; text-transform: uppercase; text-align: left; color: #AEA444; letter-spacing: 1px;}
.tblProjectsListing740 td, .tblProjectsListing710 td, .tblProjectsListingNews td {border-bottom: 1px solid #B3B3B3; padding: 10px 10px 10px 0; vertical-align: top; }
.tblProjectsListing img, .tblProjectsListing740 img, .tblProjectsListing710 img, .tblProjectsListingNews img {padding-top: 3px;}
.tblProjectsListing2 tr {border-bottom: 1px solid #b3b3b3; vertical-align:top; }
.tblProjectsListing2 img {padding-top:4px;}
.tb33 {width: 33%;}
.bordBot {border-bottom: 1px solid #B3B3B3;}
.padusers {padding: 4px;}
.recUpdated {font-size: 11px;}
.YellowTitles {text-transform: uppercase; text-align: left; color: #AEA444; font-weight: bold; font-size: 13px; letter-spacing: .1em; padding-bottom: 8px;}
.PeopleTablePad {padding-right: 30px;}

/* ==form styles */
.tb100 {height: 17px; width: 100px; margin: -4px 0 3px 0;}
.tbl100{width:100%;}
.tb100QS {height: 18px; width: 130px; margin: -1px -6px 0 18px; border: #bcbec0 1px solid; padding-top: 3px;}
.tb120{width:120px; padding-left: 20px; font-size:11px;}
.tb120a{width:120px; padding-left: 0px; font-size:11px;}
.tb90a{width:90px; padding-left: 0px; font-size:11px;}
.tb150 {width: 150px; padding: 10px 10px 10px 0px; vertical-align:top;}
.tb150a {width:150px; padding-left: 0px; font-size:11px;}

.tb150TextTop { vertical-align:text-top; padding-top:10px;}
.tb150TextTop p {padding:0px; margin:0 0 5px 0; line-height:15px;}
.tbBorderBottom {border-bottom:1px solid #B3B3B3; height:1px;}


.tb200 {height: 17px; width: 200px;}
.dd200 {height: 21px; width: 204px;}
.btn {display: inline-block; vertical-align:top; background-color: #fff; border: #bcbec0 1px solid; color: #004d6e; padding: 3px 5px;}
.btnQS {display: inline-block; vertical-align:top; background-color: #fff; border: #bcbec0 1px solid; color: #004d6e; padding: 6px 5px; font-size: 10px; font-weight: bold;}
.dropdowns280 {height: 21px;width: 280px;}
.sortBy166 {width: 166px; margin-top: 4px;}
.qsfield {height: 18px; width: 126px; background-color: #ffffff; border: solid 1px #cbcbcb; font-size:11px;}
.srchfield {height: 16px; width: 108px;}
.tdPressL {width: 114px;}
.NewsSummary {font-family: Arial, Helvetica, sans-serif; color:#004165; font-size: 12px; line-height:16px; }
.NewsTitle {font-family: Arial, Helvetica, sans-serif; color:#004165; font-size: 14px; font-weight:bold; margin-bottom:5px; }
.NewsTitle a {font-family: Arial, Helvetica, sans-serif; color:#004165; font-size: 14px; font-weight:bold; text-decoration:none; }
.NewsTitle a:visited {text-decoration:none; }
.NewsTitle a:hover {color:#004165; text-decoration:underline; }
.NewsTitle2 {}
.NewsletterLongField { width:383px; }

ul#admin_nav{margin-left: 0;padding-left: 0;white-space: nowrap;}
#admin_nav li{display: inline;list-style-type: none;}
#admin_nav a { padding: 0px 0px 0 25px; background: url(Images/btn-red-arrow.gif) no-repeat left center;}

#adminNavBoxRight { width: 265px; height: 21px; background: #d7d7d7; border: solid 1px #B3B3B3; padding-top: 5px; text-align: left; float: right; margin: 12px 0px 12px 0px;}
#adminNavBoxWide { width: 194px; height: 21px; background: #d7d7d7; border: solid 1px #B3B3B3; padding-top: 5px; text-align: center; padding-right: 8px;}
#adminNavBoxThin { text-align: center; width: 133px; height: 21px; background: #d7d7d7; border: solid 1px #B3B3B3; padding-top: 5px; padding-right: 8px;}
#adminNavBox { text-align: center; width: 254px; height: 21px; background: #d7d7d7; border: solid 1px #B3B3B3; padding-top: 5px; padding-right: 8px;}
#adminNavBoxThin a, #adminNavBox a, #adminNavBoxRight a, #adminNavBoxWide a{padding-left: 25px; font-size: 12px; background: url(Images/btn-red-arrow.gif) no-repeat 0 -5px;}
#whiteNavBoxThin { text-align: center; width: 133px; height: 21px; background: #FFF; padding-top: 5px; padding-right: 8px; margin: 12px 0 0 432px;}
#whiteNavBoxThin a {padding-left: 25px; font-size: 12px; background: url(Images/button-red-arrow-wht.gif) no-repeat left center;}
#whiteNavBoxThinSubpage { text-align: left; height: 21px; width: 200px; background: transparent; padding-top: 5px; padding-right: 8px; margin: 12px 0 0 12px;}
#whiteNavBoxThinSubpage a {padding-left: 15px; font-size: 12px; background: url(Images/button-red-arrow-wht2.gif) no-repeat 0 -5px;}
#navcontainer {margin-left: -22px; width: 220px;}
#rightNavList {}
#rightNavList .active {list-style-type:none; background:url(Images/red-arrow-yellow.png) no-repeat 0 .8em; padding-left: 14px;margin-left: -14px;}
#rightNavList li {list-style-type:none; padding-top: 6px;}
#rightNavList .current a {color:#004165; font-weight: bold;}
#rightNavList .current a:hover {color:#cccccc; font-weight: bold; text-decoration:none;}
#rightNavList .current2 a {color:#004165; font-weight: normal;}
#rightNavList .current2 a:hover {color:#cccccc; font-weight: normal; text-decoration:none;}
#navcontainerInner {margin-left: -40px; width: 252px;}
#navcontainerFleet {margin-left: -40px; width: 252px; margin-top: 84px;}
#navcontainerNews {margin-left: -40px; width: 252px; margin-top: 0px;}
#rightNavListInner {}
#rightNavListInner li {font-size: 11px; list-style-type:none; padding-top: 6px;background:url(Images/button-red-arrow-wht.gif) no-repeat 0 .25em; padding-left: 25px;}
#rightRecentProjectsInner {}
#rightRecentProjectsInner li {list-style-type:none; padding-top: 6px; background:url(Images/button-red-arrow-wht.gif) no-repeat 0 .25em; padding-left: 26px;}

.tblAdvSearch {width: 400px;}
.tblAdvSearch td {padding-bottom: 3px;}
.tblAdvSearch td.label {text-align: right; font-weight: bold; padding-right: 5px;}

/*Contribute Used Styles*/
.NavLink-Active {padding-left: 16px; font-size: 13px; background: url(Images/red-arrow-yellow.png) no-repeat 0 -5px;color: #004165;}
.NavLink-Inactive {padding-left: 16px; font-size: 13px; background: url(Images/red-arrow-yellowoff.png) no-repeat 0 -5px;}
.NavLink-ActiveSub {padding-left: 16px; font-size: 13px; background: url(Images/red-arrow-yellow.png) no-repeat left center;color: #004165;}
.NavLink-InactiveSub {padding-left: 16px; font-size: 13px; background: url(Images/red-arrow-yellowoff.png) no-repeat 0 -5px;}
.NavSection-Active {padding-left: 18px; font-size: 14px; letter-spacing: .1em; font-weight: bold; background: url(Images/red-arrow-yellow.png) no-repeat left center;}
.NavSection-Inactive {padding-left: 18px; font-size: 14px; font-weight: bold; letter-spacing: .1em; background: url(Images/red-arrow-yellowoff.png) no-repeat left center;}


/* CALENDAR STYLES */
#CalMonth {background: #5e9cae; text-align: center; vertical-align: middle; color: #FFF; font-size: 16px; text-transform: uppercase; border: 0px; height:30px;}
.CalendarTable {border: 0px; line-height: 1.1em;}
.CalendarTable td {color:#c60c30;font-size: 12px; border: solid 1px #636466; width: 20%; height:100px;}
.CalendarNumber {font-size: 14px; color: #636466;}
.CalendarDay td {background: #CCC; text-align: center; vertical-align: middle; color: #636466; height:20px;}

/* Related */
#lnkRelated a { color:#004165; }

.smallLineHeight {
line-height:8px;
}

.pEngineer {font-size:11px;}