/* Copyright 2009 Athena Web Design http://athenawebdesign.com */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
fieldset, img { 
	border:0;
}
/* misc styles */
.clear {
	clear:both;
	}
img.left {
	float:left;
	margin:0 10px 8px 0;
	}
img.right {
	float:right;
	margin:0 0 8px 10px;
	}
img.border {
	border:1px solid #666;
	padding:2px;
	}
img.spaceabove {
	margin-top:5px;	
		}
#search {
	background-color:#7290ae;
	padding:4px 4px 6px 0px;
	width:221px;
	color:#fff;
	font: 11px/11px Arial, Helvetica, sans-serif;
	
	}
.subpage1 #search {
	width:196px;
	padding:4px 4px 6px 0px;
	margin: 0 0 0 -15;
	}
.subpage2 #search, .subpage3 #search {
	width:204px;
	position:absolute;
	right:0;
	bottom:0;
	}
#search input {
	height:15px;
	padding: 2px;
	margin: 0 0 2px 10px;
	}
#search input.btn { 
	  color:#333; 
	  font: bold 90% Tahoma, Geneva, sans-serif;
	  padding: 0 3px 6px 3px;
	  background-color:#fed; 
	  border: 1px #666 solid; 
	 
	} 	
/* layout */

body {
	background-color:#dcddde;
	padding:0 0 20px 30px;
	background-image: url(images/bkgd.gif);
}
#outer_container {
	margin:0 auto;
	width:960px;
	}
#header {
	background:url(images/top_banner.jpg) no-repeat left top;
	float:left;
	width:960px;
	height:110px;
	position:relative;
	}
#logo {
	position:absolute;
	width:440px;
	top:40px;
	left:30px;
	height: 40px;
	}
#logo h2 {
	visibility:hidden;
	width:440px;
	height:40px;
	margin:0;
	padding:0;
	}
#county-tag {
	position:absolute;
	width:440px;
	top:85px;
	left:30px;
	height: 40px;
}
#county-tag h2 {
	font:normal 16px/18px Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
#county_link {
	position:absolute;
	top:10px;
	right:10px;
	}
#participating_watershed {
	position:absolute;
	top:10px;
	right:175px;
	}
#main_content_wrapper {
	float:left;
	width:960px;
	color:#333;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	background-color: #FFFFFF;
	position: relative;
	}
.subpage1 #main_content_wrapper, .subpage2 #main_content_wrapper, .subpage3 #main_content_wrapper {
	background: #fff url(images/bg-main-subpage.gif) repeat-y left top;
	}
#main_content_wrapper p {
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	margin:0 0 12px 0;
	}
.home #main_content_wrapper p, .watersheds #main_content_wrapper p {
	margin:0 0 12px 0;
	line-height: 16px;
	}
#main_content {
	float:left;
	width:735px;
	}
.subpage1 #main_content {
	width:760px;
	}
.subpage3 #main_content {
	width:750px;
	}
.subpage2 #main_content {
	width:960px;
	position: relative;
	}
#left_column {
	width:190px;
	float:left;
	background-color: #7290ae;
	}
#main_content a:link, a:visited, #right_sidebar a:link, a:visited, .watersheds #main_content a:link a:visited, {
	color:#0071BC;
	text-decoration:none;
	font-weight: normal;
	}
#main_content #left_column a:link, a:visited {
	font-weight:normal;
	text-decoration:none;
	}
#right_sidebar {
	width:225px;
	float:left;
	}
#right_sidebar a:link, a:visited {
	color:#0071BC;
	text-decoration:none;
	font-weight: normal;
}
.home #sidebar2_content h3 {
	margin:0;
	padding:0;
	}
.subpage1 #right_sidebar {
	width:200px;
	}
.subpage3 #right_sidebar {
	margin-top:50px;
	padding-right:10px;
	width:190px;
	}
.subpage3 #right_sidebar p {
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	}
.subpage3 #right_sidebar a:link, a:visited, a:hover, a:active {
	font-weight:normal;
	}
.subpage3 #right_sidebar a:hover {
	text-decoration:underline;
	}
.subpage3 #right_sidebar a:visited {
	color:#336699;
}
.subpage1 #right_sidebar_content {
	width:170px;
	background:url(images/bg-subpage1-sidebar.jpg) no-repeat left top;
	padding:25px 15px;
	background-color:#edca75;
	}
.subpage1 #right_sidebar_content img {
	border:4px solid #fff;
	}
.subpage1 #right_sidebar_content p {
	color:#000;
	margin:0;
	padding:0;
	font-weight: normal;
	}
.subpage1 #right_sidebar_content h2{
	padding:4px 12px;
	color: #fff;
	font:normal 16px/18px Georgia, "Times New Roman", Times, serif;
	background:#568d47;
	}
.subpage1 #right_sidebar_content p.caption {
	margin:4px 0 25px 0;
	font-style: italic;
	}
.watersheds #right_sidebar {
	background:#e1debb url('') no-repeat top left;
	}
.watersheds #right_sidebar_content {
	padding:35px 15px 0 15px;
	}
#sidebar1 {
	width:225px;
	background: #edc975 url(images/bg-explorer.jpg) no-repeat left top;
	}
#sidebar1_content {
	text-align:center;
	padding: 6px 0;
	}
#sidebar2 {
	width:225px;
	background:#edc975 url(images/bg-sidebar.jpg) no-repeat left top;
	}
#sidebar2_content {
	padding:5px 15px;	
}
#sidebar2_content  p {
	color:#000000;
	padding-top: 5px;		
}
#image_banner {
	width:735px;
	height: 261px;
	float:left;
	background-color:#23262d;
	}
#image_banner2 {
	width:735px;
	height: 458px;
	float:left;
	background-color:#23262d;
	}
#left_content {
	float:left;
	width:710px;
	display:inline;
	background:#fff url(images/bg-left-content.jpg) no-repeat left top;
	padding: 0 0 0 25px;
	}
#left_content_st {
	float:left;
	width:710px;
	display:inline;
	padding: 0 0 0 25px;
	}
#middle_content {
	float:left;
	width:530px;
	padding: 10px 20px 15px 20px;
	}
#middle_content ul li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	list-style-type: square;
	color:#4d4d4d;
	margin:0 0 12px 22px;
	padding: 0 0 2px 0;
	}
.subpage2 #middle_content {
	padding:10px 50px 25px 20px;
	width:700px;
	}
.subpage3 #middle_content {
	width:520px;
	padding: 10px 20px 15px 20px;
	}
#col1, #col2, #col3, #col4 {
	float:left;
	display:inline;
	width:155px;
	padding:0 10px;
	margin-top:8px;
	border-left: 1px dotted #a7a9ac;
	}
#col1 ul li, #col2 ul li, #col3 ul li, #col4 ul li {
	list-style-position: outside;
	margin-left: 10px;
	}
#col1 h2, #col2 h2, #col3 h2, #col4 h2 {
	margin: 0;
	}
#col1 a:link, a:visited, #col2 a:link, a:visited, #col3 a:link, a:visited, #col4 a:link, a:visited {
	color:#0071BC;
	text-decoration:none;
	font-weight: normal;
	}
#col1 {
	padding:0 10px 0 0;
	border-left:none;
	}
.subpage2 #col1 {
	width:450px;
	padding-right:25px;
	border-left:none;
	}
.subpage2 #col2 {
	width:200px;
	border-left:none;
	}
	
/* footer styles */

#footer {
	float:left;
	width:960px;
	background-color:#767769;
	border-top:1px solid #c8b570;
	color:#fff;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#footer_nav {
	float:left;
	display:inline;
	padding: 10px 20px 10px 25px;
	}
#footer ul {
	list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#footer ul li {
	display:inline;
	}
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:hover, #footer ul li a:active {
	float:left;
	display:block;
	color:#fff;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#767769;
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid #fff;
	}
#footer ul li a:hover {
	text-decoration:underline;
	}
#footer ul li a.last {
	border-right:none;
	}
#footer_copyright {
	float:right;
	display:inline;
	padding: 10px 15px 10px 0;
	}
	
/* headings */

h1 {
	font: normal 26px/29px Georgia, "Times New Roman", Times, serif;
	color:#336699;
	margin:0 0 10px 0;
	}
h2 {
	font:15px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#B35639;
	margin: 0 0 10px 0;
	font-weight: bold;
	}
h3 {
	font:13px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#336699;
	margin: 0 0 10px 0;
	font-weight: bold;
	}
h4 {
	font:13px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#color:#990000;
	margin: 5px 0 3px 0;
	}
.green {
	margin: 0 0 5px 0;
	color: #339900;
	font-weight: bold;
	}
.largegreen {
	margin: 0 0 5px 0;
	color: #009900;
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 105%;
	}
.largered {
	color: #990000;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	}
.credit {
	font-style: italic;
	font-size: 9px;
	}
.home h1, .watersheds h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.home h2 .watersheds h2 {
	font:normal 16px/18px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	}

#sidebar1 h2, #sidebar2 h2 {
	padding:4px 12px;
	color: #fff;
	font:normal 16px/18px Georgia, "Times New Roman", Times, serif;
	}
#county_link h2 {
	padding:35px 50px;
	margin:0;
	}
#right_sidebar h3 {
	color:#6e2405;
	padding:5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	}
.watersheds #right_sidebar h3 {
	color:#9e180d;
}
.watersheds #header {
	background:url(images/banner-so-marin.gif) no-repeat left top;
	}
#left_content h2 {
	font:bold 13px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	padding: 6px 0;
	}
.subpage3 #right_sidebar h2 {
	color:#666;
	font-family: normal Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 24px;
	font-variant: normal;
	}
.subpage3 #right_sidebar p {
	color:#666;
	font-style:oblique;
	}
/* main navigation */

#navigation {
	float:left;
	width:960px;
	background-color:#0b3543;
	z-index:100;
	position:relative;
	}
#jsddm
{
	margin: 0;
	padding: 0;
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 13px Tahoma, Arial;}

	#jsddm li a {
	display: block;
	background: #0b3543;
	padding: 7px 25px;
	text-decoration: none;
	border-right: 1px solid #7895a3;
	color: #EAFFED;
	white-space: nowrap;
}
		
	#jsddm li a.first {
		padding-left:18px;
		}

	#jsddm li a:hover {
		background: #B35639;
	}
	#jsddm li a.selected {
		background:#B35639;
		padding: 7px 25px;
	
		}
	#jsddm li a.last {
			border-right:none;
			}	
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
		}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			}
		
		#jsddm li ul li a {	
			background-color: #CE8044;
			width:auto;
			padding: 7px 25px;
			border-bottom:1px solid #C9B9A7;
			}
		#jsddm li ul li a.last {
			border:none;
			}
		
		#jsddm li ul li a:hover
		{	background-color: #DEA33C;}

/* other navigation */

#middle_content #breadcrumb {
	padding:0 0 10px 0;
	}
#breadcrumb p a:link, #breadcrumb p a:visited, #breadcrumb p a:hover, #breadcrumb p a:active {
	color:#808080 !important;
	font:normal 10px/13px Tahoma Arial, Helvetica, sans-serif;
	text-decoration:underline;
	background-color:#fff;
	}
#middle_content #breadcrumb p a:visited {
	color:#0b3543;
	}
#middle_content a:link, #middle_content a:visited, #middle_content a:hover, #middle_content a:active  {
	font-weight: normal;
	text-decoration:none;
	color:#069;
		}
#bottom_links {
	text-align:left;
	}
#bottom_links a:link, #bottom_links a:visited, #bottom_links a:active {
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#336699;
	text-decoration:none;
	}
#bottom_links a:hover {
	text-decoration:underline;
	}
	
/* accordion subnav */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 190px;
}

ul#menu a {
  display: block;
  text-decoration: none;
  font:normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
  color:#fff;
}

ul#menu li {
  border-bottom:1px solid #bcbec0;
}

ul#menu li a {
  color: #fff !important;	
  padding: 0.5em;
  font:normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
  padding-left:10px;
  background:#517997 url('images/arrow-rt-blue.png') no-repeat 170px center;
}
ul#menu li a:hover, ul#menu ul li a:visited {
	background:#517997 url('images/arrow-dn-blue-lt.png') no-repeat 170px center;
	font:normal 12px/15px Tahoma, Arial, Helvetica, sans-serif !important;
	}

ul#menu li ul li a:link, ul#menu li ul li a:visited {
  background-color: #568d47 !important;
  font:normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
  color: #fff;
  padding-left: 15px;
  background-image:none;
}

ul#menu li ul li a:hover {
  background-color: #64b749 !important;
  padding-left: 15px;
  background-image:none;
  font:normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
}

/* home gallery */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is ensures that the slideshow content won't display unless javascript is enabled. */
	display: none;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
#loading {
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	float:left;
	margin:0;
	padding:0;
	width:735px;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	margin:0;
	padding:0;
}

#slideshow img {
	border: none;
	display: block;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
#thumbs {
	width:735px;
	height:55px;
	background: url(images/slideshow/bg-thumbs.jpg) no-repeat left top;
	margin:0;
	padding:4px 0 0 25px;
	text-align:center;
	}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(images/slideshow/bg-thumbs.jpg) no-repeat left top;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0 10px;
	list-style: none;
	padding-top:5px;
}
a.thumb {
	display: block;
	border: 1px solid #fff;
}
ul.thumbs li.selected a.thumb {
	border: 1px solid #fff;
}
a.thumb:focus {
	border: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
/* individual watersheds page classes */

.watersheds-lucas #header {
	background:url(images/banner-miller.jpg) no-repeat left top;
	}
.watersheds-lucas h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-lucas #right_sidebar {
	background:#e1debb url('') no-repeat top left;
	}
.watersheds-lucas #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-lucas #right_sidebar h3 {
	color:#9e180d;
}	
.watersheds-novato #header {
	background:url(images/banner-novato.gif) no-repeat left top;
	}
.watersheds-novato h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-novato #right_sidebar {
	background:#e1debb url('') no-repeat top left;
	}
.watersheds-novato #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-novato #right_sidebar h3 {
	color:#9e180d;
}	
.watersheds-ross #header {
	background:url(images/banner-ross.gif) no-repeat left top;
	}
.watersheds-ross h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-ross #right_sidebar {
	background:#e1debb url('') no-repeat top left;
	}
.watersheds-ross #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-ross #right_sidebar h3 {
	color:#9e180d;
}	
.watersheds-stinson #header {
	background:url(images/banner-stinson.gif) no-repeat left top;
	}
.watersheds-stinson h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-stinson #right_sidebar {
	background:#e1debb url('') no-repeat top left;
	}
.watersheds-stinson #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-stinson #right_sidebar h3 {
	color:#9e180d;
}	
.watersheds-geronimo #header {
	background:url(images/banner-geronimo.gif) no-repeat left top;
	}
.watersheds-geronimo h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-geronimo #right_sidebar {
	background:#e1debb;
	}
.watersheds-geronimo #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-geronimo #right_sidebar h3 {
	color:#9e180d;
}
.watersheds-gallinas #header {
	background:url(images/banner-gallinas.jpg) no-repeat left top;
	}
.watersheds-gallinas h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-gallinas #right_sidebar {
	background:#e1debb;
	}
.watersheds-gallinas #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-geronimo #right_sidebar h3 {
	color:#9e180d;
}
.watersheds-zone #header {
	background:url(images/banner-geronimo.gif) no-repeat left top;
	}
.watersheds-zone h1 {
	color:#fff;
	padding:5px 0;
	font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
	}
.watersheds-zone #right_sidebar {
	background:#e1debb url('') no-repeat top left;
	}
.watersheds-zone #right_sidebar_content {
	padding:15px 15px 20px 15px;
	}
.watersheds-zone #right_sidebar h3 {
	color:#9e180d;
}
.watersheds-zone a:link, a:visited {
	color:#336699;
	text-decoration:none;
}
/*library styles*/
#libheader {
	color:#FFF;
	height: 21px;
	background-color:#B35639;
	padding: 2px 0 0 5px;
	}
#libheader p{
	color:#FFF;
	font-style: bold;
	font-size: 14px;
	line-height: 125%;
	}	
/*tables styles*/
#librarytables {
	width: 570px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 10px 0;
	width: 570px;	 
	font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#B35639;
	text-align: left;
	
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

/* skip and access begin ========================================= */
.access  {
position : absolute;
top : -1000px;left : -1000px;
}

#skip a, #skip a:hover, #skip a:visited
 { 
 border:0;
 position:absolute; 
 left:0px; 
 top:-500px; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 } 
  
#skip a:active, #skip a:focus 
 { 
 border:0;
 position:static; 
 width:auto; 
 height:auto; 
 }	

/* skip and access end */