img, div, a, h1 { behavior: url(/iepngfix.htc) } 

html { margin: 0; padding: 0;  /*#A9C5DC url(images/blue_gradient_bg.jpg) center top repeat-x*/; }

body { background: #569DC0 url(images/body-blue-gradient-bg.png) repeat-x; margin: 20px 0 20px 0; padding: 0; font-family: Palatino, georgia, lucida grande, helvetica, arial; } 

hr { height: 1px; background: #CCC; border: none; }

#clearboth { clear: both; }

#toplinks { width: 870px; height: 20px; color: #EEE; text-align: right; padding: 0; margin: 10px auto; font-size: 95%; }
#toplinks a { color: #FFF; text-decoration: none; }
#toplinks a:hover { color: #FFF; border-bottom: 1px solid #EEE; }

#container { background: #FFF; border: 4px solid #DDD; width: 870px; padding: 0; margin: 0 auto; }

#header { position: relative; width: 850px; background: #FFF; margin: 0; padding: 20px 0 20px 20px; }

#outings { position: absolute; top: 2px; right: 35px; }

#header #homelink { position: absolute; left: 730px; top: 15px; font-size: 90%; width: 200px; }
#header #homelink a { color: #111; text-decoration: none; } 
#header #homelink a:hover { text-decoration: underline; } 

#header h1 { margin: 0;  }

#header h1 a { display: block; padding: 50px 20px 50px 150px; margin: 0; color: #FFF; font-size: 25px; text-decoration: none; background: url(images/sscrcd-logo-150x.jpg) 0px 50% no-repeat;}

#header h1 a:hover { background: #668F2B ; }

#pageheader { margin: 0 0 0 0; padding: 8px 0 8px 0; font-weight: bold; letter-spacing: 2px; color: #666; font-size: 17px;  } 

#topmenu { width: 830px; background: #CCC /*url(images/topmenu_gray_bg.jpg) center center no-repeat*/; margin: 0 0 0 20px; padding: 0; }

#maincontain { width: 830px; background: #FFF url(images/main-contain-bg.gif) 0px 20px repeat-y; margin: 20px 20px 0px 20px; padding: 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }

#mainbody { float:left; width: 615px; border-right: 0px dotted #999; padding: 20px 20px 10px 0px; margin: 0px 0 0px 0; font-size: 100%; line-height: 21px; color: #333; background: #FFF; }
#mainbody a { color: #628330; }

#mainbody h2 { margin-top: 0; color: #628330; font-size: 150%; line-height: 130%; font-weight: normal; }
#mainbody h3 { /*padding-top: 20px;*/  color: #628330; font-size: 20px; font-weight: normal; border-top: 0px dotted #CCC; }
#mainbody h3 a { /*padding-top: 20px;*/  color: #628330; font-size: 20px; font-weight: normal; border-top: 1px dotted #FFF;  }

#mainbody h4 { color: #628330; font-size: 18px; font-weight: normal; } 

#mainbody img { padding: 3px; border: 1px solid #CCC; padding: 3px; margin: 10px 0 10px 0; }
#mainbody ul { padding: 0px 0px 0px 15px; }
#mainbody ul li { margin: 0px 0 5px 0; padding: 0;  }

#mainbody #constantcontact img { padding: 0; margin: 0; border: none; }

#hardcopy { float: right; background: url(images/get-a-hardcopy-bg.png) center center no-repeat; font-size: 105%; width: 177px; height: 32px; text-align: center; line-height: 32px; }

#hardcopy:hover { background: url(images/get-a-hardcopy-bg-solid.png) center center no-repeat; } 

#hardcopy a { color: #FFF; font-weight: normal; text-decoration: none; display: block; }

#rightcolumn { float: right; width: 190px; margin: 0; padding: 0; color: #333; }
/*#rightcolumn h3 { margin: 0; padding: 0; font-size: 95%; }
#rightcolumn strong { color: #333; }*/

#rightcolumn #news { width: 185px; padding: 0px 7px 11px 0px; margin: 0; } 
#rightcolumn #news h3 { margin: 0; padding: 0; font-size: 95%; } 
#rightcolumn #news li { font-size: 90%; } 
#rightcolumn #news a { text-decoration: none; }
#rightcolumn #news a:hover { text-decoration: underline; }

/* fancy styles
#rightcolumn #news h3 a { display: block; text-decoration: none; color: #333; margin: 0; padding: 8px 7px 6px 9px; background: url(images/rightcolumn-h3-bg.jpg) center center no-repeat; border-bottom: 1px solid #CCC; }
#rightcolumn #news h3 a:hover { background: #D9D9D9; }*/

#rightcolumn #news h3 a { display: block; text-decoration: none; color: #444; margin: 0; padding: 10px 7px 3px 9px; }
#rightcolumn #news h3 a:hover { text-decoration: underline; }

#rightcolumn #news p { margin: 9px 0 0 9px; font-size: 90%; }
/*#rightcolumn #news p a {  }*/

#rightcolumn #watersheds { width: 190px; padding: 0; margin: 0; border-bottom: 0px solid #CCC; } 
#rightcolumn #watersheds h3 { margin: 0; padding: 0; font-size: 95%; } 

/* fancy styles
#rightcolumn #watersheds h3 a { display: block; text-decoration: none; color: #333; margin: 0; padding: 8px 7px 6px 9px; background: url(images/rightcolumn-h3-bg.jpg) center center no-repeat; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; }
#rightcolumn #watersheds h3 a:hover { background: #D9D9D9; }*/

#rightcolumn #watersheds h3 a { display: block; text-decoration: none; color: #444; margin: 0; padding: 10px 7px 8px 9px; border-top: 1px solid #CCC; }
#rightcolumn #watersheds h3 a:hover { text-decoration: underline; }

#rightcolumn #watersheds img { margin: 0px 0 9px 9px; }

#rightcolumn #report { width: 190px; padding: 0; margin: 0px 0 10px 0; } 
#rightcolumn #report h3 { margin: 0; padding: 0; font-size: 95%; } 

#rightcolumn #constantcontact { width: 180px; padding: 10px 0 10px 10px; margin: 0px 0 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } 
#rightcolumn #constantcontact h3 { margin: 0; padding: 0; font-size: 95%; } 

/* fancy styles
#rightcolumn #report h3 a { text-decoration: none; color: #333; margin: 0; padding: 8px 7px 6px 9px; background: url(images/rightcolumn-h3-bg.jpg) center center no-repeat; display: block; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; }
#rightcolumn #report h3 a:hover { background: #D9D9D9;  }*/

#rightcolumn #report h3 a { display: block; text-decoration: none; color: #444; margin: 0; padding: 10px 7px 8px 9px; border-top: 1px solid #CCC; }
#rightcolumn #report h3 a:hover { text-decoration: underline; }
#rightcolumn #report img { margin: 0px 0 0 9px; }


#navigation { float: right; width: 172px; margin: 0; padding: 15px 8px 15px 10px; color: #333; }
#navigation strong { color: #333; }
#navigation ul { margin: 0; padding: 0; font-size: 15px; font-weight: bold; }
#navigation li { margin: 0; padding: 0; list-style: none; } 
#navigation li a { display: block; padding: 6px 5px 5px 9px; text-decoration: none; color: #555; border-bottom: 1px solid #CCC; }
#navigation li a:hover { background: #E6E6E6; color: #444; }
#navigation ul li ul li a { padding: 6px 5px 5px 17px; font-weight: normal; }
#navigation li a.sonoma { color: #FFF; background: #B2CA6C url(images/sonoma-creek-nav-bg.jpg) center center no-repeat; text-align: center; }
#navigation li a.stemple { color: #FFF; background: #E3A653 url(images/stemple-creek-nav-bg.jpg) center center no-repeat; text-align: center; }
#navigation li a.petaluma { color: #FFF; background: #689CB4 url(images/petaluma-creek-nav-bg.jpg) center center no-repeat; text-align: center; }
#navigation li a.sonoma:hover { background: #8C9E53; }
#navigation li a.stemple:hover { background: #B1803F; }
#navigation li a.petaluma:hover { background: #527D90; }

#imageright { float: right; margin: 0 0 10px 15px; padding: 3px; border: 1px solid #CCC; }
#imageright img { border: none; margin: 0; padding: 0; }
/*#imageright:after { content: ""; height: 1px; display: block; }*/

#imageleft { float: left; margin: 0 15px 10px 0px; padding: 3px; border: 1px solid #CCC; }
#imageleft img { border: none; margin: 0; padding: 0; }
/*#imageright:after { content: ""; height: 1px; display: block; }*/

#imagecenter { float: right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #CCC; }
#imagecenter img { border: none; margin: 0; padding: 0; }

#slideshowhome { width: 615px; background: #DDD; border: none; padding: 0px; margin: 0px 0 20px 0px; }
#slideshowhome img { border: none; margin: 0; padding: 0; }

#slideshow { width: 384px; float: right; border: 0px solid #EEE; padding: 0px; margin: 0 0 0px 25px; text-align: right; color: #999; font-weight: bold; font-size: 1.2em; }

#rotateright { width: 384px; float: right; border: 0px solid #EEE; padding: 0px; margin: 0 0 0px 12px; }
#rotateright img { border: none; }

#thumbs { text-align: center; }
#thumbs img { border: 1px solid #CCC; margin: 0 20px 20px 0; padding: 3px; }


#publication { border-bottom: 1px dotted #CCC; margin: 0 0 20px 0;}
#publication img { float: left; padding: 0; margin: 0 18px 10px 0; border: none; }
#publication h3 { font-size: 110%; border: none; margin-top: 0; padding-top: 0; } 
#publication h3 a { font-size: 110%; } 
#publication ul { margin: 0; padding: 0 0 0 20px; }
#publication table { margin: 0; font-size: 90%; width: 100%; background: #F6F6F6; border: 1px solid #CCC; }
#publication table strong { font-size: 105%; } 

.fiscaltable { font-family: arial, helvetica, sans-serif; font-size: 80%; line-height: 110%; background: #569DC0; }
.fiscaltable td { background: #FFF; }

#toplink { text-align: right; }
#toplink a { text-align: right; display: block; }

#footer { margin: 20px 0 0 0; padding: 0; font-size: 15px; line-eight: 21px; text-align: center; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; margin: 0 1px 0 1px;; padding: 0 1px 0 1px; }
#footer a:hover { border-bottom: 1px solid #EEE; }

#copy { color: #FFF; padding: 15px  0 20px 0; margin: 0 auto; width: 860px; font-size: 14px; text-align: center; }

#avian { text-align: center; margin: 0 auto 15px auto; font-family: arial; }
#avian a { border: 1px solid #EEE; color: #EEE; margin: 0; padding: 5px 5px 4px 5px; text-align: center; font-size: 11px; text-decoration: none; }
#avian a:hover { background: #555; }