/*****************************/
/* Main body styles
/*****************************/
body
{
	background: #99ccff url(../images/background.jpg) top center fixed;
	font-family: Arial, Helvetica, sans-serif;	
	color:#000000;
	text-align:center;
	margin: 5px auto;	
	width: 800px;
	height: 100%;
	font-size: 12px;		
}

p, ul, td, th 
{
	color:#000000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p
{
	text-align: left;
}

a 
{
	color:#D61921;
	text-decoration:none;
}

a:hover 
{
	color:#000000;
	text-decoration: underline;
}

hr
{
	border: 1px solid #000000;
}

h1, h2, h3
{
	text-align: center;
}


/*****************************/
/* Site frame
/*****************************/
#frame
{
	position: relative;
	text-align:left;
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 100%;
}

#bg_block
{
	position: absolute;
	width: 748px;
	height: 500px;
	top: 180px;
	left: 35px;
	z-index: 0;
}

#bg_block #block
{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #000000;
	width: 100%;
	height: 100%;		
}

#bg_block #top
{
	position: relative;
	background: url(../images/body/links_top.gif) left top no-repeat;
	width: 100%;
	height: 19px;
}

#bg_block #bottom
{
	position: relative;
	background: url(../images/body/links_bottom.gif) left top no-repeat;
	width: 100%;
	height: 19px;
}

/*****************************/
/** 	HEADER				**/
/*****************************/

#header
{
	position: relative;
	width: 800px;
	top: 0px;
	left: 0px;
	z-index: 2;
	
}

#header #logo_top
{
	position: absolute;	
	background: url(../images/header/logo_top.gif) top left no-repeat;
	width: 163px;
	height: 18px;
	top: 0px;
	left: 35px;
}

#header #logo_left
{
	position: absolute;	
	background: url(../images/header/logo_left.gif) top left no-repeat;
	width: 35px;
	height: 127px;
	top: 18px;
	left: 0px;
}

#header #logo_upper
{
	position: absolute;	
	background: #000 url(../images/header/logo_upper.jpg) top left no-repeat;
	width: 143px;
	height: 20px;
	top: 18px;
	left: 55px;
}

#header #logo_uppercorner
{
	position: absolute;	
	background: url(../images/header/logo_uppercorner.gif) top left no-repeat;
	width: 20px;
	height: 20px;
	top: 18px;
	left: 35px;
}

#header #logo_main
{
	position: absolute;	
	background: #000 url(../images/header/logo_main.jpg) top left no-repeat;
	top: 38px;
	left: 35px;
	width: 163px;
	height: 107px;
}

#header #logo_bottom
{
	background: #000 url(../images/header/logo_bottom.jpg) top left no-repeat;
	margin: 145px 0px 0px 35px;
	width: 163px;
	height: 35px;
	position: absolute;	
}

#header #info_top
{
	background: url(../images/header/info_top.jpg) top left no-repeat;
	margin: 18px 0px 0px 198px;
	width: 564px;
	height: 20px;
	position: absolute;	
}

#header #info_main
{
	background: url(../images/header/info_main.jpg) top left no-repeat;
	margin: 38px 0px 0px 198px;
	width: 585px;
	height: 77px;
	position: absolute;	
}

#header #info_corner
{
	background: url(../images/header/info_corner.gif) top left no-repeat;
	margin: 18px 0px 0px 762px;
	width: 21px;
	height: 20px;
	position: absolute;	
}


#header #end_wave
{
	background: url(../images/header/end_wave.gif) top left no-repeat;
	width: 17px;
	height: 127px;
	margin: 18px 0px 0px 783px;
	position: absolute;
}

#header #info_roatan
{
	position: absolute;
	background: #000000 url(../images/header/info_roatan.gif) top left no-repeat;
	width: 232px;
	height: 30px;
	top: 115px;
	left: 198px;
}

#header #info_email
{
	position: absolute;	
	background: #000000 url(../images/header/info_email.gif) top left no-repeat;
	width: 190px;
	height: 30px;
	top: 115px;
	left: 430px;
}

#header #info_email a
{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

#header #info_phone
{
	position: absolute;		
	background: #000000 url(../images/header/info_phone.gif) top left no-repeat;
	width: 163px;
	height: 30px;
	top: 115px;
	left: 620px;
}

/*****************************/
/** 	LINKS				**/
/*****************************/

#google_ads
{
	text-align: center;
	width: 130px;
	float: left;
}

#links
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 180px 0px 0px 35px;
	vertical-align: middle;
	width: 748px;
}

#links a
{
	color: #dd0000;
	text-decoration: none;
}

#links a:hover
{
	color: #cccccc;
	text-decoration: underline;
}


#links #links_menu
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000000 url(../images/links/links_bg.jpg) top left no-repeat;	
}

#links #links_ads
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
	background-color: #000000;
	text-align: center;
}

#links_ads a
{
	margin-left: 2px;
	padding: 2px 0px 2px 5px;
	width: 156px;
	display: block;
	background-color: #000000;
}

#links #links_bottom
{
	background: url(../images/body/links_bottom.gif) left top no-repeat;
	width: 100%;
	height: 19px;
	clear: both;
}

#links_menu table
{
	z-index: 50;
}

#links_menu td
{
	line-height: 22px;
	font-size: 14px;
}


#links_menu a
{
	margin-left: 2px;
	padding: 2px 0px 2px 5px;
	width: 156px;
	display: block;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #ffffff;
}

#links_menu a:hover
{
	background-color: #dadada;
	color: #D61921;
	font-weight: bold;
	text-decoration: underline;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#links_menu .dropdown 
{
	margin-left: 161px;
	margin-top: -28px;
	position: absolute;
	width: 217px;
	z-index: 100;
	visibility: hidden;
}

#links_menu .dropdown a 
{
	padding: 2px 0px 2px 12px;
	width: 210px;
	display: block;
	color: #ffffff;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	background: #1554b3 url(../images/links/dropdown_bg.gif) top left repeat-y;
	text-align: left;
	text-decoration: none;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;		
}

#links_menu .dropdown a:hover 
{
	background: #dadada url(../images/links/dropdown_bg_hover.gif) top left repeat-y;;
	color: #D61921;
	font-weight: bold;	
	text-decoration: underline;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;		
}

#links_menu .popout 
{
	position: absolute;
	margin-top: 4px;
	margin-left: 142px;
	z-index: 50;
}

/*****************************/
/** 	BODY				**/
/*****************************/

#body
{
	position: absolute;
/*	margin: 145px 0px 0px 198px;*/
/*	width: 564px; */
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 145px;
	left: 198px;
}

#body #upper
{
	position: relative;
	width: 564px;	
	height: 35px;
	background-color: #dadada;	
	border: none;
}

#body #upper #left
{
	background: url(../images/body/body_upperleft.gif) left top no-repeat;
	width: 22px;
	height: 35px;
	position: absolute;
}

#body #upper #center
{
	background: url(../images/body/upper_body_wave.gif) left top no-repeat;
	width: 520px;
	height: 35px;
	position: absolute;
	margin: 0px 0px 0px 22px;
	font-size: 12px;
	line-height: 25px;
	padding: 0px 0px;
	text-align: center;
}

#body #upper #center a
{
	color: #333466;
	text-decoration: none;
	border: 2px solid #dadada;
	padding: 0px 2px 2px 2px;
}

#body #upper #center a:hover
{
	color: #D61921;
	text-decoration: none;
	border: 2px groove #dadada;
}

#body #upper #center img
{
	vertical-align: middle;
	padding: 0px 5px 0px 2px;
}

#body #upper #right
{
	background: #000000 url(../images/body/body_upperright.gif) left top no-repeat;
	width: 43px;
	height: 35px;
	position: absolute;
	margin: 0px 0px 0px 542px;
}

#body #center
{
	background: #ffffff url(../images/body/body_bg.gif) left top repeat-y;
	position:relative;	
	width: 520px;
	padding: 1px 22px;
	color: #000;
}

#body #lower
{
	background-color: #dadada;
	font-size: 10px;
	border: none;
}

#body #lower #wavecrest
{
	background: url(../images/body/lower_body_wave.gif) center top no-repeat;
	width: 564px;
	height: 19px;
	position: absolute;
}

#body #lower #left
{
	background: url(../images/body/body_lowerleft.gif) left top no-repeat;
	width: 22px;
	height: 25px;
	position: absolute;
	margin: 19px 0px 0px 0px;	
}

#body #lower #center
{
	background-color: #dadada;
	width: 520px;
	height: 23px;
	position: absolute;
	margin: 19px 0px 0px 22px;
	font-size: 10px;
	padding: 0px 0px;
}

#body #lower #center #scubageek
{
	height: 23px;
	width: 100%;
	background-color: #dadada;
	border-bottom: 2px solid #000000;
	text-align: left;
	position: relative;
}

#body #lower #center #copyright
{
	/*text-align: right;*/
  float: right;
}

#body #lower #right
{
	background: url(../images/body/body_lowerright.gif) left top no-repeat;
	width: 22px;
	height: 25px;
	position: absolute;
	margin: 19px 0px 0px 542px;
}

/*****************************/
/* picture styles
/*****************************/

.drawpicture
{
	position: relative;
	z-index: 20;
	border: 2px solid #000;
}

.drawpicture a:hover
{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;	
}

.drawpicture #picture
{
	z-index: 20;
	position: relative;
}

.drawpicture .corner
{
	width: 6px;
	height: 6px;
	border: none;
	display: block;
	position: absolute;
	z-index: 40;	
}

/*****************************/
/* Text styles
/*****************************/
.italicized
{
	font-style: italic;
	/*font-weight: none;*/
}

.reqd
{
	font-style: italic;
	color: #ff0000;
}

.title
{
	position: relative;
	width: 100%;
	display: block;
	font-size: 24px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
}

.subtitle
{
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

.subinfo
{
	font-size: 14px;
	font-style: italic;
}

.indented
{
	text-indent: -10px;
	padding-left: 10px;
}

.indented:first-line
{
	text-indent: -10px;
	font-size: 14px;
	font-weight: bold;
}

.caption
{
	font-size: 12px;
	font-style: italic;
	background-color: #ffffff;
	text-align: center;
	display: block;
}

#updates
{
	float: right;
	padding: 5px 5px;
}

.totop
{
	text-align: right;
	font-size: 11px;
}

.reservenow
{
font-size: 16px; 
font-style: italic; 
font-weight: bold; 
text-align: center;
height: 36px;
clear: both;
}

.reservenow a
{
	position: relative;
	color: #fff;
	background: #000 url(../images/oddth.gif) center top repeat-x;
	padding: 0px 10px;
	border: 2px solid #000;
	line-height: 36px;
	height: 36px;
	display: block;
}

.reservenow a:hover
{
	background: #000 url(../images/eventh.gif) center top repeat-x;
	color: #D61921;
	text-decoration: none;
}

/******************************/
/**** Nav button		******/
/******************************/

.navbox
{
	border: 2px solid #000;
	width: 520px;
	clear: both;
}

.nav
{
	position: relative;
	clear: both;
	width: 520px;
	height: 150px;
	z-index: 1;
}

.nav #picture
{
	position: absolute;
	background-color: #dadada;
	top: 0px;
	left: 0px;
	width: 156px;
	height: 150px;	
	z-index: 5;
}

.nav #navtitle
{
	position: absolute;
	background: url(../images/navbar/navbar_title.gif) top right repeat-x #000000;
	color: #ffffff; 
	font-size: 20px;
	height: 36px; 
	line-height: 36px; 
	font-weight: bold;
	top: 0px;
	left: 0px;
	width: 364px;
	z-index: 3;
	padding-left: 156px;
}

.nav #navtitle a
{
	color: #ffffff; 
}

.nav #navtitle a:hover
{
	color: #D61921; 
}

.nav #blurb
{
	position: absolute;
	display: block;
	background:url(../images/navbar/navbar_bg.gif) top right repeat-x #dadada;
	padding: 8px 4px 5px 0px;
	font-size: 12px;
	height: 101px;
	width: 360px;
	top: 36px;
	left: 156px;
	z-index: 2;
	text-align: justify;
}

.nav #blurb #more
{
	float: right;
	clear: left;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

/************************************/
/* PREV/NEXT
/************************************/

.prevnext
{
	position: relative;
	font-size: 11px;
	z-index: 100;
	padding: 10px 0px;
	clear: both;
	text-align: center;
}

#prev
{
	position: relative;
	float: left;
	text-align: left;
}

#next
{
	position: relative;
	float: right;
	text-align: right;
}

#map
{
	border: 2px solid #000;
}