@charset "iso-8859-1";

/* margin - top right bottom left */
body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: black;
		background-color:#8690a0;
		}

 a {
		text-decoration: none;
		color: #0000FF; }

 a:hover {
		text-decoration: none;
		color: #FF0000; }

 a:active {
		text-decoration: none;
		color: #0000FF; }
		
table  {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: black;
		}

#main {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-left:10.3%;
	margin-top: 300px;
	border:3px solid #000;
	padding: 15px;
	width: 718px;
	background-color: #FFFFFF;
	color: #000000;
	line-height:175%;
		 }

/* main header and logo - used on all pages */
#header {
		position:absolute;
		margin-left:10%;
		top:10px;
		font-family: "Times New Roman",serif;
		background-color: transparent;
		width: 760px;
		height: 300px;
		color: #FFFFFF;
		background-image:url(images/header.jpg);
		background-repeat:no-repeat;
		}
/* for content in between header and main - use with main-a */
#header2 {		
		position: absolute;
        border:3px solid #000;
		padding: 4px;
		width: 750px;
		padding-top:10px;
		padding-bottom:10px;
		margin-left:10%;
		margin-top:260px;
		background-color: #FFFFFF;
		color: #0F0F0F;
		line-height:150%;
		font-size:80%;
		text-align:center;
		}
/* positions the floating menu on the index page */
#index-menu  {
		position: relative;
		}

/*Items in header*/
.float {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 40px;
		float: left;
		width :23%;
		margin-top:225px;
		padding-left: 15px;
		font-size: 60%;
		margin-bottom: 20px;
		color: black;
		}

.highlight {
	background-color:#FFFF66;
	color:#FF0000;
	font-weight:bold;
}
/* Tables on Module pages */
.mod-top {
		background-color: black;
		color: white;
		text-align: center;
		font-weight: bold;
		}
.mod-bottom {
		background-color: white;
		color: black;
		text-align: center;
		}

.mod-list	{
		text-align: center;
		border-bottom: thin solid black;
		padding-bottom: 15px;
		}

/*Bug Page-replace table with 5 rows */
.float-b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 40px;
		float: left;
		width :15%;
		padding-left: 15px;
		color: black;
		}
/* five column table */
.float-c {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :15%;
		height: 2em;
		color: black;
		}

/* five column table - for chum page*/
.float-cp {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		width :80%;
		height: 2em;
		color: black;
		}
/* five column table for posters*/
.float-c2 {
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :18%;
		color: black;
		font-size: 80%;
		line-height: 1.5em;
		text-align: center;
		}
/* 8 column - on Great Invert page */
.float-d {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 20px;
		float: left;
		width :10%;
		padding-left: 15px;
		color: black;
		}

/* 7 column - on Modules page */
.float-7 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :15%;
		padding-left: 5px;
		color: black;
		}


/* 6 column - on Modules video page */
.float-6 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 5px;
		float: left;
		width: 20%;
		padding-left: 5px;
		color: black;
		border-left: black thin solid;
		}

.float-b-top {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		left: 40px;
		float: left;
		width :15%;
		padding-left: 15px;
		color: black;
		}
/* replace 2 cell table */
.float-2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 40px;
		float: left;
		width :40%;
		padding-left: 15px;
		color: black;
		}

.float-2a {
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :49%;
		color: black;
		margin-top: -25px;
		margin-bottom: 25px;
		border-bottom: solid thin black;
		}
/* replaces images in tables on main page - 5 cells */
.float-image {
		height: 120px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		margin-top: 10px;
		color: black;
		}
/* qx3 photos page */
.float-5cell {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		margin-top: 10px;
		float: left;
		width:120px;
		color: black;
		}

/* replaces images in tables on main page - 3 cells */
.main-images {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height: 200px;
		width :200px;
		left: 10%;
		float: left;
		margin-bottom: 20px;
		color: black;
		border: thin solid #ccc;
		}

.main-text {
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width :28%;
		left: 5%;
		float: left;
		margin-bottom: 20px;
		color: black;
		}
		

/* generic row position */
.row {
		position: relative;
		width: 85%;
		margin-bottom: 10px;
		margin-left: 10%;
		margin-right: 5%;
		background-color: "#ffffFF";
		}
.row-e {
		position: relative;
		margin-bottom: 10px;
		margin-right: 5%;
		background-color: #ccffff;
		height: 160px;
		}
.row-e2 {
		position: relative;
		margin-bottom: 10px;
		margin-right: 5%;
		background-color: #ccffff;
		}
.row-esalmonrun {
		position: relative;
		margin-bottom: 10px;
		margin-right: 5%;
		background-color: #ccffff;
		height: 420px;
		}
.row-o {
		position: relative;
		margin-bottom: 40px;
		margin-right: 5%;
		height: 160px;
		}
.row-mackay {
		position: relative;
		margin-bottom: 40px;
		margin-right: 5%;
		height: 315px;
		}
.row2 {
		position: relative;
		height: 150px;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 40px;
		}

/* for row next to menu box on home page - position command messes up links */
.row-m {
		margin-bottom: 5px;
		margin-left: 5%;
		margin-right: 5%;
		/* delete below if necessary
		background-color: #DDDDDD;
		padding: 5px;
		border: thick solid grey;
		border-style: inset; */
		}
.row-m p {
		text-indent: 1cm
		}
		
/* row with no margin or padding
.row {
		position: relative;
		margin-bottom: 0px;
		margin-left: 0%;
		margin-right: 0%;
		} */

/* for row on chum photo index page */
.row-p {
		margin-left: 10%;
		margin-right: 5%;
		}

/* Generic all purpose*/
.indent {
		text-indent: .5cm;
		}

/* use for lines in header */
/*The Pacific Streamkeepers Federation*/
.line01 {
		font-size: 200%;
		width: 80%;
		line-height: 120%;
		margin-left: 5px;
		}
/*A non-profit society helping streamkeepers take action through support, education, and building partnerships*/
.line02
		{
		font-size :80%;
		width: 80%;
		line-height: 120%;
		margin-left: 5px;
		}
/* used for links on many pages */
.index { 
		position: absolute;
		margin-top: 205px;
		margin-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size :80%;
		background-color: transparent;
		width: 100%;
		font-weight: bold;
		color: #000000;
		padding-left: 2px;
		  }

/* used for anatomy of a stream*/
.veg {
		font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
		} 

/* used for anatomy of a stream*/
.disclaimer {
		background-color: #FFFFFF;
		border: none;
		margin-left: 10%;
		width: 78.5%;
		color: #0F0F0F;
		font-size: 80%;
		padding: 1em;
		line-height: 150%;
		text-align:justify;
		text-indent: 1cm;
		}
/* used on all pages*/
.footer {
		position:relative;
		margin-top: 10px;
		background-color: #FFFFFF;
		color: #0F0F0F;
		font-size: 80%;
		line-height:150%;
		text-align:center;
		 }

.footer_tv {
		position:relative;
		margin-top: 50px;
		background-color: #FFFFFF;
		border-top: black thin solid;
		color: #0F0F0F;
		font-size: 80%;
		line-height:150%;
		text-align:center;
		 }
/* generic-used on many pages*/
.box {
		background-color: #FFFFFF;
		border: none;
		font-size: 85%;
		margin-left: 10%;
		width: 80%;
		color: #0F0F0F;
		padding: 1em;
		line-height: 150%;
		text-align:justify;
		text-indent: 1cm;
		}
	  
.box a {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000FF;
		}

.box a:hover {
		background-color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		color: #FF0000;
		}

.box a:active {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #990033;
		}

.menu01 { 
		background-color: transparent;
		font-weight: bold;
		color: black;
		font-size: 100%;
		width: 90%;
		}

.menu01 a {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000FF; }

.menu01 a:hover {
		background-color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		color: #FF0000; }

.menu01 a:active {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000FF; }