body { color: #393838; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #c9dfc3; background-image: url(../images/bg_blue_green_01.jpg); background-repeat: repeat-x; margin-top: 0; }
form { margin: -5px; padding: -5px; }
input { margin: 0; padding: 0; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { color: #0350a2; font-size: 12px; text-decoration: none; }
p { text-align: left; }
td {  }
a:link { color: #0057a3; text-decoration: none; }
a:active { color: #0057a3; text-decoration: none; }
a:visited { color: #0057a3; text-decoration: none; }
a:hover { color: #0086fb; text-decoration: underline; }

/*** sidebar ***/
#sidebar_right { width: 185px; height: 100%; float: left; margin-left: 10px; border-bottom: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }
#sidebar_right_lower { position: relative; top: 10px; width: 185px; height: 100%; float: left; margin-left: 10px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }
#sidebar_right_lower ul { display: block; }
#sidebar_right_lower ul li { font-size: 12px; position: relative; left: -30px; width: 170px; margin-bottom: 1px; padding-bottom: 1px; list-style-type: none; list-style-image: none; display: inline-table; }
#sidebar_right_lower2 { position: relative; top: 20px; width: 185px; height: 100%; float: left; margin-left: 10px; padding-bottom: 15px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }
#sidebar_right_lower2 ul { display: block; }
#sidebar_right_lower2 ul li { font-size: 12px; position: relative; left: -30px; width: 170px; margin-bottom: 1px; padding-bottom: 1px; list-style-type: none; list-style-image: none; display: inline-table; }
/*** header elements ****/
#header { background-image: url(../images/water-replenishment-district-01.jpg); background-repeat: no-repeat; width: 991px; height: 80px; }
#header_links { color: #fff; font-size: 12px; font-weight: bold; position: relative; top: 11px; left: -20px; }
#header_links a:link { color: #fff; text-decoration: none; }
#header_links a:visited { color: #fff; text-decoration: none; }
#header_links a:hover { color: #7499fd; text-decoration: underline; }
#header_links a:active { color: #fff; text-decoration: none; }

/*** navigation ****/
#nav { width: 991px; height: 40px; }

/*** search box ****/
#search_box { position: relative; top: 25px; left: 35px; z-index: 100; margin: 0; padding: 0; }
#search_box #search_form { width: 991px; height: 81px; margin: 0; padding: 0; }
#search_box #search_form .text { background-color: #dedede; position: relative; left: -40px; width: 175px; margin: 0; padding: 0; border: solid 1px white; }
#search_box #search_form .button { color: #fff; font-size: 11px; background-color: transparent; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 6px; letter-spacing: 0.2em; position: relative; left: -70px; width: 100px; margin: 0; padding: 0; border-color: transparent; border-style: none; }
#syndication { position: relative; top: -23px; left: 230px; }
.syndication_images { padding-right: 11px; }

/*** content ****/
#content_main { position: relative; overflow: hidden; top: 4px; width: 971px; margin-right: 10px; margin-left: 10px; border: solid 1px #b4b4b4; }
#top_section_dir { position: relative; top: 0; width: 971px; height: 44px; clear: both; margin-top: 0; }
#top_section { position: relative; top: 0; width: 971px; height: 245px; clear: both; margin-top: 0; }
#bottom_section { position: relative; top: 10px; width: 971px; clear: both; margin-top: 0; }
#container { background-color: white; width: 991px; overflow: hidden; }
#subnav { width: 175px; float: left; }
#subnav_content { width: 175px; float: left; }
#message_box { width: 296px; float: left; }
#left { position: relative; top: 8px; width: 175px; float: left; }
#center { position: relative; top: 8px; width: 500px; float: left; }
#right { position: relative; top: 8px; width: 296px; float: left; }
#news { width: 294px; border-top: 1px solid #83a4a2; border-left: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
#newsletter { position: relative; top: 8px; width: 294px; border-top: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }

/** subpage content **/
#top_section_subpage { position: relative; top: 0; width: 971px; clear: both; margin-top: 0; }
#subpage { background-image: url(../images/flash.gif); background-repeat: no-repeat; width: 600px; float: left; }
.subpage_margin { font-size: 12px; padding-top: 7px; padding-left: 10px; }

/** flash **/
#flash { background-image: url(../images/flash.gif); background-repeat: no-repeat; width: 500px; float: left; }
.flash_margin { padding-top: 7px; }

/*** paragraph class ****/
.paragraph { color: #333; font-size: 12px; text-align: left; padding: 5px; }
.paragraph a:link { color: #0057a3; text-decoration: none; }
.paragraph a:active { color: #0057a3; text-decoration: none; }
.paragraph a:visited { color: #003d73; text-decoration: none; }
.paragraph a:hover { color: #0074da; text-decoration: underline; }
.content_text { font-size: 14px; }
.content_leftcol { width: 289px; float: left; border-right: 1px solid #9b9b9b; }
.content_rightcol { text-align: left; width: 289px; float: left; padding-top: 10px; padding-left: 10px; }
.content_longcol { position: relative; top: 20px; width: 578px; clear: both; border-top: 1px solid #abaaaa; }
.content_topbox { width: 578px; }

/*** education ***/
.education_links { font-size: 12px; text-align: left; padding: 10px 5px 5px; border-bottom: 1px solid #959595; }
.education_links_last { font-size: 12px; text-align: left; padding: 10px 5px 5px; }
.education_links a:link { text-decoration: none; text-align: left; }
.education_links a:active { }
.education_links a:visited { }
.education_links a:hover { }

/*** footer ****/
#footer { font-size: 10px; width: 971px; height: 30px; margin-right: 10px; margin-left: 10px; border: solid 1px #b4b4b4; }
#footer a:link { }
#footer a:active { }
#footer a:visited { }
#footer a:hover { }
#footer wrd_address {}

/*** director menu ****/
#directors { position: relative; width: 174px; top: 8px; border-top: 1px solid #83a4a2; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
.director_menu { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #b0b0b0; }
.last_director_menu { padding-top: 10px; padding-bottom: 10px; }

/*** press menu ****/
#press { width: 174px; border-top: 1px solid #83a4a2; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
.press_menu { font-size: 12px; padding: 10px 0; border-bottom: 1px solid #b0b0b0; }
.press_menu_last { font-size: 12px; padding: 10px 0; }
#press_subpage { position: relative; top: 7px; width: 174px; border-top: 1px solid #83a4a2; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }

/*** legal menu ****/
#legal { width: 174px; border-top: 1px solid #83a4a2; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }

/*** news menu ****/
.news_menu { border-bottom: 1px solid #b0b0b0; overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
.newsletter_menu { font-size: 11px; text-align: left; overflow: hidden; padding: 10px; }
.news_photo { width: 57px; float: left; }
.news_text { width: 217px; float: left; padding-left: 10px; }
.news_item { padding-bottom: 25px; }
.photo_left_news { padding-bottom: 10px; padding-right: 10px; padding-left: 10px; }
.article_text { text-align: left; }
.news_title { font-size: 16px; font-weight: bold; }
.news_source { color: #870000; font-size: 14px; font-weight: bold; }
.news_date { font-size: 12px; font-weight: bold; }

/*** district news menu ****/
#district_news { position: relative; top: 8px; width: 294px; border-top: 1px solid #83a4a2; border-left: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
.district_news_menu_top { padding-bottom: 15px; border-bottom: 1px solid #959595; }
#district_news_subpage { position: relative; top: 15px; width: 174px; border-top: 1px solid #83a4a2; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
.district_news_menu { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #959595; }
.last_news { padding-top: 10px; padding-bottom: 10px; }

/*** district events ****/
#district_events { overflow: hidden; width: 294px; border-top: 1px solid #83a4a2; border-left: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }


/*** photos ****/
.photo { padding-bottom: 10px; padding-right: 10px; }
.photo_news { padding-right: 10px; }
.photo_right { padding-bottom: 10px; padding-left: 10px; }
.photo_left { padding-bottom: 10px; padding-right: 10px; }

/** about wrd **/
#district { width: 478px; border-color: #83a4a2 #b4b4b4 #b4b4b4; border-style: solid; border-width: 1px; }

/*** district programs ****/
#district2 { position: relative; top: 10px; width: 478px; border-color: #83a4a2 #b4b4b4 #b4b4b4; border-style: solid; border-width: 1px; }
.programs_menu { padding-bottom: 15px; border-bottom: 1px solid #b0b0b0; }
.programs_menu_last { padding-bottom: 15px; }
.programs { padding-top: 10px; padding-left: 3px; }

/*** district video ****/
#district3 { position: relative; top: 10px; width: 478px; border-color: #83a4a2 #b4b4b4 #b4b4b4; border-style: solid; border-width: 1px; overflow: hidden;}
#district_video { font-size: 12px; text-align: center; width: 450px; float: left; }
#district_text { font-size: 12px; text-align: left; width: 450px; float: left; clear: left; padding-left: 10px; }

/*** agendas ***/
.agendas { width: 550px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #afafaf; overflow: hidden;}
.articles { text-align: left; width: 550px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #afafaf; overflow: hidden;}
.agenda_date { font-size: 12px; font-weight: bold; width: 50px; float: left; padding-right: 10px; }
.agenda_package1 { font-size: 12px; width: 235px; float: left; padding-right: 10px; }
.agenda_package2 { font-size: 12px; width: 235px; float: left; padding-right: 10px; }
.agenda_package3 { font-size: 12px; text-align: left; width: 470px; float: left; padding-right: 10px; }

/** board **/
.board_1 { font-size: 12px; text-align: left; width: 370px; float: left; padding-right: 10px; }
.board_2 { width: 170px; float: left; }

/** technical **/
.project_photo { width: 100px; float: left; padding-right: 10px; }
.water_projects { font-size: 12px; text-align: left; width: 420px; float: left; padding-right: 10px; }
.tech_table td { text-align: left; padding: 5px; border: solid 1px #9f9f9f; }
.content_box { font-size: 13px; width: 555px; padding: 10px; border: solid 1px #aeaeae; }
.content_box h2 { color: #870000; font-size: 16px; position: relative; top: -5px; }
.content_box h3 { color: #0165a9; font-size: 14px; border-bottom: 1px solid #c6c5c5; }
.content_box_photo { padding-left: 10px; border-left: 1px solid #c5c5c5; }
.content_box_text { text-align: left; position: relative; top: -20px; padding-right: 7px; }
.content_date { color: #870000; font-weight: bold; }
.glossary { font-size: 14px; line-height: 2em; }

/** conservation **/
.conserv_intro { font-size: 12px; text-align: left; width: 386px; float: left; }
.conserv_intro h2 { font-weight: lighter; margin-top: 5px; margin-bottom: 5px; }
.conserv_par2 { font-size: 12px; text-align: left; width: 386px; float: left; clear: left; margin-top: 10px; border: solid 1px #c1c1c1; }
.conserv_par3 { font-size: 12px; text-align: left; width: 580px; float: left; clear: left; margin-top: 10px; border: solid 1px #c1c1c1; }
.conserv_photo { padding-left: 15px; }
.conserv_165 { font-size: 12px; text-align: left; width: 320px; float: left; clear: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: solid 1px #c1c1c1; }
.conserv_165 h1 { font-size: 18px; color: #870000; font-weight: lighter; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #c6c5c5; }
.conserv_165 h2 { font-size: 13px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.conserv_225 { width: 225px; float: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-right: 1px solid #e3e3e3; }
.conserv_155 { width: 135px; float: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.conserv_385 { width: 375px; float: left; padding: 5px; border-right: 1px solid #e3e3e3; }
.conserv_190 { width: 180px; float: left; padding: 5px; }
.conserv_320 { width: 320px; float: left; padding: 5px; }
.conserv_230 { width: 230px; float: left; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-left: 1px solid #e3e3e3; }
.conserv_header { color: #870000; font-size: 14px; margin: 5px 4px 10px 2px; border-bottom: 1px solid #c6c5c5; }
.conserv_header2 { color: #870000; font-size: 12px; clear: both; margin: 5px 4px 5px 0; border-bottom: 1px solid #c6c5c5;}
.conserv_225 ul { margin-top: -10px; margin-bottom: 0; }
.conserv_225 ul li { line-height: 1; margin-top: 0; padding-top: 0; }
.conserv_box_top { padding-bottom: 25px; }
.conserv_box { color: #00349d; font-size: 16px; width: 175px; float: left; padding-bottom: 25px; }
.conserv_arrow { float: left; }
#form, input, submit, field, select { font-size: 11px; }
.form_right { position: static; top: 40px; }
.input_right { color: #000; background-color: #e8e8e8; margin-right: 55px; border-color: #a39a9a #a39a9a #c2bebe #c2bebe; border-style: solid; border-width: 1px; }
#input { color: #fff; background-color: #345786; border: 0 transparent; }
.input_zip { font-size: 16px; background-image: url(../images/field.gif); background-repeat: no-repeat; width: 164px; height: 33px; padding-top: 5px; padding-left: 5px; border-color: transparent; border-style: none; outline-style: none; }
.submit_zip { background-image: url(../images/submit02.gif); background-repeat: no-repeat; width: 46px; height: 35px; border-color: transparent; border-style: none; outline-style: hidden; }