body
   {
    font-family: georgia, serif;
    font-size: 12px;
    color: #000000;
	background: #5c583d url(../images/bck.jpg) repeat top left;
	line-height: 100%;			
	}
div.fullscreen
    {
    display:block;
    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0px;
    left:0px;
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
    }
.page
	{
	width:820px;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
    padding: 0px;
    }
div.bckhm
	{
	background: url(../images/harbor.png) no-repeat top left;
	height: 600px;
	}
div.bck
	{
	position:absolute;
	z-index: 1;
	height: 600px;
	}
div.overlay
	{
	background: url(../images/overlayer.png) no-repeat top left;
	height: 600px;
	z-index: 5;
	}
div.overlaynotxt
	{
	position: absolute;
	width: 820px;
	background: url(../images/overlayer_notxt.png) no-repeat top left;
	height: 600px;
	z-index: 5;
	}
/* pop up divs */
div.details
	{
    position: relative;
	background: #5c583d;
	color: #ffffff;
	left: 580px;
	top: 0px;
	width: 170px;
	margin: 0px;
	padding: 10px;
	letter-spacing: 1px;
	text-align: center;
	z-index: 10;
	}
div.details a:link, div.details a:visited
	{
	color: #ffffff;
	text-decoration: none;
	z-index: 12;
	}
div.details a:hover
	{
	color: #ffffcc;
	text-decoration: none;
	z-index: 12;
	}
div.details div.lftarrw
	{
	float: left;
	font-size: 16px;
	/*border: 1px dotted #ffffff;*/
	}
div.details div.rgtarrw
	{
	float: right;
	font-size: 16px;

	/*border: 1px dotted #ffffff;*/
	}
div.opendiv
    {
    display: none;
    position: relative;
	left: 527px;
	top: -32px;
    width: 250px;
    margin: 0px;
    padding: 50px 15px 10px;
    color: #000000;
    background: #ffffff;
    font-size: 11px;
	line-height: 18px;
	z-index: 15; 
    }
div.clsbut
	{
	float: right;
	text-align: center;
	margin: -45px -6px 0px 0px;
	padding: 0px;
	width: 16px;
	border: 1px solid #666666;
	}
div.clsbut a:link, div.clsbut a:visited
	{
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	}
div.clsbut a:hover
	{
	color: #cccccc;
	text-decoration: none;
	}
div.nav
    {
	/*250px*/
    float: left;
    width: 232px;
    margin: 415px 0px 0px 18px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
	letter-spacing: .5px;
	text-align: center;
	line-height: 100%;
	/*border: 1px dashed #ff0000;*/
    }
div.text
    {
	/*570px*/
    float: right;
    width: 450px;
    margin: 110px 0px 0px;
    padding: 0px 50px 0px 70px;
	line-height: 20px;
	/*border: 1px dashed #cc0000;*/
    }

div.clr
    {
    clear: both;
    margin: 0px;
    padding: 0px;
    }                 
img
    {
    border: 0px;
    }    
div
	{
	margin: 0px 0px 15px 0px;
	}
h1
    {
    font-size: 11px;
    margin: 0px 0px 0px;
    padding: 0px;
    }
h2
    {
    font-size: 11px;
    margin: 0px 0px 0px;
    padding: 0px;
    }
h3
    {
    font-size: 10px;
	font-weight: bold;
	color: #d2e188;
    margin: 20px 0px 0px;
    padding: 0px;
    }
h4
    {
    font-size: 11px;
    margin: 0px 0px 0px;
    padding: 0px;
    }
h5
    {
    font-size: 11px;
    margin: 0px 0px 0px;
    padding: 0px;
    }                
a, a:link, a:visited
    {
    color: #000000;
	outline: none;
    }
a:hover
    {
    color: #991a36;
    }

/* nav */
.nav, a.nav:link, a.nav:visited
	{
	display: block;
	padding: 0px;
    margin: 0px 0px 7px;
	color: #983620;
	text-decoration: none;         
	}
.navov, a.navov:link, a.navov:visited
	{
	display: block;
	padding: 0px;
    margin: 0px 0px 7px;  
	color: #000000;
	text-decoration: none;               		
	}
.navon, a.navon:link, a.navon:visited
	{
	display: block;
	padding: 0px;
    margin: 0px 0px 7px;
	color: #000000;
	text-decoration: none;               		
	}
/* lists */        
       
ul
    {
    list-style: outside url(../images/bullet.png);
    padding: 0px;
    margin: 0px 0px 15px 17px;
    }
ul li
    {
    padding: 0px;
    margin: 5px 0px;
    }