body {
	margin: 0;
	padding: 0;
	behavior: url(htmlsite/csshover.htc);
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	background-color: #000099;
	background-image: url(htmlsite/images/cck-bg.gif);
	background-repeat: repeat;
	background-position: 0 0;
}
div#content:after {
  content: "."; display: block; height: 0; 
  overflow:hidden; clear: both; visibility:hidden;
} 
ul#main_nav:after, div#nav:after {}
a img {
  border: none;
}
a#logo_image {
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 0;
}

#header {
  margin: 15px 0 5px 0;
  padding: 0;
  background: #FFFFFF url(htmlsite/images/header_bg.gif) 0 0 repeat-x;
  display: block;
  width: 100%;
  height: 130px;
  border-top: 1px solid #4B7FB1;
  border-bottom: 1px solid #4B7FB1;
}

div#nav { z-index: 99; float: left; margin: 0 0 5px 0;
  background: #1C6E8A; width: 100%; border-top: 1px solid white; border-bottom: 1px solid white; font-size: 10px; font: Arial, Helvetica, sans-serif;}
div#nav ul {margin: 0 auto; padding: 0; background: #1C6E8A; width:710px;}
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; padding: 0; line-height: 1em;}
div#nav li:hover {}
div#nav li.sub_menu {display: block;}
div#nav li.sub_menu:hover {background-color: #1F7C9C;}
div#nav li a {display: block; margin: 3px 0 2px 0; padding: 3px 25px 3px;
  text-decoration: none; color: #FFFFFF; border-right: 1px solid #FFCC02;}
div#nav li a.last, div#nav ul ul li a  {border-right: none;}
div#nav li a:hover {color: #FFD943;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 170px;
 display: none;  background-color: #FDF5D4; border-top: 1px solid #FFCC02;}
div#nav ul ul li {border-bottom: 1px solid #FFCC02; width: 170px; z-index: 99;}
div#nav ul ul li a {color: #1F7C9C;}
div#nav ul ul li a:hover {color: #012835; background-color: #FFCC02;}
div#nav ul#main_nav li.sub_menu:hover ul.sub_nav {display:block; background-color: #FDF5D4; z-index: 99;}
div#nav ul.sub_nav {top: 21px; left: -1px; z-index: 99;}

#content {
clear: both;
margin: 0 auto 5px;
padding: 7px 0 7px 0;
background: #FFFFFF url(htmlsite/images/content_bg.gif) 0 0 repeat-y;
width: 780px;
position: relative;
z-index: 0;
}

#contentTopper {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 780px;
  background: url(htmlsite/images/content_topper.gif) 0 0 no-repeat;
}
#contentFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 780px;
  background: url(htmlsite/images/content_footer.gif) 0 100% no-repeat;
  font-size: 11px;
  padding: 10px 0 0 0;
  text-align: center;
}
#contentFooter span {
  display: block;
}

#sidebar {
  float: left;
  margin: 0;
  padding: 0;
  width: 200px;
}
div.boxy {
  margin: 0 6px 5px 6px;
  padding: 2px;
  background: #ECF4F5;
}

ul.sidebarList {
  margin: 3px 7px;
  padding: 0;
  list-style: none;
  font-size: 10px;
}
ul.sidebarList li.date {
  margin: 6px 0 1px;
  padding: 0 0 0 6px;
  font-style: italic;
  background: url(htmlsite/images/3x3square.gif) 0 4px no-repeat;
}
ul.sidebarList li.link {
 font-size: 11px;
}
ul.sidebarList li.link:hover {
background-color: #FDF5D4;
}

#sidebar p, #sidebar a {
 color: #333333;
 font-size: 10px;
 margin: 0;
 padding: 1px;
}
#sidebar a {
  color: #79797B;
  text-decoration: underline;
  cursor: pointer;
}
#sidebar h2 a {
  color: #000033;
  text-decoration: none;
}
#sidebar #photogallery {
   text-align: center;
}
#sidebar img.photogalleryThumb {
  margin: 4px 0;
  padding: 1px;
  border: 1px solid #333333;
  text-align:center;
}

#mainArea {
  
  margin-left: 208px;
  margin-top: 30px;
}
h3#h3Title {
  line-height: 22px;
  margin: 3px 20px 20px;
  padding: 0;
  z-index: 0;
}

#rightColumn {
  float: right;
  padding-bottom: 5px;
  border-left: 1px solid #FFCC02;
  width: 180px;
}

#contentArea {
  margin-right: 190px;
  padding-bottom: 5px;
}
#contentAreaII {
  margin-right: 10px;
  padding-bottom: 5px;
}

.slideshow_margin {
  margin-top: 280px;
}
.slideshow_padding {
  padding-top: 280px;
}


#content h1 { 
  margin: 0;
  padding: 2px 5px;
}
#content h2 {
  margin: 2px 5px 0 5px;
  padding: 0 0 0 5px;
  line-height: 16px;
  font-size: 11px;
  border: 1px solid #68909A;
  color: #000033;
  background: url(htmlsite/images/h2_bg.gif) 0 0 repeat-x;
}
h2 span {
  display: block;
  background: url(htmlsite/images/triangle.gif) 98% 3px no-repeat;
}
#content h3 {
  margin: 5px 0 2px 3px;
  padding: 2px 5px;
  font-size: 13px;
  color: #004A91;
}
#content h3 a {
  color: #004A91;
  text-decoration: none;
}
#content h3 a:hover {
    color: #539BE1;
}
#content h4 {
  margin: 5px 0 2px 3px;
  padding: 2px 5px 0 0;
  font-size: 15px;
  color: #004A91;
  border-bottom: 1px solid #EAEAEA;
}
#content h4 a {
  color: #004A91;
  text-decoration: none;
}
#content h4 a:hover {
    color: #539BE1;
}
#content h5 {
  margin: 0;
  padding: 2px 5px;
}
#content h6 {
  margin: 0;
  padding: 2px 5px;
}
#rightColumn p {
  margin: 0;
  padding: 2px 5px 2px 10px;
  font-size: 11px;
}
#contentArea p, #contentAreaII p {
  margin: 0;
  padding: 2px 5px 2px 10px;
  font-size: 12px;
}
#rightColumn a.learnMore {
  font-size: 10px;
  padding: 1px 15px 1px 5px;
  margin-bottom: 5px;
  color:#999999;
  text-align: right;
  display: block;
  text-decoration: none;
}
#rightColumn a.learnMore:hover {
  color:#333333;
}


form.newsletter_SignUp {
  margin: 4px auto 2px;
  font-size: 9px;
  color:#666666;
}

form.newsletter_SignUp span {
  float: left;
  clear: left;
  margin: 2px 5px 0 0;
  width: 30px;
  text-align: right;
}


/* STAFF */
fieldset.staff, fieldset.directors, fieldset.supporters {
  margin: 10px 5px 4px;
  border: 1px solid #799393;
}
fieldset.staff legend, fieldset.directors legend, fieldset.supporters legend {
  margin: 3px 0;
  padding: 2px 9px;
  background: #DAE4E4;
  border: 1px solid #799393;
  font-size: 13px;
  color: #004A91;
}

/* GET INVOLVED */
fieldset.formSet{
  margin: 10px 5px 4px;
  border: 1px solid #FFDF60;
}
fieldset.formSet legend {
  margin: 3px 0;
  padding: 2px 9px;
  background: #FEF6D7;
  border: 1px solid #FFDF60;
  font-size: 13px;
  color: #004A91;
}
fieldset.formSet2{
  margin: 2px 2px 4px;
  border: 1px solid #004A91;
}
fieldset.formSet2 legend {
  margin: 3px 0;
  padding: 2px;
  background: #D9EBFC;
  border: 1px solid #004A91;
  font-size: 11px;
  color: #004A91;
}

/* RESOURCES */
fieldset.resourceSet {
  margin: 10px 5px 4px;
  border: 1px solid #799393;
}
fieldset.resourceSet legend {
  margin: 3px 0;
  padding: 2px 9px;
  background: #DAE4E4;
  border: 1px solid #799393;
  font-size: 13px;
  color: #004A91;
}

/* Events */
fieldset.eventSet {
  margin: 10px 5px 4px;
  border: 1px solid #799393;
}
fieldset.eventSet legend {
  margin: 3px 0;
  padding: 2px 9px;
  background: #DAE4E4;
  border: 1px solid #799393;
  font-size: 13px;
  color: #004A91;
}

/* Press */
fieldset.pressSet {
  margin: 10px 5px 4px;
  border: 1px solid #799393;
}
fieldset.pressSet legend {
  margin: 3px 0;
  padding: 2px 9px;
  background: #DAE4E4;
  border: 1px solid #799393;
  font-size: 13px;
  color: #004A91;
}


/* FORMS */



form.form {
  margin: 3px auto 10px;
  padding: 3px;
}
form.form span {
  font-size: 10px;
  float: left; clear: left;
  margin: 4px 3px 0 0;
  width: 250px;
}
form.form input, form.form textarea, form.form select {
  border: 1px solid #333333;
  margin: 2px 0 3px;
  width: 310px;
  height: 18px;
  font-size: 11px;
  padding: 0 2px;
  text-align: left;
}
form.form textarea {
  height: 150px;
}

form.newsletter_SignUp input {
  border: 1px solid #333333;
  margin: 2px 0 3px;
  width: 135px;
  height: 13px;
  font-size: 11px;
  padding: 0 2px;
  text-align: left;
}
form.newsletter_SignUp input.submit, form.form input.submitForm {
  border: none;
  background: none;
  text-align: right;
  font-size: 10px;
  line-height: 14px;
  color: #666666;
}
form.newsletter_SignUp input.submit:hover {
  color:#333333;
  cursor:pointer;
}

#content1 {
/* background: url(southern_california_water_quality_images/content1.gif) 100% 0 no-repeat; */
  margin: 0 450px 0 0;
  padding: 42px 0 0 0;
}
#content2 {
/*  background: url(southern_california_water_quality_images/content2.gif) 0 0 no-repeat; */
  margin: 0;
  padding: 42px 0 0 0;
  width: 250px;
  float: right;
}
#content3 {
/*  background: url(southern_california_water_quality_images/content3.gif) 0 0 no-repeat; */
  margin: 0;
  padding: 42px 0 0 0;
  width: 200px;
  float: right;
}
#footer {
  text-align: center;
  padding: 15px 20px;
  clear: both;
  border-top: 10px solid #1C6E8A;
  font-size: 11px;
}
#footer ul#footer_address {
  margin: 0;
  padding: 2px 15px 0 0;
  list-style: none;
}