/*Overall page formatting*/
html, body { margin:0 auto; padding:0; width: 870px; height:100%; background-color: #E1D5B0; font-family: Verdana, Geneva, sans-serif; font-size: 2em;}
#container { min-height:100%; width: 870px; position:relative; background: white url(../images/background_tan.jpg) repeat-y; }
.color_blue { background: url(../images/background_Light_Blue_5px.jpg) repeat-x; }
.dateLabel { font-size: 0.15em; color: white; padding: 1em; }
.noMarginNoPadding { margin: 0; padding: 0;  }

/*Header formatting*/
#header { background-image: url(../images/background_header.jpg); padding:0; margin: 0 10px 0 10px; height: 77px;}
#cesLogo img, #cesLogoHome img { display: none; }
#search { padding: 35px 15px 20px 0; float: right;}

/*Main Navigation formatting*/
#navigation { clear: both; color: White; height: 29px; width: 850px; padding: 0; margin: 0 10px 0 10px; background: White url(../images/background_mainNav.jpg) repeat-y 50% 0; font-size: 12px; }
#mainNav ul { margin: 0; padding: 2px 5px; list-style: none; text-align:center; }
#mainNav ul li { float: left; border: none; padding: 3px 9px; font-weight: bold; }
#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li a:active { display: block; color: White; border: none; text-decoration: none; }
#mainNav ul li a:hover { display: block; color: #B17E4C; border: none; padding-bottom: 3px; margin: 0; }

#wave { background-image: url(../images/header_wave.jpg); padding: 0; height: 70px; text-align: right; }

/*Content formatting*/
#content { padding-bottom:0; margin: 0 10px 0 10px;}
a img { border: none; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clearBoth { clear: both; }

/*Home Page formatting*/
#mainContent {}
#movie { height: 186px; width: 850px;} 
#quicklinks { text-align: left; width: 850px; height: 241px; background: url(../images/background_quickLinks.gif) no-repeat; }
#ql_why { float:left; width: 270px; padding: 15px 0 0 20px; margin: 0; }
#ql_services { float:left; width: 258px; padding: 15px 0 0 20px; margin: 0; }
#ql_db { float:left; width: 246px; padding: 15px 0 0 35px; margin: 0; }
#ql_why h1, #ql_services h1, #ql_db h1 { color: White; font-size: 0.4em; margin: 0;  padding: 0 0 10px 0; }
#ql_why p { padding: 0 15px; width: 198px; } 
#ql_services p { padding: 0 5px; width: 230px; } 
#ql_db p { padding: 0 5px; width: 218px }
#letsGoWhy { padding-bottom: 15px; margin: 0 0 0 95px; }
#letsGoServices { padding-bottom: 15px; margin: 0 0 0 95px; }
#letsGoDB {padding-bottom: 15px; margin: 0 0 0 83px; }
.comment { color: White; font-size: 0.2em; margin: 0 0 0 0; }
#vision { float: left; padding-top: 100px; padding-left: 30px; }
#pres_message { float: left; width: 530px; padding: 15px 30px 0 30px; font-size: 0.2em; line-height: 1.6em; }
#pres_message .firstLetter{ font-size: 1.8em; color:#007263; font-family:serif; font-weight:bolder; }
#GSA {margin-left: -200px; height: 69px;}
#valmontLogo { padding: 3px; margin: 0; }

/*Sub Page General formatting*/
#subPage { margin: 0 10px 0 10px;}
#subContent { float: left; margin: 0; padding: 0 0 0 10px; text-align: left; width: 650px; }
.page_format { font-family: Verdana, Geneva, sans-serif; color: Black; font-size: 0.2em; line-height: 1.6em; letter-spacing: 0.7px; padding: 0 10px 10px 5px; margin: 20px; }
.title { padding-bottom: 0;}
#subContent p {margin-top: 0; padding-top: 0; padding-bottom: 0; line-height: 2em;}
.event { width: 650px; margin-left: -15px; }
.superscript {vertical-align:super; font-size: 0.7em;}
.italicize { font-style:italic; }
.firstLetter { font-size: 2em; color:#007263; font-family: serif; font-weight:bolder; }
.photoLeft { float: left; padding-right: 10px; }
.photoRight { float: right; padding-left: 10px; }

/*Vertical Navigation formatting*/
.subNavSelected {background: url(../images/leaf_small.jpg) no-repeat; }
#subNav { float: left; width: 190px; font-size: 0.17em; min-height: 80%; }
#subNav div { padding-top: 0; margin: 0 0 0 10px; width: 186px; }
#subNavMiddle {background: url(../images/menu_middle.jpg) repeat-y;}
#subNavMiddle ul {margin-top: 0; margin-bottom: 0; list-style:none;}
#subNavMiddle1 ul { margin-top: 0; margin-bottom: 0; list-style: circle;}
#subNavMiddle ul li { margin-left: -30px; margin-right: 10px;border: none; padding: 10px 0 10px 30px; width: 120px; } 
#subNavMiddle ul a:link, #subNavMiddle ul a:visited { display: block; color: Black; background-color: white; border: none; text-decoration: none; }
#subNavMiddle ul a:hover { display: block; color: #B17E4C; background-color: white; border: none; text-decoration: none; }
#marketsTitle { padding: 0; margin: 0 0 0 15px; width: 125px; font-weight: bold; }
#servicesTitle { padding: 0; margin: 10px 0 0 15px; width: 125px; font-weight: bold; }
.subMenuItem { padding-left: 40px;}

/*Sub Page Content formatting*/
#subContent h5 {margin-bottom: 0.2em;}
#marketsList {float: left; margin: 0 10px 0 0; padding-left: 25px; width: 240px; }
#servicesList { float: left; margin: 0; padding-left: 25px; width: 240px; }
#marketsList h4, #servicesList h4 { margin-left: -20px; }
#marketsList ul, #servicesList ul { list-style-type: circle; margin: 0 0 0 -30px; }
#marketsList ul li, #servicesList ul li { vertical-align:middle; line-height:1.25; padding-bottom: 10px; }
#marketsList ul li a:link, #servicesList ul li a:link { display: block; width: 220px; color: #255282; }
#marketsList ul li a:visited, #servicesList ul li a:visited { display: block; width: 220px; color: #007263; }
#marketsList ul li a:hover, #servicesList ul li a:hover { display: block; width: 220px; color: #B17E4C; }

/*About Formatting*/
.keyLeft { float: left; padding-right: 15px; }
.keyRight { float: right; padding-left: 15px; }

/*Careers Formatting*/
#careers_engineers, #careers_soil_scientists, #careers_geologists,
#careers_hydrologists, #careers_related, #careers_staff_experience,

/*Job Posting Formatting*/
.jobPosition {  }
#jobOpeningList { padding-top: 0; margin-top: -10px; }
#jobOpeningList li a:link { color: #255282; }
#jobOpeningList ul li a:visited { color: #007263; }
#jobOpeningList ul li a:hover { color: #B17E4C; }
.jobTitle { font-weight: bold; }

/*Benefits Formatting*/
#otherBenefits_info { }
#otherBenefits_info ul { margin: 0; padding: 0 0 0 20px; width: 250px; list-style-type: circle; }
#otherBenefits_info ul li { vertical-align: top; line-height: 1.7em; }
.more_info p { font-family: Verdana, Geneva, sans-serif; font-size: 1.01em; line-height: 1.6em; letter-spacing: 0.8px; }
.safetyPhoto {  }

/*Request Info Formatting*/
fieldset  { border-color: #568675; border-width: 1px; border-style: solid; padding: 5px; margin-bottom: 20px; width: 550px; }
#legend_contact { font-size: 12px; color: black; padding: 0 15px; }
#legend_contact table { margin: 10px auto auto auto; font-size: 12px; }
#fieldset_info { width: 550px; }
#legend_info { font-size: 12px; color: black; padding: 0 10px; }
#legend_info div { margin: 15px auto auto auto; font-size: 12px; }

/*US Office Map Formatting*/
#mapContainer { float: left; width: 600px; height: 480px; } /*368px*/
.bodyBotLeft { margin: 0; padding: 0; background: url(../images/office_bottom_left_body.gif) repeat-y; line-height: 1.2em; }
.bodyTopLeft { margin: 0; padding: 0; background: url(../images/office_top_left_body.gif) repeat-y; }
.bodyTopRight { margin: 0; padding: 0; background: url(../images/office_top_right_body.gif) repeat-y; }
.officePicture { margin: 10px 10px 0 20px; padding-bottom: 0; float: left; }
.officeAddress { float: left; padding: 0 0 15px 0; margin-top: 0; margin-bottom: 15px; font-size: 0.8em; line-height: 0.8em;  }
.officeName, .newEmployee { font-weight: bold;}
.officeAddress a:link { color: #255282; }
.officeAddress a:visited { color: #007263; }
.officeAddress a:hover { color: #B17E4C; }
.closeOffice { text-align: center; padding-bottom: 0; margin-bottom: 0;line-height:1.5em; }
.Albany { font-size: small; position: absolute; top: 365px; left: 260px; z-index: 1; width: 400px; border: none; }
.Bakersfield { font-size: small; position: absolute; top: 145px; left: 268px; z-index: 1; width: 400px; border: none; }
.Boise {font-size: small; position: absolute; top: 90px; left: 330px; z-index: 1; width: 400px; border: none; }
.LaGrande { font-size: small; position: absolute; top: 40px; left: 315px; z-index: 1; width: 400px; border: none; }
.Pocatello { font-size: small; position: absolute; top: 60px; left: 370px; z-index: 1; width: 400px; border: none; }
.Reno { font-size: small; position: absolute; top: 100px; left: 280px; z-index: 1; width: 400px; border: none; }
.Spokane { font-size: small; position: absolute; top: 330px; left: 330px; z-index: 1; width: 400px; border: none; }
.Valley { font-size: small; position: absolute; top: 110px; left: 150px; z-index: 1; width: 400px; border: none; }
#printAddresses { font-size: 0.8em; display:none;}
.firstAndSecond { width: 210px; height: 120px; float: left; }
.third { width: 200px; height: 120px; float: left; }
.fourth { width: 170px; height: 120px; float: left; }

/*International Formatting*/
#waterManagementLogo { float: right; padding-bottom: 15px; }
.leftPadding { padding-left: 10px; }
.China { font-size: small; position: absolute; top: 155px; left: 185px; z-index: 1; width: 400px; border: none; }

/*Event Formatting*/
.event { clear:both; min-height: 250px; }
.eventItems { float: left; width: 285px; padding-top: 20px; padding-bottom: 40px; padding-left: 15px; }
.calendarLeft { float:left; padding: 0 10px 10px 0; }
.calendarRight { float:left; padding: 0 0 10px 10px; }
.eventItems a:link { color: #255282; }
.eventItems a:visited { color: #007263; }
.eventItems a:hover { color: #B17E4C; }

/*Services and Markets Formatting*/
#serviceLinks li a:link, #servicesList ul li a:link, 
	#marketLinks li a:link, #marketLinks ul li a:link { color: #255282; }
#serviceLinks li a:visited, #servicesList ul li a:visited, 
	#marketLinks li a:visited, #marketLinks ul li a:visited { color: #007263; }
#serviceLinks li a:hover, #servicesList ul li a:hover, 
	#marketLinks li a:hover, #marketLinks ul li a:hover { color: #B17E4C; }
.description { clear: both; }
.foodImage { padding: 0 10px 10px 10px; }
.govImage, .dbImage, .wwTreatImage { padding: 10px 25px; }
.enviroImage, .mineRecImage { padding: 0 10px; }
.landfillImage { padding-left: 10px; }
.waterResImage { padding: 20px 10px 0 10px; }

/*Contact Person Formatting*/
.dividerLine { border: 1px solid black; }
.contactTitle { padding-bottom: 0; margin-bottom: 0; }
.contactList { list-style-type:none; font-size:1em; padding-top: 0; margin-top:0; font-weight:bold; }
.contactList li { margin-left: -20px; font-weight:bold; font-size:0.8em;  }
.contactEmail { padding-left: 20px; }

/*Water Sentinel Formatting*/
.stackImage { margin-left: -10px; }

/*Footer formatting*/
#footer { clear: both; position:relative; bottom:0; margin: 0 10px 0 10px; width:850px; height:82px; background-image: url(../images/background_footer_blue.jpg); }
#footerNav { margin:0; padding: 50px 0 0 0; color: white; font-size: 10px; text-align: center;}
#footerNav ul { margin: 0; list-style: none; text-align: center; width: 750px; padding: 0 0 0 50px; }
#footerNav ul li { float: left; padding: 3px;}
#footerNav ul li a:link, #footerNav ul li a:visited, #footerNav ul li a:active { display: block; color: white; border: none; text-decoration: none; padding: 3px; }
#footerNav ul li a:hover { display: block; color: #B17E4C; border: none; margin: 0; }