body 
{
	font-family :Verdana ;
	font-size :x-small;
	
	
}
.PageHeadingold
{
	font-family:Verdana ;
	font-size :medium;
	font-weight:bolder;
	color:Blue;
	}
.PageHeading
{
font-size:25px ;
	font-weight:bold ;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#000000;
	border-bottom:2px solid #cccccc;
	background-image: url("/images/headers2.gif");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;	}
	
.maintable
{
margin-left: auto;
margin-right: auto;
	}	

	
/* Image gallery */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative  ;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
cursor:hand;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




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





#scroller {width:850px; height:500px; position:relative;padding:5px 0; background:#fff;}
#scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0; border:1px solid #ddd;}
#scroller span {display:block; width:360px; height:280px; position:absolute; top:0; left:0; border:1px solid #ddd;}

#scroller span b#copyright 
{font-size:10px; 
color:#888; 
position:absolute; 
bottom:5px; 
right:20px; 
font-family:georgia, verdana, arial, sans-serif; 
font-weight:normal;}

#scroller span b#data {
margin-top:300px;
display:block; 
width:350px;
height:200px; 
overflow:auto; 
float:right;  
border:1px solid #ccc; 
border-width:1px 0 1px 1px; 
padding:5px;
font-family: verdana, arial, sans-serif; 
font-weight:normal;

}

#scroller b#thumbs {display:block;  width:475px; height:500px; overflow:auto; float:right;  border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}

#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}
#scroller b#thumbs a:hover img.hr {position:absolute; width:10%; height:10%; border-color:#fc0;}
#scroller b#thumbs a:hover img.vt {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}

//*
#scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:35px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #333;}
*//
//*.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}

*//

#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:20px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}





   
     
		#navcontainer ul
		{
			margin-left: 0;
			padding: 0;
			list-style-type: none;
			font-family:Verdana;
			
		}
		
		#navcontainer li { margin: 0; }

		#navcontainer a
		{
			display: block;
			color: #FFF;
			background-color: #036;
			width: 9em;
			padding: 3px 12px 3px 8px;
			text-decoration: none;
			border-bottom: 1px solid #fff;
			font-weight: bold;
			font-family:Verdana;
			
		}
		
		#navcontainer a:hover
		{
			background-color: #369;
			color: #FFF;
			
		}
		
		#navcontainer li li a
		{
			display: block;
			color: #FFF;
			background-color: #69C;
			width: 9em;
			padding: 3px 3px 3px 17px;
			text-decoration: none;
			border-bottom: 1px solid #fff;
			font-weight: normal;
			font-family:Verdana;
			
		}


.FishPage {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
}
h1 {
	font-family: Verdana;
	font-size: large;
	font-weight: lighter;
	font-style: normal;

}
h2 {
	font-family: Verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	color: black;
}

.style1 {
	margin-bottom: 0px;
}

.style2 {
	margin-left: 40px;
}

.style3 {
	font-family: Verdana;
	font-size: xx-small;
}