/*************DOC*************/
/*************DOC*************/
html 
	{
	height: 100%; /* fix height to 100% for IE */
	max-height: 100%; /* fix height for other browsers */
	padding: 0;
	margin: 0;
	border: 0;
	}
	
body 
	{	
	text-align: center;
	margin: 0 auto 0 auto;	
	height: 100%; /* fix height to 100% for IE */
	max-height: 100%; /* fix height for other browsers */
	}
	
body 
	{  
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-3dlight-color: #CCC;
	scrollbar-arrow-color: #593030;
	scrollbar-track-color: #FFF;
	scrollbar-darkshadow-color: #CCC;
	}
	
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, div, img, table, th, td, tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666;
}

.border{ border: 1px solid #CCC; }

p {	margin: 11px 0 11px 0;
	padding: 5px;
	line-height: 15px;
	text-align: justify;
	} 
	
span
{
	color: #593030;
}

a img {border: 0;}

form {margin: 0; padding: 0;}


/* Page Links
________________________*/

a, a:link, a:visited, a:hover, a:active {color: #FFF; text-decoration:none; font-size:11px;}		        	
a:hover {color: #593030;}
	
/* Headings
________________________*/

H1
	{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #593030;
	padding: 5px;
	margin: 0;
	}
	
H2
	{
	font-size: 11px;
	margin: 15px 0 0 5px;
	color: #369;
	}
	
/* Main Holder
_________________________*/

#main
	{
	margin: 0 auto 0 auto; 
	text-align: left;
	height: 500px; /* fix height to 100% for IE */
	max-height: 500px; /* fix height for other browsers */
	position: relative;
	width: 750px;
	background: url(../images/footer.jpg) no-repeat bottom right;
	}
	
#main #header
{
	margin: 0 auto 0 auto; 
	border: 1px solid #666;
	text-align: left;
	height: 100px; /* fix height to 100% for IE */
	width: 750px;
	background: url(../images/header.jpg) no-repeat top;
}	

#main #header #logo
{
	position: absolute;
	top: 5px;
	left: 5px;
	height: 70px; 
	width: 140px;
}
		
/* Nav
_______________________*/

#main #nav_holder
	{
	width: 150px;
	height: 380px;
	margin: 0;
	list-style: none;
	padding: 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
	
ul {

	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	width: 150px;
	}
	
ul li {
	margin: 0;
	line-height: 25px;
	width: 150px;
	display: block;
	background: #FFF;
	border-bottom: 1px solid #666;
	}
	
/* Styles for Menu Items */
ul li a {  
	display: block;
	text-decoration: none;
	position: relative;
	background: #FFF; /* IE6 Bug */
	padding: 0 0 0 5px;
	z-index: 100;
	border-bottom: 0px none;
	}
	
li ul {
	position: absolute;
	left: 150px; /* Set 1px less than menu width */
	width: 150px;
	background: #CCC;
	border-top: 1px solid #666;
	z-index: 100;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display: block;	
	}
	
li ul li{
	position: relative;
	float: left;
	z-index: 100;
	display: block;
	background: #FFF;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	padding: 0;
	line-height: 21px;
	width: 150px;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%;}
/* End */

ul li a:hover { color: #593030; background: #F1F1F1; display: block; z-index: 100;} /* Hover Styles */
		
li ul li a { padding: 2px 5px;  display: block; z-index: 10;} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; margin: -26px 0 0 0; display: block; z-index: 100; left: 151px;} /* IE Hover */

	
/* headings */

#main #heading
{
	position: absolute;
	top: 110px;
	left: 160px;
	height: 20px; 
	width: 480px;
}
	
/* information */

#main #info
{
	position: absolute;
	top: 139px;
	z-index: 1;
	left: 162px;
	height: 300px; 
	padding: 0 5px 0 0;
	overflow: auto;
	width: 475px;
	background: url(../images/starfish_bg.jpg) no-repeat bottom right;
}

#main #info_location
{
	position: absolute;
	top: 140px;
	z-index: 1;
	left: 160px;
	height: 300px; 
	padding: 0 5px 0 0;
	overflow: auto;
	width: 475px;
}

/** Moorings ********/

#main #info .tbl_prices
{
	width: 450px;
	padding: 0;
}

#main #info .tbl_prices .tr1
{
	background: #f1f1f1;
	font-weight: bold;
}

#main #info .tbl_prices .td
{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#main #info .tbl_prices .td1
{
	width: 90px;
}

#main #info .tbl_prices .td2
{
	width: 90px;
}

#main #info .tbl_prices .td3
{
	width: 90px;
}

#main #info .tbl_prices .td4
{
	width: 90px;
}

#main #info .tbl_prices .td5
{
	width: 90px;
}


/* Location
____________________________*/	

#main #main_right #content_right #text .map
	{
	border: 1px solid #ccc;
	margin: 0 0 50px 15px;
	}

/* Copyright
____________________________*/	

#main #copyright
	{
	position: absolute;
	bottom: 25px;
	right: 120px;
	width: 450px;
	height: 25px;
	color: #69C;
	}
	
#main #main_right #copyright a, a:link, a:visited, a:active{color: #369;}
#main #main_right #copyright a:hover{color: #09C;}

#main #main_right #copyright span
	{
	margin: 0 0 0 60px;
	}