/* 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: .8em; 
	margin-top: 1em;
}
.plainHeader { font-family: "Eras Medium ITC" , Arial , sans-serif ; }

.hlBold { font-weight:bold ; }
.hlDarkBlue {
	float: left;
	font-style: italic;
	font-weight: bold;
	color: #00008B; /* DarkBlue */
	background-color: inherit ;
}
.bDarkBlue {
	font-style: italic;
	font-weight: bold;
	color: #00008B; /* DarkBlue */
	/* background-color: inherit ; */
}
.iheaderScriptPage {
	font-family: "Lucida Handwriting",Georgia,Veranda,arial,sans-serif;
	color: #fff ;
	background-color: inherit ;
}
.isubHeaderScriptPage {
	font-family: "Lucida Handwriting",Georgia,Veranda,arial,sans-serif;
	color: #fff ;
	background-color: inherit ;
}

.bodyTxtFixedL,
.bodyTxtFixedR { text-align:right; margin: 0 1em ; font-size:.8em ; }
.bodyTxtFixedL { float: left ; }
.bodyTxtFixedR { float: right ; margin-right: 110px ; /* skype button */ }
.persistentPolicies {
	background-color: #E3F1FF; /* lgt blue */
	text-align: left;
	margin-left: .2em;
	margin-bottom: .2em ;
	clear: both ;
	display:inline;
}

.indent { text-indent: 2em; }
.indentx {
	margin-left: 4em ;
}
.indentX { padding-left: 5em; }

.pMain { padding-top:2em ; }

.small { font-size: .8em ; }
.medium { font-size: .9em ; }
.large { font-size: 1.1em ; }
.big {	font-size: 1.5em ; }
.bigger {
	font-size: 1.75em ;
}
.xbig { font-size: 2em ; }
.xxbig { font-size: 2.5em ; }
.xxxbig { font-size: 3.5em ; }

.squished { letter-spacing:-.1em; }
.expanded { font-size: 1em; line-height: 16px; letter-spacing: 2px; }
.justified { text-align: justify; }
.right { text-align:right ; }
.left { text-align:left ; }
.center { text-align:center ; margin: 0 auto ; }

.dropCap { 
	margin-right:6px; 
	margin-top:5px;
	padding: 15px 15px 5px 0 ; 
	padding-bottom: 10px;
	float:left;
	color:#ffe; 
	border:1px solid 	#BDB76B ; /* DarkKhaki */
	font-size:80px; 
	line-height:60px;
	width: 60px ; /* opera fix */
}

.smDropCap {
	float: left;
	color: Blue;
	font-size: 3em;
	line-height: 1.1em;
	width: .7em ; /* opera fix */
}
.xsmDropCap {
	float: left;
	color: Blue;
	font-size: 1.5em ;
	line-height: .7em;
	width: .6em ; /* opera fix */
}
.xDropCap {	/* xparent/boxed */
	float: left;
	font-size: 3em;
	line-height: 1em;
	border: 1px solid #fff ;
	margin-right: .2em ;
	padding-right: .2em ;
}

.topSpace {
	height: 1.5em;
}
.sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.53em;
}
sub, sup {
line-height: 0;
}
.fn ,
.fnb ,
.fnc ,
#press .fn , 
#press p.fn , 
#press span.fn {
	font-size: .6em;
	font-style: italic;
	color: #5C6C78;
}
.fnb { color: Black; font-size:.7em; font-weight:bold ; }
.contentBlockSingle p.fnc {
	text-align: center;
	margin-left: auto;
	margin-right: auto ;
}
div.push { padding-left: 2em ; }
span.bHd { display:block ; font-weight: bold ; font-size: 1.3em ;  display: block ; border-top:1px solid Black ; border-bottom:1px solid Black ; padding-top: .5em ; padding-bottom: .5em ; }
span.bt { font-weight: bold ; display: block ; }
ul.bi , span.bi { font-weight: bold ; font-style:italic; }
.uline { border-bottom: 1px solid Black ; }
.dline { border-bottom: 1px dotted Black ; }
.hline {
	text-decoration: underline;
}
/* palette */
.cBReq { color: #6495ED; } /* CornflowerBlue */
.cRust { color: #A0522D; } /* dk brownish-rust */
.cTeal { color: #3b90ad ; } /* nice teal */
.iColor { color: #FFF; background-color: inherit ; }
.cBl { color: Black; }
.cBlue { color: Blue; }
.cSilver { color: Silver; }
.cGray { color: Gray; }
.cDkBl { color: #00008B; }/* DarkBlue */
.cfBlue { color: #9cf ; } /* form blue */
.cLtGreen { color: #c9dbcd ; } /* lt green */
.cDkPink { color: #ff95a6 ; } /* darkish pink */
.cDkTeal { color: #2072b2 ; } /* dk teal/bl */
.cLtBlue { color: #ADD8E6 ; } /* LightBlue */
.cLtCyan { color: #E0FFFF; } /* very light cyan */
.cLtBlue1 { color: #dfefff ; } /* very light blue */
.cMedBlue { color: #0066cc; } /* medium Blue */
.cCFBlue { color: #6495ED; } /* CornflowserBlue */
.cfb { color: #B22222 } /* FireBrick */
.cBr { color: #DC143C; } /* Crimson (required fields) */
.cPur { color: #9933ff; } /* nice purple */
.cBBlue2 { color: #3399ff; } /* nice br blue too! */
.cBBlue { color: #66ccff; } /* nice bright blue */
.cPink2 {color: #DA70D6; } /* br Orchid (pink/purple-ish) */
.cPur1 { color: #9933ff ; } /* bright purple */
.cInd { color: #00cc99; } /* bright green */
.cltbl2 { color: #00ccff; } /* bright tealish-blue */
.cltgr { color: #009966; } /* darkish green */
.cmvr { color: #C71585; } /* MediumVioletRed */
.civ { color: #FFFFF0; } /* Ivory */
.clin { color: #FAF0E6; } /* linen */
.cReq, .clgy { color: #FAFAD2; background-color:inherit ; } /* Light GoldenRodYellow */

.bgE { background-color: #FAFAD2; } /* LightGoldenRodYellow */

/* borders */
.bBlue { border: 1px solid #222666 ;  }
.bBrBlue { border: 2px dashed Blue ; }
.bBeige { border: solid #EBE7AF; }
.bbBlue { border: medium solid #6495ED; }
.bTdkbl { border-top:1px solid #00008B; } /* DarkBlue */


/* aslett clearing method */
.clear:after {
	content: ".";
	display:block;
	height: 0;
	clear: both ;		
	visibility: hidden ;
}
.clear {
	 display: inline-table ; 
}
/* backslash hack hides from IE mac \*/
* html .clear {
	 height: 1%; 
}	
.clear {
	 display: block ;
} /* end backslash hack */

.clearIt { clear: both; }
.zoomIt {
	/* zoom: 1 ; /* to force layout for IE */
	display: inline-block;
	display: block ; /* get fix in reset.css */
}
/* not validated w3c CSS2 - will be CSS3 
.faded {  
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.unFaded {
	filter:alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1.0;
}
*/
/* minor layout adjustments */
img .fL {
	float:left; 
	padding:.4em;
}
/* general bump down & center */
.bump { margin: 1em auto; text-align:center; }

/* just large bump down */
.bumpP {
	padding-top: 1em ;
	text-align: left;
}
.bumpL {
	margin-right: 1em ;
}
.bumpX { padding-top: 4em ; }
.paraTop { margin-top:1.5em; margin-bottom:.5em; padding-bottom:0; }
.flush { margin-top:0 ; }
.flushL {
	margin-left: 0 ;
}

/* contentBlockSingle inner styles */
#contentBlockSingle h1 ,
#contentBlockSingle h2 {
	border: 1px solid gray ;
	margin-left: .5em ;
	margin-right: .5em ;
}
#contentBlockSingle h2  { margin:1.5em ; }
#contentBlockSingle p { 
	margin: 1.5em ; 
	margin-left: 2em; 
	padding-right: 1.5em ; 
	text-align: justify ;
}
.last ,
#contentBlockSingle p.last { padding-bottom: 1em ; margin-bottom: 1em ; }
#contentBlockSingle .mainInsetRightAlt ,
#contentBlockSingle .mainInsetRight ,
#contentBlockSingle .mainInsetLeft {
	width: 30% ;
	margin: 1em ;
	padding: .4em ;
}
#contentBlockSingle .mainInsetLeft { float: left ; margin: 0 1em ; font-weight:bold ; }
#contentBlockSingle .mainInsetRightAlt ,
#contentBlockSingle .mainInsetRight { float: right ; margin-left: .5em ; }

#contentBlockSingle .mainInsetLeft p ,
#contentBlockSingle .mainInsetRight p {
	margin: 0 ; 
	padding: .4em;
	border: 2px solid #aca48f ;
	font-size: 1em;
}
#contentBlockSingle .mainInsetRight p {
	 font-style: italic ;
	 font-weight: bold ;
}
/* incentive (right floated block w/o inset styling */
#contentBlockSingle .mainInsetRightAlt { 
	width: 35% ;
	background: #fde6ce url(../images/Presentation/78in.jpg) no-repeat bottom right; 
	border: 3px solid #aca48f ;
}
#contentBlockSingle .mainInsetRightAlt p { 
	margin: 0 ; 
	padding: .4em;
	font-size: .9em;
}
/* contentBlock (3 cols) inner styles */
.contentBlock h1 {
	background-color: #A4C3DF; /* standard blue */
	z-index: -1 ; /* if image, puts in from of "box" bg */
}
.contentBlock h1 + p {
	margin-top: 1em ;
}
/* page blocks (within right/left Boxes) */
/* box w/o blue header rc */
.colBox {
	margin: 1em .5em .5em ;
}
.colBoxInner {
	margin: 1.5em 1em 1em 1.5em;
	font-size:.8em;
}
.colCenter {
	margin: .5em auto .5em auto;
	text-align:center;
}
/* standard full width panel columns */
.panelWrapper {
	width:90% ;
}
.panelL {
	width: 49% ;
	float: left ;
}
.panelR {
	width: 49% ;
	float: right ;
}
/* standard col box - blue header */
.box { background-color:#ebf5f8; margin: .5em ; }
.box h2 { background-color: #A4C3DF; text-align:center; font-family: "Eras Medium ITC" , Arial , sans-serif ; }
.box p { text-align: left ; font-size:.9em ; margin: .1em .3em .5em ; }
.box p.last { padding-bottom: 1em ; }
.box img {
	text-align: center;
	margin: 0 auto ;
}
.box li, .box ul {
	margin: 0 0 .7em;
	padding: 0px .7em .2em .2em; /* ff doesn't see the padding or list-style-position?  had to declare it embedded */
	font-size: .9em;
	list-style-type: circle;
	list-style-position: inside;
	vertical-align: text-bottom;
}
.box li+li {margin:.5em 0 0 0;}

.headerInvHL {
	background-color: #A4C3DF;
	color: White;
	text-align: center;
	font-family: "Eras Medium ITC" , Arial , sans-serif ;
}
.headerHL {
	background-color: #A4C3DF;
	text-align: center;
	font-family: "Eras Medium ITC" , Arial , sans-serif ;
	font-style: normal;
}

/* caribbean incentive info */
.incentive {
	clear: both; 
	padding: .1em 2em ; 
	margin: 1em 1em 1em 4em ; 
	text-align:center;
	background: #fff url(../images/Presentation/seagullBW.jpg) no-repeat ; 
	color: inherit ;
	border-top:2px solid #ffe ;
}
.tag {
	margin: .5em auto ;
	text-align: center;
	clear: both ;
	width: 100% ; 
	float: none;
	vertical-align: top; /* ie<=6, no effect on compliant browsers */
}

.toolTip {
	border-bottom: 1px dashed #111 ;
}

.pullquote { 
	width: 200px; /* width of Book slideshow */
	margin: 1em .5em auto auto ;
	font-family: Arial,Helvetica,Georgia; 
	font-size: 22px; 
	line-height: 18px; 
	color: black; 
	text-align: right;
	position: relative ;
	top: 10px ; /* height of Book slideshow bottom frame offset */
	display: block;
}
.pullquoteNarrowR ,
.pullquoteNarrow {
	float: left; 
	width: 150px; 
	margin: 0 auto ;
	padding: 1em; 
	font-family: Arial,Helvetica,Georgia; 
	font-size: 22px; 
	line-height: 18px; 
	color: black; 
	text-align: left;
}
.pullquoteNarrowR {
	float: right ;
	text-align: right ;
	width: 200px ;
}
.loc { /* basically pullquote w/ positioning left to inline */
	width: 50%;
	margin: .1em 10% .1em ; 
	padding: 1em; 
	font-family: Arial,Helvetica,Georgia; 
	font-size: 22px; 
	line-height: 20px; 
	color: black; 
	text-align: left ;
}
.locInner {
	text-align:right; 
	border-top:1px solid #B8860B;   /* DarkGoldenrod */
	border-bottom:1px solid #B8860B;
}

.skip { display: none; }
.quote {
	float: left ;
	margin-right: .4em ;
}
.unquote {
	position: relative ;
	margin-left: .4em ;
}
.customerQuote {
	width:90% ;
	margin-top: 1em ;
	text-align: justify ;
	font-style: italic ;
	font-size: .9em ;
	margin-left: 2em ;
}
.customerSig {
	float: right ;
	clear: left;
	letter-spacing: 1.2em;
	font-style: italic;
	margin-bottom: 1em ;
}

/* forms */
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  color: #f00 ;
  font-size: 1.5em ;
}
form.cmxform input.submit {
	color: #f00 ;
	margin: 3px auto ;
	text-align: center ;
	margin-left: 10% ;
	width: 70% ;
	font-weight: bold ;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  border-bottom: 1px solid #CCC ;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 100px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

#skypeCall {
	position:absolute;
	left: 92%; 
	top: 160px ; 
	z-index: 100;
}
#skypeChat {
	position:absolute;
	left: 89%; 
	top: 180px ; 
	z-index: 100;
}
/* page specific overrides */
body#main #container { width: 950px ; margin: 0 auto ; text-align: center ; }
body#main #wrapper { text-align: left ; }
body#main #header { height: 166px ; } /* override other pages that leave a little whitespace below header */
body#main .bgMain { overflow: visible ; }
body#main #wrapperInner { margin-bottom: 0 ; }
body#main .contentBlock h1 { margin-top: 1em ; font-size: 1.3em ; padding: 2px 2px ; }
body#main #centerBox { margin: 0 280px 0 245px ; }
body#main #centerBox.border { border-bottom: 1px solid #00c ;  margin-bottom: 2px ; }
body#main #rightBox { margin-left: -265px ; width: 260px ; text-align: left ; }
body#main #header { cursor: default ; } 
body#main span.fancy { margin:.5em; font-weight: bold; font-size: .9em; }
body#main span.fancy a img { padding-right: 5px ; padding-left: .5em ; }
body#main span.fancy a { font-family: Arial,Helvetica,Georgia ; padding-right: .3em ; text-decoration: none ; }
body#main span.fancy a:hover { text-decoration: underline ; }
body#main .dropCap { 
	font-family: Georgia, "Times New Roman", Times, serif ;
	margin-right:6px; 
	margin-top:5px;
	float:left;
	color:#ffe; 
	border:1px solid 	#BDB76B ; /* DarkKhaki */
	font-size:80px; 
	line-height:60px;
	width: 60px ; /* opera fix */
	padding: 1px 3px 8px 0 ;
}

body#main #qq { font-size: .7em ; padding-top: 1.2em; }
body#main input.error { background-color: #FC9 ; }
body#main span.error { display: block ; }
body#main #message { background-color: #9C9 ; }

body#main #qq option { padding-left: 2px ; z-index: 100 ; /* for error msgs & no page refresh */ }

body#main .pullquoteNarrow { width: 415px ; padding: 7px 5px 10px ; border-top: 1px dotted #00C ; border-bottom: 1px dotted #00C ; margin: 3px auto ; }
/*
* http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/
*/
html, body#main {
	height:100%;
	margin:0;
	padding:0;
}
body#main {
	text-align:center;
	min-width:950px;
	min-height:582px;
}
body#main #horizontal {
	display: table; position: relative ; height: 100% ; margin: 0 auto ;
}
body#main #vertical {
	display: table-cell; vertical-align: middle;
}
body#main #skypeCall {
	position:absolute;
	left: 850px ; 
	top: 145px ; 
	z-index: 100;
}
body#main #skypeChat {
	position:absolute;
	left: 850px ; 
	top: 170px ; 
	z-index: 100;
}

body#main div#mainCB { padding-bottom:5px; margin-bottom: 0 ; }
body#main div#links div { float:right; margin-right: 10px; vertical-align: middle ; }