body          { font-family:arial,helvetica; font-size:13px; color:black ; background-image:url('i/blue_bg.jpg'); background-repeat:repeat-x; }
	body.answers         { font-family:Times, serif; color:black; font-size:16px; color:black ; background-image: none; }
	h1			  { font-family:"Palatino", Times, serif; color:black; font-size: 24px; }
	h2			  { font-family:"Palatino", Times, serif; color:black; font-size: 20px; }
	h3			  { font-family:"Palatino", Times, serif; color:black; font-size: 16px; }
	h4			  { font-family:"Palatino", Times, serif; color:black; }
	td            { font-family:arial,helvetica; font-size:12px; color:black }
		.prj	{ padding-left:5px;padding-right:5px;text-align:right;font-size:9px;font-weight:bold;color:888888;border:none; }

	input         { font-family:arial,helvetica; font-size:10pt; color:black; background:#ffffff }
	textarea      { font-family:arial,helvetica; font-size:10pt; color:black; background:#ffffff }

	.borderedCell { border-right:1pt solid; border-color:#888888; padding-left:8pt; padding-right:8pt; }

	table.cogReport				{ border:solid 1pt #888888; }
	tr.cogReportRow				{ }
	tr.cogReportTitleRow		{ }
	td.cogReportCell			{	border:solid 1pt #888888;padding-left:5px;padding-right:5px;
									background-color:#ffffff;
									text-align:center;font-size:12px;
								}
	td.cogReportCellLeft		{	border:solid 1pt #888888;padding-left:5px;padding-right:5px;
									background-color:#ffffff;
									text-align:left;font-size:9px;
								}
	td.cogReportTitleCell		{	border:solid 1pt #888888;padding-left:5px;padding-right:5px;
									background-color:#ffffff;text-align:center;font-size:9px;
									font-weight:bold;color:#888888;;
								}
	th	{	border:solid 1pt #888888;padding-left:5px;padding-right:5px;
									text-align:left;font-size:12px;
									font-weight:bold;color:#888888;;
								}

	div.menuBar,
	div.menuBar a.menuButton {
		background-color:	#5c9463;
		color:				#FFFFFF;
		border:				1px solid #5c9463;
		padding:			2px 8px 2px 8px;
		font-family:		"MS Sans Serif", Arial, sans-serif;
		font-size:			8pt;
		font-weight:		bold;
		text-align:			center;
	  text-decoration:		none;
	}
	
	div.menuBar a.menuButton:hover {
	  background-color:		#FFFFFF;
	  color:				#5c9463;
	  border:				1px inset #5c9463;
	}
	
	img	{
		max-width: 100%
	}
#tabledata {	border:solid 1pt #888888;padding-left:5px;padding-right:5px;background-color:#ffffff;text-align:left;font-size:9px; }

html img.right { background: #fff; border: 1px #ceba88 solid; float: right; margin: 0 5px 4px 10px; padding: 2px; }
html img.bordered { background: #fff; border: 1px #ceba88 solid; margin: 0 5px 4px 10px; padding: 2px; }
html img.left { background: #fff; border: 1px #ceba88 solid; float: left; margin: 0 5px 4px 10px; padding: 2px; }

div.captioned { background: #fff; border: 1px #ceba88 solid; margin: 0 5px 4px 10px; padding: 2px; font-family:"Palatino", Times, serif; color:black; font-size: 13px; font-style: italic; } 
div.captioned img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; } 
div.cright { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
div.cleft { margin: 0.5em 0.8em 0.5em 0; float:left; } 

p.home          { font-size:14px;  }
blockquote { background: #eefffb; border: 1px #e2e2e1 solid; margin: 40px 1.2em; padding: 20px 20px; }

#alert   { width:250px; color:#0000aa; border:double 3pt #5c9463;;padding-left:10px;padding-right:10px;}
#alert p { font-size:14px;line-height:17px;color:#6666cc;  }
#alert h2 { color:#6666cc;  }

a.glossary { color:#6666cc;  }
span.definition {}
span.caption { font-style: italic; font-size: 10px; }
p.date_footer { color:#666666; font-style: italic; text-align:right; padding-bottom:15px; }


#navigation, a.menu-item-lg, a.menu-sub-item-lg { width:250px; font-weight:bold; color: #FFFFFF; font-family: "Palatino", Times, serif; font-size: 14px; }
	#navigation, a.menu-item-lg { text-decoration: none; }
#navigation ul { margin:0px; padding:0px; background-color:#5c9463; }
#navigation ul li {
	height:25px;
	line-height:25px;
	list-style:none;
	padding-left:10px;
	color:#FFF;
	border-top:#fff solid;
	border-bottom:#fff solid;
	border-width:1px;
	cursor:pointer;
}

#navigation ul ul {
	display:none;
	position:absolute;
	left:200px;
	top:5px;
	border:#fff solid;
	border-width:1px;
	background-color:#66cc00;
}

#navigation ul li:hover {background-color:#33cc33; position:relative;}
#navigation ul li:hover ul {display:block;}
#navigation ul ul li {border:none; width:200px; float:left; display:inline;}
#navigation ul ul li:hover {text-decoration:underline; border:none;}

#navigation li:hover ul li ul {display:none;}
#navigation ul > ul > ul ul li ul {left:110px; background-color:#0099CC;}
#navigation ul > ul ul li:hover ul {display:block;}






#navigation-inner, a.menu-item, a.menu-sub-item { width:130px; font-weight:bold; color: #FFFFFF; font-family: "Palatino", Times, serif; font-size: 11px; }
	#navigation-inner, a.menu-item { text-decoration: none; }
#navigation-inner ul { margin:0px; position: relative; left: 22px; padding:0px; background-color:#5c9463; }
#navigation-inner ul li {
	height:25px;
	line-height:25px;
	list-style:none;
	padding-left:5px;
	color:#FFF;
	border-top:#fff solid;
	border-bottom:#fff solid;
	border-width:1px;
	cursor:pointer;
}

#navigation-inner ul ul {
	display:none;
	position:absolute;
	z-index:99;
	left:120px;
	top:5px;
	border:#fff solid;
	border-width:1px;
	background-color:#66cc00;
}

#navigation-inner ul li:hover {background-color:#33cc33; position:relative;}
#navigation-inner ul li:hover ul {display:block;}
#navigation-inner ul ul li {border:none; width:200px; float:left; display:inline;}
#navigation-inner ul ul li:hover {text-decoration:underline; border:none;}

#navigation-inner li:hover ul li ul {display:none;}
#navigation-inner ul > ul > ul ul li ul {left:110px; background-color:#0099CC;}
#navigation-inner ul > ul ul li:hover ul {display:block;}

#main { position: absolute; left: 200px; top: 10px; padding-right: 40px; } 


#map {
    margin:0;
    padding:0;
    width:499px;
    height:700px;
    background:url(i/Map-of-the-Eel-River.jpg) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
}
#map li {
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
}
#map li a {
    position:absolute;
    display:block;
    text-decoration:none;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(blank.gif);
}
#map li a span { display:none; }
#map li a:hover span {
    position:absolute;
    display:block;
    width:400px;
    left:250px;
    top:-60px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    /* filter:alpha(opacity=80);
    	opacity:0.8;
    */
}
#map a.mouth {
    top:60px;
    left:20px;
    width:80px;
    height:90px;
    text-decoration:none;
}
#map a.ferndale {
    top:80px;
    left:50px;
    width:80px;
    height:90px;
    text-decoration:none;
}
#map a.scott-dam {
    top:550px;
    left:400px;
    width:80px;
    height:90px;
    text-decoration:none;
}
#map a.potter-valley {
    top:600px;
    left:350px;
    width:80px;
    height:90px;
    text-decoration:none;
}
#map a.van-arsdale {
    top:475px;
    left:325px;
    width:80px;
    height:150px;
    text-decoration:none;
}
#map a.dos-rios {
    top:425px;
    left:300px;
    width:100px;
    height:50px;
    text-decoration:none;
}
#map a.middle-fork {
    top:400px;
    left:350px;
    width:400px;
    height:90px;
    text-decoration:none;
}
#map a.van-duzen {
    top:150px;
    left:150px;
    width:400px;
    height:90px;
    text-decoration:none;
}
#map a.outlet-creek {
    top:500px;
    left:300px;
    width:50px;
    height:50px;
    text-decoration:none;
}
#map a.north-fork {
    top:250px;
    left:300px;
    width:100px;
    height:90px;
    text-decoration:none;
}
#map a.south-fork {
    top:250px;
    left:150px;
    width:100px;
    height:200px;
    text-decoration:none;
}