/* CSS Document */

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

html, body {height:100%}
body {
padding:0;
margin:0;
}

html>body #wrap{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

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

		p { margin:0; }

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

/* ********** 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: #648551;
			margin-top: 0;
		}

		#masthead h2 {
			font:normal 1.19em Verdana, Arial, Helvetica, sans-serif;
			
			color: #987F5C;
			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;
		background-color: #fff;
		 }		
	
	#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 {
			background: url("images/trout_sm.gif")  top left no-repeat;
			float:left;
			width:180px;
			margin: 30px 0 0 10px;
			padding-top: 63px;
			height: auto;
			font: normal 1em/1.9em Verdana, Arial, Helvetica, sans-serif;
		}
		
		#sundries a:link, #sundries a:visited {
		color: #7a7b52;
		text-decoration: none;
		}
		
		#sundries a:hover, #sundries 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;
		}
			
			/* ********** right ********** */

		#content {
			margin: 10px 5px 5px 5px;
			float: left;
			width: 533px;
			background: #fff url("images/fish_bg.gif") 133px 130px no-repeat;
			}
		
		
		#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 {
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		color:#999;
		}
		
		#content h3 {
		font: bold 1.09em Verdana, Arial, Helvetica, sans-serif;
		color:#6B7749;
		}
		
		#content a:link, #content a:visited {
		color: #7a7b52;
		text-decoration: none;
		border-bottom: 1px dotted #7a7b52;
		}
		
		#content a:hover, #content a:active {
		color: #7a7b52;
		text-decoration: none;
		border-bottom: 1px solid #7a7b52;
		}
		/* ********** footer ********** */
	
		#footer {
			width:730px;
			\width:750px;
			w\idth:730px;
			clear:both;
			height:50px;
			background-color: #dce2b6;
			position:relative;
			padding:10px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
}

* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:50px;/* for ie6 */
}

#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
* > html #clearfooter {width:750px;}/* ie mac styles */
			
		#footer a:link, #footer a:visited{
			font:normal 0.96em Verdana, Arial, Helvetica, sans-serif;
			color: #7a7b52;
			display: inline;
			text-decoration: none;
			border-bottom: 1px dotted #7a7b52;
			}
			
		#footer a:hover, #footer a:active {
		font: normal 0.96em Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		display: inline;
		background-color: #7a7b52;
		text-decoration: none;
			}
			
			#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;
			text-align: left;
			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;
	text-align:right;
}
	
div.float_left {
	float: left;
	text-align: left;
}

.imageleft {
 	float: left;
 	margin: 0 9px 6px 0;
	border: 1px solid #7d6967;
	 padding: 6px;
}

.imageright {
 	float: right;
 	margin: 0 9px 0 21px;
	 border: 1px solid #7d6967;
	 padding: 6px;
}
 	
		.top {
	background: transparent url(images/top.gif) no-repeat left;
	padding: 0 0 0 21px; 
} 

#albumlist {
list-style-type: none;
width: 500px;
}

#albumlist li {
float:left;
margin: 0 6px 10px 0;
}

#albumlist  img{
display:block;
border: 1px solid #7d6967;
}