@charset "utf-8";
/* CSS Document */
body 					{ font: 100% Verdana, Arial, Helvetica, sans-serif;
						background: #000000; color: #ffffff;
						margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
						padding: 0;
						text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ }
a:active 				{ font-style: normal; text-decoration: none;}
a:hover 				{ color: #990000; border-bottom:1px thin #990000; text-decoration: underline;}
a:link 					{ color:#0099FF; text-decoration:none;}
mainContents a:link 	{ border-bottom:1px dotted #0099FF;}
a:visited 				{ text-decoration: none;}

img 					{ border-style:none; text-align: center; border-bottom:0;}
.redstar 				{ color: #FF0000; }

/* ----------------------------------- navigation items ----------------------------------- */

#header {
	 /*background: #000000; 
	padding: 7px 0px 7px 16px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. 
	border-bottom: 1px solid #6F5307;
	margin-bottom: 1px;
	text-align: center;*/
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	font-size: 12px;
}
#sitenav
{
	clear : both;
	border-top: 1px solid #6F5307;
	border-bottom: 1px solid #6F5307;
	font-size : 104%;
	width: 100%;
	margin-top: 7px;
	height:32px;
	z-index: 2;
	font-size: 12px;
	z-index:2;
}

#sitenavigation
{
	width : 885px;
	list-style-type: none;
	padding-left: 6px;
	margin: auto;
}

/* main menu items */
#sitenavigation li 
{
	float: left;
	color : #333;
	border-right : 1px solid #6F5307;
	white-space : nowrap;
	padding: 6px 10px;
	margin-top: 3px; margin-bottom: 3px;
	z-index:50;
}


/* link within main menu */
#sitenavigation li a 
{
	color : #fff;
	text-decoration : none;
	display : block;
	text-align: left;
	border-bottom: 0;

}

ul#sitenavigation li:hover
{
	 /*background-image : url(menu/navigationbar.gif); 
	background-repeat : repeat-x;
	background-position : top-left;*/
	background-color: #6F5307;
	color: #000000;
	font-weight: 500;
	z-index:50;

}

ul#sitenavigation li.end:hover
{ 
	text-align: center;
}

/* display the sub menus on hover even of an li*/
div#sitenav li:hover ul, div#sitenav li.end:hover ul
{
	display: block;
	z-index:50;
}

/* sub item list */
#sitenavigation li ul, #sitenavigation li.end ul
{
	list-style-type: none;
	background-color : #fff;
	border: 1px solid #666;
	border-top: 1px solid #6F5307;
	border-top-width: 3px;
	z-index : 1000;
	display: none;
	position: absolute;
	margin: 6px 0 0 -6px;
	padding : 0;	
		z-index:50;
}

#sitenavigation li ul {
	margin-top:6px;
	border-top-style:solid; border-top-width:1px; border-top-width:3px;
	border-color:#6F5307;
	z-index:50;
}

/* sub item */
#sitenavigation li ul li
{
	line-height : 145%;
	float : none;
	border : none;
	border-bottom : 1px solid #ccc;
	width : auto;
	margin:0;
	padding:0;
	z-index:50;
}

/* sub item */
#sitenavigation li ul li:hover
{
	background-image : none;
	z-index:50;
}

/* sub item link */
#sitenavigation li ul li a
{
	color : #333;
	padding : 5px;
	display: block;
	z-index:50;
}

/* hover over sub-item */
#sitenavigation li ul li a:hover
{
	background-color : #E0E0C2;
	background-image : none;
}

/* last item */
#sitenavigation li.end
{
	border-right : none;
}
/* --------------------------------- Footer Navigation items --------------------------------- */
.logo{	border-bottom:0;}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000000;
	text-align: center;
	font-size: 12px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footernav
{
	clear : both;
	border-top: 1px solid #6F5307;
	border-bottom: 1px solid #6F5307;
	font-size : 104%;
	width: 100%;
	margin-top: 7px;
	height:32px;
	z-index: 2;
}

#footernavigation
{
	width : 893px;
	list-style-type: none;
	padding-left: 0;
	margin: auto;
}

/* main menu items */
#footernavigation li 
{
	float: left;
	color : #333;
	border-right : 1px solid #6F5307;
	white-space : nowrap;
	padding: 6px 10px;
	margin-top: 3px; margin-bottom: 3px;
}


/* link within main menu */
#footernavigation li a 
{
	color : #fff;
	text-decoration : none;
	display : block;
	text-align: left;
	border-bottom: 0;

}

ul#footernavigation li:hover

{
	 /*background-image : url(menu/navigationbar.gif); 
	background-repeat : repeat-x;
	background-position : top-left;*/
	background-color: #6F5307;
	color: #000000;
	font-weight: 500;
	

}

ul#footernavigation li.end:hover
{ 
	text-align: center;
}

/* display the sub menus on hover even of an li*/
div#sitenav li:hover ul, div#sitenav li.end:hover ul
{
	display: block;
}

/* sub item list */
#footernavigation li ul, #footernavigation li.end ul
{
	list-style-type: none;
	background-color : #fff;
	border: 1px solid #666;
	border-top: 1px solid #6F5307;
	border-top-width: 3px;
	z-index : 1000;
	display: none;
	position: absolute;
	margin: 6px 0 0 -6px;
	padding : 0;	
}

#footernavigation li ul {
	margin-top:6px;
	border-top-style:solid; border-top-width:1px; border-top-width:3px;
	border-color:#6F5307;
}

/* sub item */
#footernavigation li ul li
{
	line-height : 145%;
	float : none;
	border : none;
	border-bottom : 1px solid #ccc;
	width : auto;
	margin:0;
	padding:0;
}

/* sub item */
#footernavigation li ul li:hover
{
	background-image : none;
}

/* sub item link */
#footernavigation li ul li a
{
	color : #333;
	padding : 5px;
	display: block;
}

/* hover over sub-item */
#footernavigation li ul li a:hover
{
	background-color : #E0E0C2;
	background-image : none;
}

/* last item */
#footernavigation li.end
{
	border-right : none;
}

.footer_links					{ margin:15px auto 45px;}
.footer_icons					{ float:right; padding:0 0 9px;}

#southpacificinternet 			{ font-size:10px; color: #999999;}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: 12px;
	z-index: 1;
}

#flash {
	background: #000000; 
	padding: 1px 10px 7px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px solid #6F5307;
	margin-top: 4px;
	margin-bottom: 1px;
	text-align: center;
	z-index: 1;
}

#slideshow {
	background: #000000; 
	padding: none;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px solid #6F5307;
	margin-top: 4px;
	margin-bottom: 1px;
	text-align: center;
	z-index: 1;
	height: 465px;
}

#contactmap {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 380px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 320px;
	/*background: #000000; the background color will be displayed for the length of the content in the column, but no further */
	background: url(../images/contact/loading_map.gif);
	top: 200px;
	 right: 200px;
	 margin: 20px 15px 5px 10px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

.oneColFixCtrHdr #header_raro {
	background: #000000; 
	padding: 7px 0px 7px 16px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 0px solid #6F5307;
	margin-bottom: 1px;
	text-align: center;
}

.oneColFixCtrHdr #mainContent {
	padding: 8px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000000;
	border-top: 0px solid #6F5307;
}


.oneColFixCtrHdr #mainContents {
	padding: 0px 0px 0px 2px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000000;
}


.navi {  
	font-family: "Century Gothic", "MS Sans Serif", "AvantGarde Md BT"; 
	font-size: 13px; 
	color: #FFFFFF; 
	text-decoration: none; 
	}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	text-align: center;
	}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC00;
}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFCC00}
h4 {  
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; color: #FFCC00;
	text-align: left;
	}	
h5 {  
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 18px; 
	font-weight: bold; color: #FFCC00;
	text-align: left;
	}	
	
.style1 {font-size: 10px}	
.horzbar {  
	color: #333333; 
	}
.yelos  a:hover {  color: #990000; text-decoration: none;} 


.yelos{  
	color: #FFCC00; 
	text-decoration: none; 
	font-size:16px;
	font-weight:bold; }
	
.yelos:hover{  
	color: #0066CC; 
	text-decoration: none; 
	font-size:16px;
	font-weight:bold; }

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 135px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0px 12px;
}
#sidebar_left {
	float: left; /* since this element is floated, a width must be given */
	width: 135px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 47px 30px 0;
}
#sidebar_raro {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further 
	height: 240px;*/
	padding: 15px 15px 0px 12px;
	vertical-align:top;
}

#sidebarreservations {
	position: inherit; float: right; /* since this element is floated, a width must be given */
	width: 135px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0px 12px;
	right: 200px;
}

#islandpic {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 200px;
	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 25px 10px 5px 15px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
}

#islandpic1 {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 200px;
	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 35px 10px 5px 15px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
}
#islandpic2 {
position: inherit;
	float: left; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 200px;
	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 3px 15px 10px 10px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

#diving {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 15px 10px 0px 25px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

#shark {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 200px;
	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 3px 15px 30px 10px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

#activitesimg1 {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 167px;
	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 20px 15px 10px 10px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}
#activitesimg2 {
position: inherit;
	float: left; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	background: #000000;/* the background color will be displayed for the length of the content in the column, but no further */
	top: 200px;
	 right: 200px;
	 margin: 15px 15px 25px 10px;
	padding: 4px 4px 4px 4px;
	border: 1px #FFFFFF solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}
#sidebarl2 {
	float: right; /* since this element is floated, a width must be given */
	width: 135px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 15px 0px 12px;
}
#sidebarr {
	float:left ; /* since this element is floated, a width must be given */
	width: 135px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 35px 0px 12px;
}

#sidebar_testimonials {

background-repeat: no-repeat;
	float: right; /* since this element is floated, a width must be given */
	width: 100px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 100%;
	/*background:  ; the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0px 12px;
}

/* ----------------------------------- raronavigation items ----------------------------------- */

#raronav
{
	clear : both;
	font-size : 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding: 0px 2px 10px 2px;
	height:21px;
	z-index: 2;
	background-color: #000000;
}

#raronavigation
{
	
	list-style-type: none;
	padding-left: 0;
	margin: auto;
}

/* main menu items */
#raronavigation li 
{
	float: left;
	color: #000000;
	border-right : 1px solid #333333;
	padding: 1px 30px 1px 30px;
	margin-top: 2px; margin-bottom: 2px;
	top: 2px;
}


/* link within main menu */
#raronavigation li a 
{
	color: #999999;
	text-decoration : none;
	display : block;
	text-align: left;
	border-bottom: 0;
}

ul#raronavigation li:hover
{
	 /*background-image : url(menu/navigationbar.gif); 
	background-repeat : repeat-x;
	background-position : top-left;*/
	background-color: #040404;
	border: #996600 solid 1px;
	border-bottom: 0
	color: #000099;
	text-decoration: underline;
	

	

}

ul#raronavigation li.end:hover
{ 
	text-align: center;
	text-decoration: underline;
}

/* display the sub menus on hover even of an li*/
div#raronav li:hover ul, div#raronav li.end:hover ul
{
	display: block;
}

/* last item */
#raronavigation li.end
{
	border-right : none;
}
A:hover {text-decoration: none; color: #BD0231;}