/* Basic CSS for a two-column page layout */

#image {    /* background image block */
width : 100px;
height: 50px;
}

#zone1 {    /* clickable area */
float: left;
width : 120px;
height: 60px;
margin-left: 20px;
margin-top: 30px;
}

#image2 {    /* background image block */
width : 40px;
height: 30px;
}

#zone2 {    /* clickable area */
float: left;
width : 100px;
height: 70px;
margin: 45px 0px -30px 690px;
padding: 10px 0px 0px 0px;
}

img.floatLeft {
	float: left;
	margin: 4px 10px 4px 10px;
	}

img.floatRight {
	float: right;
	margin: 4px;
	}
body {
	font-size: small;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-image: url();
	background-position: top left;
	background-repeat: repeat;
	background-color: #443E39;
	text-align: left;
	margin: 30px;
	padding: 0;
	min-width: 840px;
	clear: both;
	}
	
#container {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #2d1a07;
	background-color: #2E1C10;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #000;
	border-width: 0px;
	width: 800px;
	float: left;
	line-height: 120%;
	}
	
#banner {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner6.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#banner1 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner1.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#banner2 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner2.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#banner3 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner3.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#banner4 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner4.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#banner5 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner5.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#banner6 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner6.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#banner7 {
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	background-image: url(http://www.tualatinriverkeepers.org/image/banner7.jpg);
	background-position: top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.problem {
	float: right;
	width: auto;
	margin: 150px 0px 0px 0px;
	color: #FF0000;
	background-image: none;
	}
	
.problem a {
	color: #00FF00;
	text-decoration: none;
	}

.problem a:hover {
	color: #0000ff;

	}
	
.rp {
	font-size: small;
	margin: 2px 5px 0px 5px;
	padding: 1px 5px 0px 5px;
	
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	}

#photocontent {
	float: left;
	width: 750px;
	padding: 0px 0px 0px 10px;
	margin: 20px 4px 0px 19px;
	background: #eae8e4;
	border-color: #84847e;
	border-style: solid;
	border-width: 2px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}
	
#leftcontent {
	float: left;
	width: 300px;
	padding: 10px 5px 10px 10px;
	margin: 20px 0px 20px 15px;
	background: #eae8e4; 
	border-color: #9B9E9B;
	border-style: solid;
	border-width: 2px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}


#leftcontenterosion {
	float: left;
	width: 500px;
	padding: 10px 5px 10px 5px;
	margin: 20px 0px 20px 15px;
	background: #eae8e4 url(http://www.tualatinriverkeepers.org/image/left_box_bottom.gif) no-repeat left bottom;
	border-color: #84847e;
	border-style: solid;
	border-width: 2px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}
body>#leftcontenterosion {width: 500px;}


#rightcontent {
	float: right;
	left: 315px;
	width: 400px;
	padding: 10px 10px 15px 10px;
	margin: 20px 15px 0px 0px;
	border-color: #84847e;
	border-style: solid;
	border-width: 2px;
	background-color: #eae8e4;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}
body>#rightcontent {width: 400px;}

#widecontent {
	float: none;
	width: 600px;
	border-color: #84847e;
	border-style: solid;
	border-width: 2px;
	background-color: #eae8e4;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
body>#widecontent {width: 600px;}

#mapcontent {
	float: left;
	width: 755px;
	padding: 10px 5px 10px 5px;
	margin: 20px 0px 20px 15px;
	background: #eae8e4;
	border-color: #84847e;
	border-style: solid;
	border-width: 2px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}
body>#leftcontent {width: 200px;}


#rightcolumn {
	float: right;
	left: 355px;
	width: 385px;
	padding: 0px 15px 10px 20px;
	margin: 0px 0px 20px 0px;
	border-width: 0px;

	border-style: solid;

	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 385px;
	}
body>#rightcolumn {width: 385px;}
 
 
h1 {
	color: #666;
	background: none;
	font-size: 200%; 
	line-height: 1em;
	font-weight: 600;
	margin: 1px;
	padding: 3px 3px 3px 3px;
	}
h2 {
	color: #666;
	text-align: left;
	background: none;
	font-size: 2em;
	font-weight: 600;
	margin: 1px;
	padding: 15px 10px 15px 10px; 
	}
h3 {
	color: #9E3013;
	background: none;
	font-size: 110%; 
	line-height: 1em;
	font-weight: 600;
	margin: 4px;
	padding: 3px 5px 3px 5px;
	letter-spacing: .5px;
	}
h4 {
	color: #666;
	background: none;
	font-size: 2em; 
	line-height: 1em;
	font-weight: 600;
	margin: 1px;
	padding: 3px 200px 3px 30px;
	}
h5 {
	color: #666;
	background: none;
	font-size: .9em; 
	line-height: 2.5em;
	font-weight: 600;
	margin: 30px 0px 0px 14px;
	padding: 0px 40px 10px 30px;
	}
	
h6 {
	color:#555;
	text-align: left;
	background: none;
	font-size: 11px; 
	line-height: 1em;
	font-weight: 600;
	margin: 1px;
	padding: 15px 0px 3px 0px;
	}
	
blockquote {
	margin: 1em 2.7em 1.36em; /* 11px ~30px ~15px */
	background: none;
	color: #2D1A07;
	line-height: 15px;
	}
	
p {
	font-size: small;
	line-height: 1.4;
	margin: 2px 5px 5px 10px;
	padding: 1px 5px 0px 5px;
	color: #2D1A07;
	border-color: #2D1A07;
	border-style: solid;
	border-width: 0px;
	}
	
.rightp {
	font-size: small;
	margin: 2px 5px 2px 5px;
	padding: 4px 5px 4px 15px;
	color: #2D1A07;
	
	border-color: #999;
	border-style: dashed;
	border-width: 0px 0px 0px 0px;
	}

#content p {
	line-height: 1.5em; /* ~20px */
	}
	
#content blockquote p {
	line-height:1.5;
	}/* Browsers that understand the CSS child selector get the good typography. */
	
#content p+p {
	margin-top: -1em; 
	text-indent: 1em;
	}

a {
	color: #333;
	background: none;
	text-decoration: underline;
	font-weight: 600;
	padding: 3px 10px 3px 2px;
	border: 0 none #000;
	}
	
a:link {
	color: #000088;
	background: none;
	}
a:visited {
	color: #333;
	background: none;
	}
a:hover {
	color: #366392;
	text-decoration: underline;
	}
	

	
.upgrade {
	display: none; 
	} 

#footer {
	float:inherit;
	width: 800px;
	height: 47px;
	background: none;
	background-image: url();
	background-position: center;
	background-repeat: repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	}	
	
#footer p {text-align:center;
			font-size:smaller;
			}
				
#footer ul {
	padding: 15px 10px 0px 20px;
	margin: 0px 0px 0px 0px;
	}

#footer li {
	display: inline;
	list-style-type: none;
	}
	
#footer a {
	color: #333;
	background: none;
	border-width: 0;
	font-size: small;
	font-weight: 100;
	text-decoration: none;
	padding: 0 10px 0 10px;
	}
	
#footer a:hover {
	color:#666;
	background:none;
	text-decoration:none;
	}
	
#copyright {
	float: right;
	width: 200px;
	font-size: small;
	color: #aaa;
	padding: 0px 0px 0px 0px;
	margin: -28px 0px 0px 0px;
	border-style: solid;

	border-width: 0 0 0 0;

	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 200px;
	}
body>#copyright {width: 200px;}

  #menu {
	width: 100%;

	position: absolute;
	top: 42px;
	margin: 12px 0px 0px 20px;
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 28px;
	float: left;
	border-bottom: none;
	}
	
#menu a, #menu h2 {
	font: small verdana, arial, helvetica, sans-serif;
	text-align: center;
	display: block;
	border-width: 0px;
	border-style: solid;

	margin: 0;
	padding: 2px 3px;
	}

#menu h2 {

	text-transform: uppercase;
	}

#menu a {
	color: #aaa;

	text-decoration: none;
	}

#menu a:hover {
	color: #2D1A07;
	background: #8E8C7E;
	}
	
#menu li {
	position: relative;
	text-decoration: none;
	color: #777;
	background: #B5B3A1;
	padding: 0px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	}


#menu ul li {
	display: none;
}
	

#menu ul:hover li {
	display: block;
	}




	
/* Fix IE. Hide from IE Mac \*/
* html menu ul li { float: left; }
* html menu ul li a { height: 1%; }
/* End */


.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
	width: auto;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
ul {
	color: #2d1a07;
}
li {
	line-height: 110%;
	margin-top: 10px;
}
#container #rightcontent blockquote {
	line-height: 140%;
	font-weight: bold;
}



	
#zinecontent {
	float: left;
	width: 600px;
	padding: 10px 5px 10px 10px;
	
	background: #eae8e4; 
	border-color: #84847e;
	border-style: solid;
	border-width: 2px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}
	
img.weed { float:left;
			padding-right:3px;
			}