/* CSS Document */

/*GLOBAL STYLES*/
body {background: #586733 url(../img/bkgd-image.jpg) 0 0 repeat-x; color: #000; font: 10pt arial, helvetica, sans-serif normal; margin: 0; padding: 0;  }
h1 {font-size: 18pt bold; color: #fff; }
ul {list-style-type: none; display: block; }
.clear {clear: both;}
a:link; a:hover {color: #fff;}
:focus, :active {outline: none;}
img {border: 0;}

/*MAIN TEMPLATE STYLES*/
#wrapper {background: #000; padding: 0 0 0 20px; margin-left: 0; width: 760px;}
* html #wrapper {padding-left: 0; position: absolute;}
#header { margin: 0; padding: 0; width: 760px; background: #fff; height: 222px; }
* html #header {width: 760px;}
.mainHeader { font: 16pt arial, sans-serif bold; color: #fff; text-align: right; padding: 17px 30px 6px 0; float: left; clear: none; width: 431px; background: #a0a1a4; margin: 0;}
#header img {float: left; clear: none; }

/*MAIN NAV STYLES*/
#mainNav {margin: 0 0 0 -10px; padding-top: 10px; float: left; width: 540px; text-transform: uppercase; position: relative;}
* html #mainNav {margin-left: 0px;}
*:first-child+html #mainNav {margin-left: 0px;}
#mainNav li {display: inline; border-right: 2px dotted #9fa0a4;}
#mainNav a:link, #mainNav a:visited {color: #9fa0a4; text-decoration: underline; font: 9pt arial, geneva, helvetica, sans-serif bold; padding: 0 10px 0 10px; }
#mainNav .navLast {border-right: none;}
#mainNav .navOn, #vol2 #mainNav .volume2 a, #vol1 #mainNav .volume1 a, #comments #mainNav .comments a, #next #mainNav .nextsteps a, #faq #mainNav .faq a, #comments2 #mainNav .volume2 a, #comments1 #mainNav .volume1 a,  #home #mainNav .home a {color: #000 !important;}
#mainNav a:hover, #mainNav a:active {color: #000;}

/*CONTENT DIV MAIN STRUCTURE AND HEADERS*/
#content {background: #fff; min-height: 400px; width: 100%; padding-bottom: 20px; margin-top: -20px; }
* html #content {}
* html #textContent a, * html #textContent a:visited, * html #textContent a:active, * html #textContent a:hover {background-image: none;}
#subNavHome { height: 255px; width: 285px; padding-top: 77px; margin-top: -30px; float:left;}
.homeHeader {margin-top: 0px; padding: 0px; margin-left: 10px; color: #586733; font-size: 22pt;}
#dateInfo {margin-left: 10px; margin-right: 10px; font-weight: bold; padding: 0; border: 1px solid #ddd; background-color: #eaebe4; color: #586733; text-align:justify; }
.available {background-color: #C1C9A5; color: #336600; font-weight: bold; font-size: 12pt; margin: 0; text-align: center; padding: 5px;}
.lcpDates { color: #990000; padding: 0 10px 0x 10px; margin-bottom: 3px; line-height: 1.5em; text-align: center; font-size: 11pt; }
.reviewInstruct { font-weight: normal; padding: 0 10px 5px 10px; margin-top: 0px;}
.genCommentHeader {margin-top: 10px; margin-left: 10px; color: #586733; font-size: 22pt; }

/*TEXT CONTENT STYLES*/
#textContent {float: left; clear: none; margin-left: 20px; margin-top: 20px; margin-right: 20px; width: 430px;}
* html #textContent {margin-right: 0px; }
#textContent h2 {color: #586733; font-size: 13pt; padding-left: 20px; background: url(../img/arrow.jpg) 0 2px no-repeat; }
#textContent p {text-align: justify;}

#textContent a, #textContent a:visited {color: #336600; text-decoration: underline; }
#textContent a:hover, #textContent a:active {color: #999900; }
#textContent .volLink {text-align: right; }
#textContent .volLink a:link, #textContent .volLink a:visited {color: #586733; padding-right: 20px; font-weight: bold; background: transparent url(../img/arrow.jpg) right top no-repeat;}


/*FOOTER STYLES*/
#footer {padding: 0px 30px 10px 80px;  height: 40px; background: #fff;}
#footer p {text-align: left; padding: 10px 0px 0px 0px; font: 8pt Geneva, Helvetica, Arial, sans-serif; border-top: 1px solid #000; margin: 0 0 0 40px;}

/*VOLUME 1 TEMPLATE STYLES*/
#subNav {margin-left: 120px; width: 150px; float: left; }
* html #subNav {margin-left: 50px;}
#subNav h1 {font: 12pt arial, sans-serif bold; color: #000; margin-top: 30px; margin-bottom: 10px; padding: 0; }
#subNav ul {border-top: 1px dashed #ccc; list-style: none; margin-left: 0px;}
#subNav ul li { margin: 0px; border-bottom: 1px dashed #ccc; width: 150px; margin-left: -40px; }
* html #subNav ul li {margin-left: 0px;}
*:first-child+html #subNav ul li {margin-left: 0px;}
#subNav a, #subNav a:visited {color: #666; text-decoration: none; font-size: 10pt; margin: 0; padding: 5px 2px; display: block;}
#subNav a:hover, #subNav a:active, #subNav .on {color: #000 !important; background-color: #c7c6a0; padding: 5px 2px; display: block;}
. 10px, .pageHead {border-bottom: 1px solid #000;}
.chHead h2 {float: left; width: 250px; margin-bottom: 0px; text-transform: uppercase}
* html .chHead h2 { margin-top: 15px; padding-bottom: 10px;}
.chHead p {float: right; clear: none; width: 160px; text-align: left; margin-top: 15px; }
* html .chHead p {height: 35px; margin-top: 10px; padding-top: 10px; }
*:first-child+html .chHead p {margin-top: 0; padding-top: 0;}
#textContent .chHead a, #textContent .chHead a:visited, #textContent .chHead a:active {background: url(../img/submit-comment.jpg) 0 0 no-repeat; display: block; height: 27px; width: 121px; padding: 0; text-indent: -4000px;}
#textContent .chHead a:hover {background: url(../img/submit-comment.jpg) 0 -27px no-repeat; }
.shadedText {border: 1px solid #000; background: #c7c6a0; padding: 8px 10px 10px 10px;}

.pageNav {padding-top: 10px; margin-top: 10px; border-top: 1px solid #000; }
.pageNav img {border: none; }
.prev {float: left; clear: both; }
.next {float: right; }
.acronyms {padding-top: 10px;}
.acronyms a, .acronyms a:visited {padding: 3px 10px; color: #586733; background: #c7c6a0; text-decoration: none;  }
.acronyms a:hover, .acronyms a:active {background: #586733; color: #fff;}

/*VOLUME II STYLES*/
.map {text-align: center; font-size: 8pt; }
.watersheds li li {margin-right: 28px;}
.watersheds li a{display: block; margin-right: 130px; margin-left: 0px;}
.watersheds a, .watersheds a:visited {color: #586733; border-bottom: 1px dotted #ccc; padding: 3px 0; text-decoration: none; }
.watersheds a:hover, .watersheds a:active {color: #ccc;}
.pdf, p.pdf.cr span {background: transparent url(../img/icon-pdf.gif) right 2px no-repeat; padding: 0 15px 5px 0; width: auto; border-bottom: 1px solid #ccc; font-weight: bold;}
p.pdf.cr {background: transparent;}
p.pdf.cr span {border-bottom: 0;}
.pdf a {text-decoration: none !important;}
.pdf span {color: #ccc; font-size: 90%;}
#map {width: 426; height: 590px; background: transparent url(../img/main-map.jpg) 0 0 no-repeat;}
#map a, #map span.off a {display: block; text-indent: -9000px; padding: 2px; position: relative; border: 0;}
#map a:hover, #map span.on a {border: 2px solid #fff; padding: 0;}
#map .pit {top: 93px; left: 139px; height: 26px; width: 36px;}
#map .cow {top: 95px; left: 125px; height: 26px; width: 30px;}
#map .feather {top: 99px; left: 128px; height: 55px; width: 52px;}
#map .potter {top: 76px; left: 61px; height: 7px; width: 12px;}
* html #map .potter {font-size: 1px;}
#map .yuba {top: 96px; left: 141px; height: 46px; width: 48px;}
#map .mokelumne {top: 106px; left: 146px; height: 20px; width: 52px;}
#map .stanislaus {top: 108px; left: 157px; height: 47px; width: 44px;}
#map .willow {top: 119px; left: 185px; height: 24px; width: 12px;}
#map .kings {top: 117px; left: 200px; height: 17px; width: 16px;}
#map .kern {top: 158px; left: 192px; height: 56px; width: 25px;}
#map .carrizo {top: 139px; left: 131px; height: 4px; width: 8px;}
.block {display: block !important}
.none {display: none;}

/* NEW Map */
#map2 {width: 426; height: 560px; background: transparent url(../img/main-map2.jpg) 0 0 no-repeat;}
#map2 a, #map2 span.off a {display: block; text-indent: -9000px; padding: 2px; position: relative; border: 0;}
#ma2p a:hover, #map2 span.on a {border: 2px solid #fff; padding: 0;}
#map2 .pit {top: 93px; left: 139px; height: 26px; width: 36px;}
#map2 .cow {top: 95px; left: 125px; height: 26px; width: 30px;}
#map2 .feather {top: 99px; left: 128px; height: 55px; width: 52px;}
#map2 .potter {top: 76px; left: 61px; height: 7px; width: 12px;}
* html #map2 .potter {font-size: 1px;}
#map2 .yuba {top: 96px; left: 141px; height: 46px; width: 48px;}
#map2 .mokelumne {top: 106px; left: 146px; height: 20px; width: 52px;}
#map2 .stanislaus {top: 108px; left: 157px; height: 47px; width: 44px;}
#map2 .willow {top: 119px; left: 185px; height: 24px; width: 12px;}
#map2 .kings {top: 117px; left: 200px; height: 17px; width: 16px;}
#map2 .kern {top: 158px; left: 192px; height: 56px; width: 25px;}
#map2 .carrizo {top: 139px; left: 131px; height: 4px; width: 8px;}

* html #map a {background-image: none !important;}
/* html .noie {display: none;}*/

/* Hidden Map Div */
#planning-units {position:absolute; top: 900px; left: 100px; width: 198px; height: 274px; background: transparent url(../img/planningunit-top.png) 0 0 no-repeat; padding: 10px 0 0 0; display: none;}
* html #planning-units {position: relative; top: 900px; left: 20px;}
#planning-units ul {border: 1px solid #000; border-width: 0 3px 0 3px; width: 124px; margin: 0; background: #fff;}
* html #planning-units ul {width: 164px; position: relative; top: -2px;}
*:first-child+html #planning-units ul {width: 164px;}
* html #planning-units ul li {margin-left: 20px;}
*:first-child+html #planning-units ul li {margin-left: 20px;}
#planning-units .bottom {height: 29px; background: transparent url(../img/planningunit-bottom.png) 0 0 no-repeat;}
/* IE fixes */
* html #planning-units {background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://lcp.stewardshipcouncil.org/img/planningunit-top.png", sizingMethod="crop");}
* html #planning-units .bottom {background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://lcp.stewardshipcouncil.org/img/planningunit-bottom.png", sizingMethod="crop"); margin-top: -2px;}

#planning-units a, #planning-units a:visited {color: #336600; text-decoration: underline; }
#planning-units a:hover, #planning-units a:active {color: #999900; }
#planning-units li {margin: 0 0 0 -22px; padding: 3px 15px 3px 0;}
#planning-units .close {height: 14px; width: 14px; display: block; background: #fff url(../img/close.jpg) 0 0 no-repeat; margin: 0 0 8px 22px; text-indent: -4000px;}
* html #planning-units .close {visibility: hidden;}
#planning-units h2 {margin: -5px 45px 0 22px; line-height: .9; font-size: 21px;}





/*VOLUME II Subnav Expandable Menus*/
#subNav ul ul, #subNav ul ul ul {display: none; border-top: 0;}
#subNav ul ul {border-bottom: 6px solid #827e59;}
#subNav ul ul li {border-bottom: 0; width: 132px;}
#subNav ul ul ul {width: 147px; border-bottom: 0;}
#subNav ul ul ul li {border-bottom: 1px solid #ccc; width: 147px;}
#subNav ul ul li a, #subNav ul ul li a:visited {color: #fff; background-color: #aaa; padding: 2px 15px 2px 2px; display: block; width: 132px; margin: 2px 0; border: 0;}
#subNav ul ul ul li a, #subNav ul ul ul li a:visited, #subNav ul ul ul li a:active {color: #666; background: #fff; padding: 2px; display: block; width: 147px; margin: 0; border: 0;}
#subNav ul ul li a:hover {color: #333 !important; background-color: #aaa; padding: 2px 15px 2px 2px; display: block; width: 132px;}
#subNav ul ul ul li a:hover, #subNav ul ul ul li .on {color: #000; background: #fff; padding: 2px; width: 147px;}
#subNav ul li a.toggle {background: #fff url(../img/toggle1.jpg) 130px center no-repeat;}
#subNav ul li a.toggle-open, #subNav ul li a.toggle-open:hover, #subNav ul li a.toggle-open:active, #subNav ul li a.toggle-open:visited, #watershed #subNav ul li a#level1, #watershed #subNav ul li a#level1:hover {background: #827e59 url(../img/toggle-open1.jpg) 127px center no-repeat; color: #fff !important;}
#subNav ul ul li a.toggle {background: #aaa url(../img/toggle2.jpg) 130px center no-repeat;}
#subNav ul ul li a.toggle-open, #subNav ul ul li a.toggle-open:hover, #subNav ul ul li a.toggle-open:active, #subNav ul ul li a.toggle-open:visited, .pitmccloud #subNav ul ul li a#pit, .cow-battle #subNav ul ul li a#cow, .feather-river #subNav ul ul li a#feather, .potter-valley #subNav ul ul li a#potter, .yuba-bear #subNav ul ul li a#yuba, .mokelumne #subNav ul ul li a#moke, .stanislaus #subNav ul ul li a#stan, .willow-creek #subNav ul ul li a#willow, .kings-river #subNav ul ul li a#kings, .kern-tule #subNav ul ul li a#kern, .carrizo #subNav ul ul li a#car {background: #c1c1c1 url(../img/toggle-open2.jpg) 127px center no-repeat; color: #000 !important;}
li.head {background: #827e59; color: #fff; padding: 2px; width: 146px !important; border-top: 0 !important;}
/* these open expandable divs */
#watershed .watersheds {display: block;}
.pitmccloud #pitmccloud, .cow-battle #cow-battle, .feather-river #feather-river, .potter-valley #potter-valley, .yuba-bear #yuba-bear, .mokelumne #mokelumne, .stanislaus #stanislaus, .willow-creek #willow-creek, .kings-river #kings-river, .kern-tule #kern-tule, .carrizo #carrizo, .supporting #supporting {display: block;} 
a#level1, a#level1:hover, a#level1:visited, a#level1:active {background-color: #fff;}

/*COMMENT FORMS*/
.commentHead h2 {border-bottom: 1px solid #000; margin-bottom: 20px;}
#textContent form p {margin-top: 10px; margin-bottom: 3px;}
#textContent form {background: #eaebe4; padding: 10px 30px;}
#textContent #submit {margin-top: 10px; color: #fff; background: #586733; }

/* COMMENTS & RESPONSES */
#comments #textContent a {text-decoration: none; border: 0;}
#comments #textContent a.toggle {background: #fff url(../img/toggle1.jpg) 370px center no-repeat;}
#comments #textContent a:hover {color: #000;}
#comments #textContent a.toggle-open {background: #827e59 url(../img/toggle-open1.jpg) 370px center no-repeat; color: #fff !important;}
#comments #textContent .pdf {background-position: right center;}
* html #comments #textContent a.toggle {background-position: 280px center;}
* html #comments #textContent a.toggle-open {background: #827e59 url(../img/toggle-open1.jpg) 280px center no-repeat;}

#comments #textContent ul {margin-left: -20px;}
* html #comments #textContent ul.watersheds {margin-left: 0; width: 300px !important;}
* html #comments #textContent ul, * html #comments #textContent li {margin-left: 0;}
* html #comments #textContent ul ul {margin-left: 0;}
*:first-child+htl #comments #textContent ul {margin-left: 0;}
*:first-child+html #comments #textContent ul ul {margin-left: 0;}
#comments #textContent ul ul, #comments #textContent ul ul ul {display: none;}
#comments #textContent li {padding: 5px 0; width: auto; border-bottom: 1px solid #ccc; font-weight: bold;}
#comments #textContent li li, #comments #textContent li li li {border: 0; font-weight: normal;}
#comments #textContent li a {padding: 5px; width: 97.3%;}
.chHead a, .chHead a:visited {display: block !important; color: #fff !important; background: #c7c6a0 !important; text-decoration: none; width: 420px !important; padding: 5px !important; text-align: right; text-indent: 0 !important; border-top: 10px solid #fff; height: auto !important; text-decoration: none !important; font-weight: bold; font-size: 110%;}
.chHead a:hover {background: #827e59 !important;}
.chHead p {float: none; clear: both;}
.commentBut {display: none !important;}
.hideLink a {display: none !important;}
.chHead h2 {float: none; width: auto;}
.topmargin {margin-top: 30px;}
.cr {margin: 10px 0 30px 0; border: 3px solid #827e59; padding: 5px; background-position: 400px 10px !important; line-height: 1.5;}



/*FAQ PAGE*/
.faq {color: #586733; font-weight: bold; }

/*ACRONYMS AND ABREVIATIONS PAGE*/
#acronymMenu li {display: inline; padding: 2px; }

/*Styles May 25, 2007-------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*HARD COPIES PAGE*/
#buildingContent { margin: 30px 10px; width: 450px; float: left; clear: none; }
#buildingContent h2 {color: #586733; font-size: 13pt; padding-left: 20px; background: url(../img/arrow.jpg) 0 2px no-repeat; text-align: left; }
#buildingContent table p {text-align: center; margin: 3px 0 2px 0;}
#buildingContent table {margin: 20px auto; border: 1px solid #ccc; padding: 0; }
#buildingContent table tr td {border: 1px solid #ccc; padding: 10px 0px;}
.bold {margin-top: 15px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #ccc; font-weight: bold; display: block;}
.tableTop {margin-top: 0; padding-top: 0px; padding-bottom: 10px; font-weight: bold; display: block;}


.pageNavTop { margin-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #000; height: 20px;}
.pageNavTop img {border: none; }


#textContent .volLink a:hover, #textContent .volLink a:active {color:#999933; padding-right: 20px; font-weight: bold; background: transparent url(../img/arrow-hover.jpg) right top no-repeat !important;}
.strong {font-weight: bold;}

.pdf-link {padding: 5px 0 5px 30px; background:#eaebe4 url(../img/pdf_icon.gif) 0 0 no-repeat; }
.pdf-link a, .pdf-link a:visited {text-decoration: none !important; color: #586733 !important;}
.pdf-link a:hover, .pdf-link a:active { color: #990000 !important;}


/*Styles - June 3rd, 2007*/
#meetingDates ul { list-style-position: outside; margin-left: 40px; padding-left: 0; }
#meetingDates ul li { margin-bottom: 10px;}

.publicInfo {margin: 15px 10px; padding: 1px 10px; background: #eaebe4; color: #586733; text-align:left; font-size: 10pt; font-weight: bold; }
.publicInfo a, .publicInfo a:visited {color: #663300; font-weight: bolder; text-decoration: none; }
.publicInfo a:hover, .publicInfo a:active {color: #990000;}
.right {text-align: right; padding-right: 10px; padding-top: 0px; margin-top: -5px; letter-spacing: .1em;}

/*CONFIRMATION PAGE*/
#back {background: transparent url(../img/back-arrow.jpg) 0 0 no-repeat; padding-left: 15px; font-weight: bold;}
#back:hover {background-position: 0 -15px;}

/* PAGE MARKERS INLINE WITH TEXT*/
.pageBreak {margin-top: 20px; padding: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

.pageNumber {float: left; width: 150px; padding: 0; margin: 15px 0 0 0; font-weight: bold; color: #999; }
.commentBut {float: right; clear: none; width: 150px; text-align: left; margin-top: 15px; }
* html .commentBut {margin-top: 10px;}
*:first-child+html .commentBut {margin-top: 10px;}
#textContent .commentBut a, #textContent .commentBut a:visited {background: url(../img/submit-comment.jpg) 0 0 no-repeat; display: block; height: 27px; width: 121px; padding: 0; text-indent: -4000px;}
#textContent .commentBut a:hover, .commentBut a:active {background: url(../img/submit-comment.jpg) 0 -27px no-repeat; }


/*Table Styles - GLOBAL*/
.tableTitle {text-align: center !important; font-weight: bold; }
table {text-align: left; padding: 0; margin: 0; border: 0; border-collapse: collapse; }
table th { border: 1px solid #555; font-weight: bold; background: #bdbd84; padding: 3px; }
table tr th p {text-align: center !important; margin: 0; padding: 3px; }
table tr td {margin: 0; padding: 5px; border: 1px solid #555; padding-left: 10px; }
table tr td p {text-align: left !important; margin: 3px; 0; padding: 0; }
.tableNote {font-size: 8pt; margin: 0px; padding: 2px; }
.nb td {border: 0;}

.sources li {margin-bottom: 10px; margin-left: -20px;}
.italic {font-style: italic; }


/* Styles - June 12, 2007 */
#textContent ul.bullet li {background: transparent url(../img/bullets.jpg) 0 3px no-repeat; padding-left: 10px; margin-left: -15px;}
* html #textContent ul.bullet li {margin-left: 0;}
.figure {color: #586733; font-size: 85%; text-align: center !important;}
.figure img {display: block; margin: 0 auto 3px auto;}
.endnote, .note {color: #586733; font-size: 85%;}
.endnote h3 {border-bottom: 1px solid #c7c6a0;}
h4 {color: #555; margin: 0 0 -5px 0;}
.toc p {text-align: left !important; border-bottom: 1px solid #c7c6a0; font-weight: bold; font-size: 95%;}
.toc ul {clear: both; font-size: 90%;}
.toc ul li {margin: 0 0 8px -30px;}
* html ul li {margin-left: 0;}
.toc ul span {margin-left: 8px;}
.toc span {color: #777;}
.toc span.pages {float: right; margin-bottom: -8px;}
.toc a {text-decoration: none !important;}
table.stripe {border: 0; border-collapse: collapse; width: 430px;}
table.stripe td {border: 0; padding: 0 5px !important; vertical-align: top;}
table.stripe th {background: #745451; border: 0; text-align: left; padding-left: 5px; }
table.stripe tr {background: #e3e0de;}
table.stripe .odd {background: #a7938e !important;}
table.stripe p {margin: 5px 0; text-align: left !important;}
.table-add {float: left; width: 90px; border-top: 108px solid #745451; background: #a7938e;}
.table-add div {padding: 17px 0 0 0; height: 108px;}
.table-add div.even {background: #e3e0de; padding-top: 198px; height: 267px;}
.table-add p {margin: 5px 3px; text-align: left !important;}
table.middle td {vertical-align: middle !important;}
.sourcesv2 p {text-align: left !important;}
/*Vol2 Form Styles*/
#plist option {display: none;}
.showws1 .ws1, .showws2 .ws2, .showws3 .ws3, .showws4 .ws4, .showws5 .ws5, .showws6 .ws6, .showws7 .ws7, .showws8 .ws8, .showws9 .ws9, .showws10 .ws10, .showws11 .ws11 {display: block !important;}
.col {border-right: 1px solid #666;}
#mainsite {position: absolute; top: 200px; left: 150px; z-index: 100;}
* html #mainsite {top: 180px;}
*:first-child+html {top: 180px;}
#mainsite a {color: #fff !important; text-decoration: none;}
#mainsite a:hover {color: #c1c9a5 !important;}
* html #txtResult {position: relative; background: transparent;}