/* global.css, em 2-19-07 */
/* rename, emm 4-23-07 */
/* last validate: 4-23-07.  (named color warnings) */

* { margin:0 ; padding: 0 ; }
html { margin:0; padding:0 }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100% ;
	text-align:center ;
	margin: 0 auto ;
	background-color: #1669df ;
}

a, a:active, a:focus, a:hover { outline: none ; border: none ; overflow: hidden; }

#wrapper{ float:left; width:100% ; }
#container{	/* element that the progLayout calculates col widths */
	width:90% ;
	text-align:left ; 
	background: #fff  ;
	position: relative;
}

#title, #dl_title {
	/* accessiblity - can be read by screen reader */
	/* margin-left:9999px ; */
	z-index: -1;
}
#header {
	height: 176px ; 
	border-top: 10px solid #1669df ; /* IE doesn't fill this in on margin */
	cursor: pointer ;  /* always link to home page (except in index.htm) */
	 /* border-bottom: medium solid #1669df ; same menu color */
	background: #fff url(../images/banner_db_v2.jpg) 0 0 no-repeat ;
	position: relative;
	display: block ; /* called by a span to enable anchor to home page and CSS validation */
	z-index: 1; 

}
.accessibility { /* image replacement accessibility */
	position: absolute;
	left: -9999em;
}
#header a {
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none ;
    height: 180px;
}
#header a span {
    visibility: hidden;
}

#headerTrailer {
	float: left ;
	background-color: #fff ;
	/* border-bottom: .4em solid #fff ; */
	margin: 0 ;
	clear: both ;
	width:100% ; /* Opera fix */
}

span#blog {
	text-align: right; 
	float: right; 
	margin-right: 1em; 
	background-color: #FFC; 
	font-style: italic; 
	padding: 3px 3px 0 3px; 
	font-weight: bold; 
	font-size: .8em; 
	line-height: 1em ; 
}
span#blog a:hover { text-decoration: none ; }
span#blog a:hover { text-decoration: underline ; color: #000 ; }

span#persistentPolicies { clear:both ; float:left; margin-left: 1em; margin-bottom: 2px ; }
span#persistentPolicies a img { vertical-align: bottom ; line-height: 16px ; }
span#persistentPolicies a:hover { text-decoration: underline ; color: #000 ; }

/* image map for the header Yacht Rate Icon and link */
#imapHeader { display: block ; width: 130px; height:118px; position: relative ; left: 652px ; top: 2px; }

/* place the <dd>s in the correct absolute position */
#imapHeader dd { position:absolute; padding:0; margin:0;}

/* 11.19.08 - visibility hidden for ie - fix for anchor text on image */
a#dl_title { visibility: hidden ; }

/* style the <dd><a> links physical size and the background image for the hover */
#imapHeader a#icon{ display:block; width:128px; height:115px; text-decoration:none; z-index:20; }

#imapHeader #picp a img { visibility: visible ; } 
/* #imapHeader a#icon { display:block; width:130px; height:118px; background: transparent url(images/Presentation/ratesIconHover.png) 4px 4px no-repeat; text-decoration:none; z-index:20;} */

/* style the span text so that it is not initially displayed 
#imapHeader a span, #imapHeader a img, #header a:visited span { display:none; } */

/* move the link background image to position 0 0 when hovered */
#imap a#icon:hover { background-position: 0 0; } 

/* define the common styling for the span text */
#imapHeader a#icon:hover { position:absolute;  width:120px; display:block; /* background: transparent url(../images/Presentation/ratesIconHover.png) 715px 28px no-repeat; */ border:1px solid #0ff; padding:2px; }
/* the hack for IE pre IE6 */
* html #imapHeader a:hover img {width:120px; w\idth:120px;}

/* add the style for the link span text - first line (not used now) */
#imapHeader a span:first-line {font-weight:bold; font-style:italic;}


/* general page layouts of single occurance blocks */	
#mainMenu {
	text-align:center ;
	margin: 0 auto ;
}

#menu_wrap { border-top: 5px solid #fff ;border-bottom: 5px solid #fff ; }

#footer{
	clear:left;
	width:100%;
	height: 18px ; 
	font-size: 12px ;  
	color: #fff ; 
	background: #69e url('../images/Presentation/footerBl.gif') ; 
	line-height: 18px ;
}
#footer span.Co {
	width: 100% ; 
	text-align: center ; 
	margin: .5em 1em ;
}

/* single block page */
#contentBlockSingle { /* eliminated float - IE has problem w/ float left BG */
	margin-top: 0;
	width:75%;
	margin-left:22% ;
	font-size: 0.8em ;
}

/* 3 col (adapted from NN4 3 col - from css-dicuss layout list) */
#wrapperInner{
	float:left;
	width:100%;
	margin-bottom: .5em ;
} 
.contentBlock {
	margin-top: .5em ;
	padding-bottom: .5em ;
}
#leftBox {
	float:left;
	width:245px;
	margin-left:-100% ;
	text-align: left ;
}
#leftContent {
	/* margin-right				: 0px;
	padding						: 0px; 
	color						: #000000; */
}

#rightBox{
	float:left;
	/* width:33%; */
	margin-left:-25%;
}

.contentBlock p {
	font-size: .8em; margin: 0 1em; 
	text-align: justify ; 
}
.contentBlock p + p { margin-top: .8em ; }
.contentBlock p.centerhl {
	margin-top: 1.2em; 
	font-weight: bold; 
	text-align: center;
}

/* default list */
ul, ul li {
	list-style: circle;
}
li.break { list-style: none ; height: 1em ; } /* break in list */

/* single content main bullet items */
.mainList {
	padding: 1em 1em 0 ;
 	margin-left: 1em ; 
}

.mainList li {
/* list-style-images: url(../images/Presentation/navicon.gif) ; */
	margin: .5em 1em 1em 1em ;
	text-align: left ;
	font-size: 1em ;
}
.mainList li + li { margin-top: 1.1em ; }
.mainList .last {
	border-top: 2px solid Black ;
	border-bottom: 2px solid Black ;
	padding-bottom: 0 ;
	text-align: center ;
	list-style: none;
}

/* inline list */
.inline-list {
	margin: .5em auto 0;
	text-align: center ;
	padding: .5em 0 0;
}
.inline-list ul, .inline-list li, .inline-list img {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
	}

/* photo array (bvi) */
#photogrid {
	width: 700px ;
	margin-top: 2em ;
}
#photogridTitle {
	font-style:italic;
	border-bottom:1px solid gray;
	position:relative;
	top:-.9em;
	left:.5em;
	text-align:center;
	padding-right: .5em ;
}
#photoLg {
	margin:1em auto 1em;
	text-align:center;
	background-color: #ebf5f8;
	padding: 5px;
	width:571px;
	height:370px;	
}
.fR { 
	float: right;
	padding: 1em ;
}
.fL {
	float: left;
	padding-right: 1em;
	padding-bottom: .5em;
}
/* img content simulated list main bullet items (shell bullet)*/
#imgList {
	list-style:  none outside;
	padding: 1em ;
 	margin-left: 1em ; 
	line-height: 1.4em ;
}

#imgList li {
	list-style: none outside ;
	padding-left: 80px;
	margin: .5em 1em 1em ;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em ;
	vertical-align: text-top;
}
#imgList li + li { margin-top: 1.1em ; }
#imgList .last {
	border-top: 2px solid Black ;
	border-bottom: 2px solid Black ;
	text-align: center ;
	list-style: none ;
}
/* hover bullet (need to seperate them - otherwise they all change, better way?) */
#imgList li.bullet1:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet2:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet3:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet4:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet5:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet6:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet7:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); }
#imgList li.bullet8:hover { list-style-image: url(../images/Presentation/bullet_shell.gif); 
	text-align:left; 
	margin-bottom:1em ;
}

/* carribean itinerary submenu */
#listContainer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em ;
margin: 2em .5em 0 .5em ; 
}
#listContainer h4 {
	display: block;
	margin: 0 .5em 0 0 ; 
}
#listContainer ul {
	list-style: none;
	margin: 0 .5em 0 0 ; 
	padding: 0px;
	border: none;
}
#listContainer ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float : left;
	clear : both;
	width: 100%;
}
#listContainer ul li a {
	font-size: 80%;
	display: block;
	border-left: 5px solid #A4C3DF ;
	border-bottom: 1px dashed #C39C4E;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: Gray;
}
#listContainer ul li a:hover, #listContainer ul li a:focus {
	color: #000000;
	background-color: #eee ;
	border-left: 5px solid #F23A3B ;
}

/* slide shows */
#mainSlideShow {
	margin: 20px 40px 40px auto  ;
	text-align: center ;
	width: 190px ; 
	height:180px ; 
	padding: 0 ;
}
#picsSlideShow {
	margin: 0 ; 
	width:190px; 
	height:180px;
	padding: 10px; 
	border: 1px solid #666 ;
}

#bookBG {
	margin: 2em auto ; 
	width: 239px; height:352px; 
	position: relative ;
	background: #eee url(../images/BkSlideShow/openBook.jpg) no-repeat top left ; 
}
#book {
	float:left ;
	position:relative ; 
	top:17px;	/* adjustments for ie in source */
	left: 15px ; /* adjustments for ie in source */
	z-index: 2 ; /* for mouseover w/ overlay ie */
}
#press h1 {
	font-size: 1.5em ;
/*	zoom: 1 ; /* bug in ie7?  need to force haslayout for IE7; otherwise disappears on scroll */
	color: #00008B; /* DarkBlue */
	border-bottom: 1px solid #00008B;  /* DarkBlue */
	padding-bottom: 0;
}
#press h2 {
	font-size:1.2em;
	border-bottom:1px solid #00008B;  /* DarkBlue */
	border-top:1px solid #00008B;
	color:#00008B ;
}
#press h1, #press h2, #press p {
	padding: .5em ;
}
#press p , #press li {
	font-size: .8em ;
}
#press ul.inList  , 
#press ul.inList li {
	list-style: circle inside;
	padding-left: .5em ;
}
#press .txtRight {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: right;
	margin: 2px;
	line-height:2em;
	/* bug in ie7?  need to force haslayout for IE7; otherwise disappears on scroll */
	/* give #haslayout on txtRight att & test Opera */
}
/* pressroom scroller */
#marqueecontainer {
	position: relative ;
	width: 200px ; 
	height: 300px ; 
	overflow: hidden ;
	border-top: 1px solid #00008B ;  /* DarkBlue */
	border-bottom: 1px solid #00008B ;
	margin: .5em .5em .5em auto ;
	padding: 2px ;
	padding-left: 4px ;
}
#vmarquee {
	position: relative; 
	width: 98%;
	font-family: "Lucida Sans Unicode", Veranda, sans-serif ;
}
#vmarquee h3 { 
	font-size:1.5em ;
	text-align: right ;
}
#vmarquee ul ,
#vmarquee ul li {
	list-style-type: circle;
	list-style-position: inside;
	font-weight: bold ;
	font-size: 1.1em;
}
#vmarquee ul.no ,
#vmarquee ul.no li {
	list-style: none inside;
}
#press #vmarquee img { /* higher spec for no anchor border-bottom */
	margin: .5em auto ;
	text-align: center;
	border: none;
}
#press #vmarquee h3 {
	padding-top: 2em;
	text-align: left ;
	border-bottom: none;
	margin-bottom: .8em ;
}
#vmarquee a {
	text-decoration: none;
	border-bottom: 1px dotted #378EB1;
}
#vmarquee h3 a:link {
	color: Green;
}
#vmarquee h3 a:visited {
	color: #DDA0DD; /* Plum */
}
#vmarquee a.nodec {
	border-bottom: none;
}


/* nav station (vmarquee)
#press #vmarquee .pla ,
#press #vmarquee .pla a:link ,
#press #vmarquee .pla a:visited {
	font-size: .8em;
	text-align: right;
	color: #009999;
	padding-right: .5em ;
}
#press #vmarquee .plb ,
#press #vmarquee .plb a:link ,
#press #vmarquee .plb a:visited {
	font-size: 1em;
	text-align: right;
	color: #000669;
	padding-right: .5em ;
}
#press #vmarquee .plc ,
#press #vmarquee .plc a:link {
	font-size: 1.3em;
	text-align: right;
	color: Teal;
	padding-right: .5em ;
}
#press #vmarquee .pld ,
#press #vmarquee .pld a:link ,
#press #vmarquee .pld a:visited {
	font-size: .9em;
	text-align: right;
	color: #F08080;
	padding-right: .5em;
}
#press #vmarquee .ple ,
#press #vmarquee .ple a:link ,
#press #vmarquee .ple a:visited {
	font-size: 1em;
	text-align: right;
	color: #999999;
	padding-right: .5em ;
}
#press #vmarquee .plf ,
#press #vmarquee .plf a:link ,
#press #vmarquee .plf a:visited {
	font-size: 1.2em;
	text-align: right;
	color: #ff99ff;
	padding-right: .5em ;
}
 */
 /*
  * Presentation classes
  *
  * color constants
  *
  * background:  #1669df ;
  * vista font: Corbel
  */
/* headers/fonts */
h1 { font-size: 2em; text-align: center ; }
h2 { font-size: 1.5em; text-align: left ; }
h3 { font-size: 1em; text-align: left ; }
h4 { font-size: .88em; text-align: left ; }
h5 { font-size: .75em; text-align: left ; }
h6 { font-size: .63em; text-align: left ; }

h1, h2, h3 { color: #000; font-weight:bold; text-align:center;
	font-family: "Lucida Sans Unicode", Veranda, sans-serif ; } /* 0 aligns w/ content body for inline headers */


a img { border: none; outline: none; overflow: hide; }
.readmore { font-size: .9em ; font-style: italic ; }

.fancy { font-family: "Lucida Handwriting",Georgia,Veranda,arial,sans serif !important ; }
.fancyI { font-family: "Lucida Handwriting",Georgia,Veranda,arial,sans serif; font-style:italic; }
.ifancy { color:#ffe ;
	font-family: "Lucida Handwriting",Georgia,Veranda,arial,sans serif ; }
.ifancyI { color:#ffe ;
	font-family: "Lucida Handwriting",Georgia,Veranda,arial,sans serif ; font-style:italic; }
.number { /* fancy # (use w/ fancy & color) */
	font-size: 36pt;
	line-height: 1em;
	margin-top: 1em;
}
.numberS { /* fancy # (use w/ fancy & color) */
	font-size: 25pt;
	line-height: .8em; 
	margin-top: 1em;
}
.numberxS { /* fancy # (use w/ fancy & color) */
	font-size: 18pt;
	line-height: .