/* CSS Document */

html, body, #wrap {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #wrap {
	height: auto;
}

body {
			margin:0;
			padding:0;
			font:76%/1.5em Verdana,Geneva,Arial,Helvetica,sans-serif;
			color: #7d6967;
			text-align:center;
			 background: #F7F7F6 url(images/bg.jpg) repeat-y 50% 0;
			 background-attachment: fixed;
		}

		p { margin:0; }

		#wrap {
			width:750px;
			\width:770px;
			w\idth:750px;
			border:1px solid #fff;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
			margin-top: 0;
		}

/* ********** masthead ********** */

		#masthead {
		margin: 0;
		background: #7a7b52 url(images/masthead.jpg) no-repeat;
		border-bottom:1px solid #fff;
		height: 129px;
		}
		
		#masthead h1 {
 			text-indent: 130px;
  			font: 1.79em Georgia, "Times New Roman", serif;
   			color: #987F5C;
		}

		#masthead h2 {
			font:normal 1.19em Verdana, Arial, Helvetica, sans-serif;
			color: #648551;
			text-indent:190px;
			margin-top: -1.1em;
		}
		
		#masthead h3 {
 			text-indent: -9999px;
  			font: 8px Verdana, Arial, Helvetica, sans-serif;
   			color: #fff;
		}
		
				/* ********** nav ********** */
		
		#bar {
 		height:19px;
 		color: #663;
 		padding: 0;
		font: 1.2em Georgia, "Times New Roman", serif;
		text-transform:uppercase;
		 }		
	
	#bar ul {
		list-style: none;
		padding: 0;
		margin: 0;
		background: #fff url("images/navbg.gif")  bottom left repeat-x;
} 

#bar li {
		float: left;
		margin: 0 0.15em;
		padding: 0;
		text-align: center;
		font-size: 0.85em;
		background: #fff;
		color: #fff;
		background: #fff url("images/navbg.gif")  bottom left repeat-x;
} 

#bar li a {
		background: #fff url("images/navbg.gif")  bottom left repeat-x;
		height: 19px;
		float: left;
		display: block;
		width: 143px;
		color: #666;
		border: 0.1em solid #dcdce9;
		text-decoration: none;
		text-align: center;
		line-height: 19px;
}

#bar li a:hover {
		background: #fff;
		height: 19px;
		float: left;
		display: block;
		color: #648551;
		text-decoration: underline;
		text-align: center;
		line-height: 19px;
}

#bar li a#current {
		background: #fff url("images/navbg.gif")  bottom left repeat-x;
		height: 19px;
		float: left;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		font-weight:bold;
		line-height: 19px;
		cursor: default;
	}

/* Commented backslash hack hides rule from IE5-Mac \*/
	#bar li a
	{
	float: none
	}
/* End IE5-Mac hack */

		
		/* ********** left ********** */

		#sundries {
			float:left;
			width:390px;
			\width:400px;
			w\idth:390px;
			margin:0;
			margin-right:0;
			padding:10px;
			height: auto;
		}
		
		#trout {
		background: #F7F7F6 url(images/trout_bg.gif);
		padding: 9px;
		}
		
		#trout a:link, #trout a:visited {
		color: #7a7b52;
		text-decoration: none;
		border-bottom: 1px dotted #7a7b52;
		}
		
		#trout a:hover, #trout a:active {
		color: #7a7b52;
		text-decoration: none;
		border-bottom: 1px solid #7a7b52;
		}
		
		#sundries h1 {
		font: bold 1.13em Verdana, Arial, Helvetica, sans-serif;
		color: #648551;
		margin-top: 10px;
		}
		
		#sundries ul {
  		margin: 10px 0;
 		 padding: 0;
 		 list-style: none;
  		}
		#sundries ul li {
 		 margin: 0 0 16px 0; 
 		 padding: 3px;
  		 font-weight: bold;
 		 height: 48px; /* height of icon */
		 width:383px;
		 \width:393px;
		 w\idth:383px;
 		 background-repeat: no-repeat;
  		 background-position: 0 50%;
 		 }
		 
		#sundries ul li a {
 		 padding: 0 100px 0 5px; /* width of icon + whitespace */
		 text-decoration: none;
		 width:383px;
		 \width:393px;
		 w\idth:383px;
		 height: 97px;
		 }
		 
		 #sundries ul li a:hover, #sundries a:active{
		 color: #333;
		 }
  
 		#fish_restock { background-image: url("images/fish_restock.jpg"); }
		
		#fish_restock a:link, #fish_restock a:visited { 
		font: bold 1.13em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.3em;
		color: #ccc;
		text-decoration: none;
		}
		
		
		#fish_restock b { 
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		letter-spacing: 0em;
		padding-left: 5px;
		text-decoration: none;
		}
		
		#consultancy { background-image: url("images/consultancy.jpg"); }
	
		#consultancy a:link, #consultancy a:visited{ 
		font: bold 1.13em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.3em;
		color: #648551;
		}
		
		#consultancy b { 
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #987f5c;
		letter-spacing: 0em;
		padding-left: 5px;
		text-decoration: none;
		}

		#surveys { background-image: url("images/surveys.jpg"); }

		#surveys a:link, #surveys a:visited { 
		font: bold 1.13em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.3em;
		color: #f7e6a7;		
		}
		
		#surveys b { 
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		letter-spacing: 0em;
		padding-left: 5px;
		text-decoration: none;
		}
		
		#aquatic_weeds { background-image: url("images/aquatic_weeds.jpg"); }
		
		#aquatic_weeds a:link, #aquatic_weeds a:visited { 
		font: bold 1.13em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.3em;
		color: #fff;
		}
		
		#aquatic_weeds b { 
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #f7e6a7;
		letter-spacing: 0em;
		padding-left: 5px;
		text-decoration: none;
		}
		
			/* ********** right ********** */

		#content {
			padding: 10px 5px 5px 5px;
			margin-left:400px;
			height: auto;
			background: #fff url("images/fish_bg.gif") 50% 80% no-repeat;
			}
		#content a:link, #content a:visited{
			text-decoration: none;
			font-weight: bold;
			color:#648551;
			}
			
			#content a:hover, #content a:active{
			text-decoration: none;
			font-weight: bold;
			color:#7a7b52;
			}
		
		#content h1 {
			font: bold 1.21em Verdana, Arial, Helvetica, sans-serif;
			color: #7d6967;
			background: #fff url("images/dragonfly.jpg") right no-repeat;
			padding: 21px 0 0 0;
			margin: 0 0 15px 0;
			border-bottom: 1px dotted #7d6967;
			}
		
		#content h2 {
		display: inline;
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		color:#999;
		}
		
		#content h3 {
		display: inline;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		color:#7d6967;
		}
		
		
		/* ********** footer ********** */

		#footer {
			bottom: 0;
			clear:both;
			padding:10px;
			margin-top:0;
			background-color:#dce2b6;
			height: 39px;
			width:730px;
			\width:750px;
			w\idth:730px;
			font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		}
		
		#footer h2 {
			font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
			color: #7a7b52;
			display: inline;
			}
			
		#footer h2 a:link, #footer h2 a:visited{
			font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
			color: #7a7b52;
			display: inline;
			text-decoration: none;
			border-bottom: 1px dotted #7a7b52;
			}
			
		#footer h2 a:hover, #footer h2 a:active {
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		display: inline;
		background-color: #7a7b52;
		text-decoration: none;
			}
		
		#footer h3 {
			font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
			color: #7d6967;
			display: inline;
			}
			
		#footer h3 a:link, #footer h3 a:visited{
			font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
			color: #7d6967;
			display: inline;
			border-bottom: 1px dotted #7d6967;
			text-decoration: none;
			}
			
		#footer h3 a:hover, #footer h3 a:active {
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		display: inline;
		background-color: #7d6967;
		text-decoration: none;
			}
			
			/* ********** floats ********** */

 div.float_right {	
	float: right;
}
	
div.float_left {
	float: left;
}

.imageleft {
 	float: left;
 	margin: 0 9px 6px 0;
}

 .imageright {
 	float: right;
 	margin: 0 9px 0 21px;
}	
.outline {border: 1px solid #ccc;
background-color:#7d6967;
color: #fff;
font-style:italic;
font-size: 13px;
padding: 5px;
}
.outline a {font-weight:bold; color:#fff;}
.outline a:hover {color:#C0B5B4;}