﻿/* THIS STYLESHEET STYLES EVERYTHING ON THE WORLDWIDE PAGES */

#price {
   font-family:Georgia, Verdana, Helvetica, sans-serif;
   color:#fff;
   font-size:2.3em;
   font-weight:100;
   margin:-5px;
   margin-left:-8px;
   text-align:center;
}

 

*html #sticker {
   position:relative;
   top:-4px;
   left:-475px;
}

*+html #sticker {
   position:relative;
   top:-2px;
   left:-475px;
}

#board {
	font-size:12px;
	color:#fff;
	padding:5px;
	text-align:center;
}

*html #board {
	margin-bottom:-15px;
}

#from {
	font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:.7em;
	margin:-5px;
	margin-bottom:-5px;
	padding-left:2px;
	text-align:center;
	text-transform:uppercase;
}


#telephone {
    width:168px;
    padding:5px 0;
    margin:10px 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:.7em;
    line-height:150%;
    background-color:#bbffff;
    border:1px solid #37fdfc;
}

body {
	min-height:100%;
	margin:0;
	padding:0;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:0;
	color:#1a3561;
	font-weight:normal;
	margin:.8em 0;
}

*html h3 {
	margin-top:10px;
}

h4 {
	padding-left:10px;
	color:#f57f29;
	margin:10px;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

.clear {
	clear:both;
}

#default {
	background-color:#faf0e6;
}

#outerWrapper {
	margin:auto;
	padding:0 0 20px 0;
	width:840px;
	background-color:#fff;
}

#wrapper {
	margin:auto;
	width:800px;
	height:auto;
	padding:0;
	background-color:#fff;
	
}

/* code below applies to both rs and ww - do on separate page */

#mainContent {
	width:800px;
	min-height:500px;
	background-color:#fff;
}

#leftColumn {
	width:170px;
	height:auto;
	float:right;
	margin:10px 0;
	background-color:#fff;
	padding-top:10px;
}

#rightColumn {
	width:620px;
	height:auto;
	float:left;
	margin:10px 0;
	text-align:left;
	background-color:#fff;
}

#subNav {
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.65em;
	text-align:right;
	/* float:right; */
	padding:.5em;
	/* position:relative;
	top:0; */
	color:#1a3561;
	vertical-align:middle;
}

#subNav a {
	text-decoration:none;
	color:#1a3561;
	padding:.2em;
}

#subNav a:hover {
	text-decoration:underline;
	color:#1a3561;
}

/* rs and ww above */

#header {
	width:800px;
	height:80px;
	margin:0;
	background-image:url(../../IMAGES/New_header_2.jpg);
	background-repeat:no-repeat;
}

#headerOuter {
	width:100%;
	height:100px;
	background-color:#fff;
}

#headerInner {
	width:800px;
	height:auto;
	margin:auto;
}

/* this is the MAIN NAVIGATION section. DO NOT CHANGE ---------------------------------------------------------------------------------------------------------------------------------*/

.Nav {
	background-color:#b0e2ff;
	border:1px solid #b0e2ff;
	border-top:none;
	/* margin-top:2px; */
	position:relative;
	z-index:99;
}

#Nav {
	padding:0;
	margin:0;
	list-style:none;
	border-top:0px solid #fff;
}

*html #Nav { /* Styles the above for IE */
	position:relative;
	/* margin-top:10px;
	padding-top:10px; */
	list-style:none;
	border-top:0px solid #fff;
	margin-bottom:1px;
}

#Nav li {
	float:left;
	position:relative;
	font:.7em verdana;
	font-weight:100;
	background-color:#b0e2ff;
	border-top:4px solid #b0e2ff;
	border-bottom:5px solid #b0e2ff;
	padding:0 1em;
	text-transform:uppercase;
}

#Nav a:link, #Nav a:visited {
	display:block;
	text-decoration:none;
	padding-left:2em;
	padding-right:2em;
	color:#1a3561;
	margin:0;
	padding:.4em;
	border:1px solid #b0e2ff;
} 
 
#Nav ul {
	/* display:none; */
	position:absolute;
	padding:0;
	margin:0;
	list-style:none;
	border:0px solid #fff;
	/* top:0; */
	/* left:0px;  */
	/* margin-top:0px;
	border-top:5px solid transparent; */
}

*html #Nav ul {
	top:2.5em;
}

li ul { /* second-level lists */
	display:none;
	position:absolute;
	top:1.5em;
	left:0px;
	/* border:1px solid #b0e2ff; */
}

#Nav ul li {
	float:none;
	border-left:1px solid #b0e2ff;
	border-right:1px solid #b0e2ff;
	border-bottom:1px solid #b0e2ff; 
	border-top:2px solid #b0e2ff; 
	background-color:#b0e2ff;
	color:#1a3561;
	font-size:90%;
	width:160px;
	margin-left:0px;
	margin-top:-1px;
	margin-bottom:0px;
	padding:1px;
	text-align:left;
	opacity:0.95;
	filter:alpha(opacity=95);
	z-index:99;
}

*html #Nav ul li { /* styling for IE */
	float:none;
	border-left:3px solid #f0f8ff;
	border-right:3px solid #f0f8ff;
	border-bottom:3px solid #f0f8ff;
	border-top:3px solid #f0f8ff;
	background-color:#f0f8ff;
	font-size:90%;
	width:150px;
	margin-left:0;
	margin-top:0;
	margin-bottom:0px;
	padding:0px;
	text-align:left;
	filter:alpha(opacity=90);
	z-index:99;
}

/* BELOW MAKES MENU WORK IN IE7 */

#Nav ul > li {
	top:0;
	left:0;
	margin-top:-2px;
	margin-bottom:-2px;
	padding:0;
}

#Nav li:hover ul, li.over ul {
	display:block;
	left:10px;
	top:2.7em;
	margin:0;
	padding:0;	
}

#Nav a:hover {
	display:block;
	background-color:#f57f29;
	text-decoration:none;
	color:#fff;
	/* padding:0.4em; */
	border:1px solid #f57f29;
}

* html #Nav ul {
	margin-top:0px;
}

/* * html .Nav ul li {
	position:relative;
	top:2.8em;
	margin-top:-2.5em;
	margin-bottom:30px;
	border-top:0; 
} */

* html li ul { /* second-level lists */
	display:none;
	position:absolute;
	top:0em;
}

* html li ul li a {
	height:1.2em;
	margin-top:2.5em;
	border-top:0;
}

/* above is MAIN NAVIGATION. DO NOT CHANGE --------------------------------------------------------------------------------------------------------------------------------------------*/

/* below is LEFT NAVIGATION. DO NOT CHANGE --------------------------------------------------------------------------------------------------------------------------------------------*/

#vNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	width:170px;
	text-align:left;
	background-color:#ffffff;
}

#vNav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#vNav li a {
	display:block;
	color:#1a3561;
	line-height:20px;
	height:20px;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	background-color:#bbffff;
	border-top:1px solid #fff;
}

#vNav ul a:hover {
	color:#1a3561;
	background-color:#37fdfc;
}

#vNav ul a:visited {
	color:#1a3561;
	/* border-right:5px solid #b0e2ff; */
}

#vNav p {
	color:#f57f29;
	font-weight:100;
	font-size:1em;
}

*html #vNav p {
	margin-top:10px;
	margin-bottom:0;
	padding:5px;
	color:#f57f29;
	font-weight:100;
}

/* Resort list styling */

.vNavResort {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	width:170px;
	text-align:left;
	background-color:#f0f8ff;
}

.vNavResort ul {
	list-style:none;
	margin:0;
	padding:0;
}

.vNavResort li a {
	display:block;
	color:#1a3561;
	line-height:20px;
	height:20px;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:right;
}

.vNavResort ul a:hover {
	color:#fff;
	background-color:#b0e2ff;
}

.vNavResort .bottom a {
	display:block;
	line-height:20px;
	height:20px;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	border-left:5px solid #b0e2ff;
	border-bottom:none; /* Removes white border from bottom of link */
}

.vNavResort p {
	padding:5px 0 0 5px;
	color:#f57f29;
	font-weight:bold;
}

/* above is LEFT NAVIGATION. DO NOT CHANGE --------------------------------------------------------------------------------------------------------------------------------------------*/

.repeater {
	width:auto;
	height:auto;
}

.repeaterLeft {
	width:150px;
	float:left;
}

.repeaterRight {
	width:460px;
	float:right;
}

.repeater h6 {
	font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

.repeater img {
	border:none;
}

.rowWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	padding:0;
	clear:both; /* this allows for thumbnails in gallery */
}

/* for IE */
/*\*/
* html .rowWw {
	height:6em;
}
/**/

.rowWw p {
	width:auto;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
	padding:5px 0;
}

.rowWw img {
	border:none;
}

.rowWw h6 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

.rowOddWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	padding:3px 10px;
	clear:both; /* this allows for thumbnails in gallery */
}

/* for IE */
/*\*/
* html .rowOddWw {
	height:6em;
}
/**/

.rowOddWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;}

.rowOddWw img {
	border:none;
}

.rowOddWw h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#f0f8ff;
	border:1px solid #b0e2ff;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

.rowEvenWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	padding:3px 10px;
	clear:both; /* this allows for thumbnails in gallery */
}

/* for IE */
/*\*/
* html .rowEvenWw {
	height:6em;
}
/**/

.rowEvenWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

.rowEvenWw img {
	border:none;
}

.rowEvenWw h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#f0f8ff;
	border:1px solid #b0e2ff;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

#infoWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	clear:both; /* this allows for thumbnails in gallery */
}

/* for IE 6 and below */
/*\*/
* html #infoWw {
	height:6em;
}
/**/

#infoWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

#infoWw img {
	border:none;
}

#infoWw h6 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	border:1px solid #37fdfc;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

#divingWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	clear:both; /* this allows for thumbnails in gallery */
}

/* for IE 6 and below */
/*\*/
* html #divingWw {
	height:6em;
}
/**/

#divingWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

#divingWw img {
	border:none;
}

#divingWw h6 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	border:1px solid #37fdfc;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

#mapWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	text-align:center;
}

/* for IE 6 and below */
/*\*/
* html #mapWw {
	height:6em;
}
/**/

#mapWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

#mapWw img {
	border:none;
	padding:5px;
}

#mapWw h6 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	border:1px solid #37fdfc;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

#weatherWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	padding:3px 10px;
}

/* for IE 6 and below */
/*\*/
* html #weatherWw {
	height:6em;
}
/**/

#weatherWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

#weatherWw img {
	border:none;
	padding:5px;
}

#weatherWw h6 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	border:1px solid #37fdfc;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

#flightsWw {
	width:auto;
	min-height:100%; /* this is not recognised in IE */
	height:auto;
	padding:3px 10px;
	clear:both; /* this allows for thumbnails in gallery */
}

/* for IE 6 and below */
/*\*/
* html #flightsWw {
	height:6em;
}
/**/

#flightsWw p {
	width:auto;
	margin:5px 10px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#000;
	line-height:150%;
}

#flightsWw img {
	border:none;
}

#flightsWw h6 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:200;
	text-transform:uppercase;
	color:#1a3561;
	background-color:#bbffff;
	border:1px solid #37fdfc;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
}

/* below styles the gallery DO NOT CHANGE ------------------------------------------------------------------------------------------------------------------------------------------- */

#galleryWw {
	width:598px;
	margin-left:10px;
	min-height:12em; /* not recognised in IE */
	padding:3px 0;
	/* background-color:#faf0e6;
	border:1px solid #eeeed1; */
	position:relative;
}

/* for IE */
/*\*/
* html #galleryWw {
	height:12em;
}
/**/

#gallerycontainerWw {
	position:relative;
	height:230px;
	width:auto;
	padding-right:10px;
	padding-top:15px;
	background-image:url(IMAGES/initial_image.jpg);
	background-repeat:no-repeat;
	background-position:31px 21px;
}

#thumbnail {
	width:220px;
	float:right;
	cursor:default;
	padding:0px;
}

#thumbnail li {
	padding:0px;
	margin:-2px;
	cursor:default;
	list-style:none;
	display:inline;
}

*html #thumbnail li {
	padding:0px;
	margin:0px;
	cursor:default;
	list-style:none;
	display:inline;
}

.thumbnail img {
	border:2px solid #fff;
	margin:-3px;
	padding:2px;
	background-color:#fff;
}

*html .thumbnail img {
	border:2px solid #fff;
	margin:0;
	padding:2px;
	background-color:#fff;
}

.thumbnail:hover {
	background-color:transparent;
}

.thumbnail span { /* this styles the larger images */
	position:absolute;
	padding:0;
	left:-1000px;
	visibility:hidden;
	color:#000;
	text-decoration:none;
}

.thumbnail span img {	
	border:none;
}

.thumbnail:hover span {
	visibility:visible;
	top:22px;
	left:32px;
	z-index:50;
}

*html .thumbnail:hover span {
	visibility:visible;
	top:22px;
	left:32px;
	z-index:50;
}

/* above styles the gallery DO NOT CHANGE ------------------------------------------------------------------------------------------------------------------------------------------- */


.featuresWw {
	width:auto;
	height:auto;
	color:#f57f29;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	text-align:left;
	line-height:2em;
	margin:5px 0;
	padding:5px 0;
	/* background-color:#b0e2ff; */
}

.featuresWw ul {
	list-style-image:url(../../IMAGES/bulletww.jpg);
	color:#cd0000;
	margin:5px 5px;
	padding:0;
	margin-left:25px;  /* aligns bullet points correctly in Mozilla and IE7 */
}

* html .featuresWw ul {
	list-style-image:url(../../IMAGES/bulletww.jpg);
	color:#1a3561;
	margin:0;
	padding:0;
	margin-left:25px; /* might need changing for other browsers (ok in IE6) */
}

#oceanCollege {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.65em;
	color:#1a3561;
	line-height:150%;
	margin-top:10px;
	text-align:left;
	padding:5px;
}

#imageMain {
	width:620px;
	height:auto;
	margin-bottom:0;
	text-align:left;
}

#imageMain p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.65em;
	color:#f57f29;
	padding:5px 0 10px 0;
	text-align:center;
	margin:0;
}

/* styling for upgrades section */

#upgrades {
	width:170px;
	background:url(IMAGES/upgrades_mid.jpg);
	background-repeat:repeat-y;
	margin-top:10px;
	text-align:center;
}

/* for IE */
/*\*/
* html #upgrades {
	margin-bottom:-4px;
}
/**/

#upgrades h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#f57f29;
	margin:5px 0;
	border-top:1px dashed #6acef6;
	padding-top:4px;
}

#upgrades p {
	margin:5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:bold;
	color:#1a3561;
	line-height:125%;
	padding:0 7px;
}

#upgrades .last {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	font-weight:100;
	color:#1a3561;
	padding:0 9px;
	line-height:125%;
	text-align:left;
}

/* styles bookmark links - can be moved to Nav section */

#bookmark {
	width:auto;
	height:auto;
	padding:5px;
	text-align:right;
	font:Georgia;
	font-size:.55em;
	color:#f57f29;
	text-transform:uppercase;
}

#footer {
	width:100%;
	height:auto;
	background-color:#eeeed1;
	padding:10px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-top:10px solid #eed6af;
}

*html #footer {
	padding-bottom:50px;
}

#footerInter {
	width:846px;
	margin:auto;
	padding:0;
}

.footerBox {
	width:130px;
	padding:5px;
	float:left;
	text-align:left;
	line-height:175%;
	margin:0;
}

.footerBox p {
	margin:5px 0;
	color:#f57f29;
}

.footerBoxLong {
	width:auto;
	min-height:200px;
	padding:5px;
	float:none;
	text-align:center;
	line-height:175%;
	margin:0;
}

.footerBoxLong p {
	color:#f57f29;
	font-size:.7em;
}

.footerBoxLong a:link, .footerBoxLong a:visited {
	color:#f57f29;
	text-decoration:none;
	padding:1px 1px 1px 0;
	border-bottom:1px dotted #f57f29;
}

.footerBoxLong a:hover {
	color:#cd0000;
	border-bottom:1px dotted #cd0000;
}

*html .footerBox p {
	line-height:100%;
	padding:0;
	margin:12px 0;
}

.footerBox a:link, .footerBox a:visited {
	color:#f57f29;
	text-decoration:none;
	padding:1px 1px 1px 0;
	border-bottom:1px dotted #f57f29;
}

.footerBox a:hover {
	color:#cd0000;
	text-decoration:none;
	border-bottom:1px dotted #cd0000;
	padding:1px 1px 1px 0;
}

.footerBox h6 {
	font-weight:bold;
	margin:0;
	padding-left:0;
	color:#f57f29;
}

.footerBox img {
	padding-right:10px;
	opacity:.8;
	filter:alpha(opacity=80);
}

#google {
	display:none;
}

/* above styles the footer------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.hotelImage {
	text-align:center;
	margin:10px;
	margin-bottom:40px;
	width:160px;
	float:left;
	height:110px;
	background-color:#fff;
	padding:5px;
}

.hotelImage img {
	width:150px;
	height:100px;
}

*html .hotelImage a:link, .hotelImage a:visited {
	color:#306e96;
	text-decoration:none;
}

*html .hotelImage a:hover {
	color:#306e96;
	text-decoration:none;
	border:1px solid #306e96;
}

#callExplorers {
	width:auto;
	padding:0;
	margin-top:5px;
	background-color:#1a3561;
	color:#fff;
	font-family:Verdana;
	border:1px solid #1a3561;
	font-size:.8em;
}

#callExplorers h6 {
	background-color:#1a3561;
	color:#fff;
	font-size:1.1em;
	padding:3px;
	margin-top:0px;
	text-transform:uppercase;
	letter-spacing:.3em;
}

*html #callExplorers h6 {
	background-color:#1a3561;
	color:#fff;
	font-size:1.1em;
	padding:3px;
	margin-top:-2px;
	text-transform:uppercase;
	letter-spacing:.3em;
}

#callExplorers p {
	padding:5px;
	padding-top:0;
	color:#fff;
}

*html #callExplorers p {
	padding:5px;
	padding-top:0;
	margin-top:-15px;
	margin-bottom:5px;
}

#callExplorers img {
	width:168px;
}