@charset "utf-8";
/* CSS Document */

body { background-color:#C8D7EC; 
font-size:62.5%;
margin:10px 0px;
padding:0px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#container {width:780px; margin:0px auto; padding:0px; border:5px solid #000; background-color:#FFFFFF;}

*html body #container { width:770px; }

#header {width:770px; margin:5px; padding:0; height:300px; background:url(images/fishersheader.jpg) no-repeat; }

#header span { display:none; }

#navbar { height:28px;  background:url(images/navbar.gif) no-repeat; margin:5px 5px 0px 5px; padding:0px ; color:#FFFFFF; text-align:center;  width:770px;}


#navlist {
margin: 0;
padding: 0px 0px 0px 3px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0 0 20px 0px;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited {
float: left;
font-weight: bold;
margin:0px 8px;
padding:6px 0px 14px 0px;
text-decoration: none;
font-size:12px;
font-weight:bold;
text-align:center;
width: 92px;
color:#FFFFFF;}

*html body #navlist a:link, #navlist a:visited {  padding:6px 0px 6px 0px; height:28px;}


#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
color: #fff;}

#navlist a:hover { color: #000; background:url(images/hoverBck.gif) no-repeat top left; }



#bodyblock { text-align:left; padding:10px 0px; margin: 5px; }

#content { margin:5px 10px; padding:0px; }

#content p { font-size:1.2em; line-height:1.4em; padding:2px 0px; margin:0; }

#content a:link { color:#0099FF; text-decoration:underline; padding:1px;}
#content a:visited { color:#0066CC; text-decoration:none;  padding:1px; }
#content a:hover { color:#000; background-color:#0099FF; text-decoration:none;  padding:1px; }
#content ul { margin:5px 0px; padding:2px 0px; font-size:1.2em; }
#content ul li { margin:5px 0px;  margin-left:15px; list-style-type:circle; }

.firstLetter { float:left; font-size:400%; color:#0099FF; background-color:#f6f6f6; border:1px solid #C8D7EC; font-weight:bold; padding:20px 10px; margin:0px 10px 5px 0px;}
.booking { text-align:center; font-weight:bold; font-size:18px; padding:10px; background-color:#C8D7EC; color:#0099FF; border:1px solid #0099FF; width:300px; }
#rightArea{ float:right; margin:0; padding:0; width:180px; color:#FFFFFF; }

#rightArea img { margin:0px 5px; width:170px; padding:0px; }

#right a img { border:none; }

#footer { clear:both; text-align:center; font-size:10px; padding:10px 5px; margin:0px; }
#footer  a:link { color:#0099FF; text-decoration:underline; padding:1px;}
#footer  a:visited { color:#0066CC; text-decoration:none;  padding:1px; }
#footer  a:hover { color:#000; background-color:#0099FF; text-decoration:none;  padding:1px; }

#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 392px;	/* IE 5.x */
		height/* */:/**/295px;	/* Other browsers */
		height: /**/295px;
				
	}
	#previewPane img{
		line-height:300px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:62px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 64px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/62px;	/* Other browsers */
		height: /**/62px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:60px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:140px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	.left { float:left; margin:0px 10px 10px 0px; padding:2px; border:1px solid #666; background-color:#FFFFFF; }
	
	.input { border:1px solid #ccc; width:300px; margin:2px 0px; }
	.btn { border:1px solid #ccc; background-color:#C8D7EC; text-align:center; margin:10px 0px; }
		
	#contact table tr td b { font-size:14px; font-weight:bold;  margin:4px 0px;}
	#contact table { margin:10px 20px; }
	
	.right { float:right; margin:0px 0px 10px 10px; padding:2px; border:1px solid #666; background-color:#FFFFFF; }
	address  { font-size:14px; padding:2px 0px; margin:0px; }