/* global */
body {background: #4fa7e7; margin: 0px; padding: 0px; font: 14px/20px Arial, Verdana, Helvetica, sans-serif; color: #fff;}
li {line-height: 20px;}

a {color: #fff; text-decoration: underline;}
a:hover {color: #ffd700; text-decoration: none;}

.disclaimer {font-size: 12px;}


/* header & primary navigation */
#header {width: 900px; height: 118px; margin: 0px auto 0px auto; background: url('../images/bgHeader.jpg') top left no-repeat;}
#navPrimary {width: 900px; height: 18px; margin: 0px auto 0px auto;}
div.navPrimary {height: 18px; float: left;} 
#navPrimaryHome {width: 47px;}
#navPrimaryAccomodations {width: 108px;}
#navPrimaryRates {width: 51px;}
#navPrimarySpecials {width: 62px;}
#navPrimaryPhotos {width: 59px;}
#navPrimaryClub {width: 85px;}
#navPrimaryLocal {width: 82px;}
#navPrimaryLayout {width: 117px;}
#navPrimaryDirections {width: 143px;}
#navPrimaryFAQs {width: 45px;}
#navPrimaryCocoPlum {width: 101px;}


/* home page */
/* NO LONGER USED
#contentHome {width: 872px; height: auto; margin: 15px auto 0px auto; background: url('../images/bgContent.jpg') top left repeat-x #4fa7e7;}
#contentHomeRight {width: 223px; height: 235px; margin: 0px; background: url('../images/bgContentRight.gif') top left no-repeat; float: right; padding-left: 14px;}
div.contentHomeRightTeaser {width: 199px; height: auto; margin-top: 8px; padding: 8px 12px 8px 12px; background: #4598d8; border-bottom: 1px solid #3185C6; border-right: 1px solid #57abe7;}
img.thumbTeaser {margin: 4px 0px 4px 0px;}
div.contentHomeRightTeaser span {font-size: 11px; line-height: 14px;}
div.contentHomeRightTeaser a {color: #fff; text-decoration: underline;}
div.contentHomeRightTeaser a:hover {color: #ffd700; text-decoration: none;}
#contentHomeLeft {width: 624px; height: auto; margin: 0px; padding-top: 3px; float: left;}
#contentHomeLeftTitle {width: 612px; height: auto; margin: 12px 0px 0px 12px; padding-top: 3px; float: left;}
#contentHomeLeftText {width: 612px; height: auto; margin: 20px 0px 0px 12px; padding-top: 3px; float: left; font: 14px/20px Arial, Verdana, Helvetica, sans-serif; color: #fff;}
*/

/* interior pages */
#contentInterior {width: 872px; height: auto; margin: 15px auto 0px auto; background: url('../images/bgContent.jpg') top left repeat-x #4fa7e7;}
#contentInteriorUpper {width: 872px; height: 235px;}

#contentInteriorUpperRight {width: 223px; height: 228px; margin: 0px; background: url('../images/bgContentRight.gif') top left no-repeat; float: right; padding-left: 14px;}
#buttonInteriorDirections {width: 223px; height: 225px; margin: 0px; padding: 0px; text-align: center;}
#contentInteriorLower {width: 852px; height: auto; padding: 20px 10px 10px 10px;}

#contentInteriorLeft {width: 215px; height: auto; margin: 0px 0px 0px 0px; padding: 2px 0px 15px 0px; float: left; background: url('../images/bgSubNav.gif') top right repeat-y; border: 0px solid #000;}

div.subNavTitle {font-size: 12px; font-weight: bold; color: #215f92; padding: 0px 0px 5px 0px;}
div.subNavSectionTitle {font-size: 12px; font-weight: bold; color: #215f92; padding: 10px 0px 5px 5px;}

div.subNavItem {font-size: 12px; padding: 0px 0px 0px 10px;}
div.subNavItem a {color: #fff;}
div.subNavItem a:hover {color: #ffd700;}

#contentInteriorRight {width: 610px; margin: 0px 0px 0px 0px; float: right; border: 0px solid #000;}
#contentInteriorCenter {width: 850px; margin: 0px auto 0px auto; border: 0px solid #000;}

div.linksPrintable {float: right; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 50px;}
div.linksPrintable a {font-weight: normal; text-decoration: underline;}

.contentInteriorPageTitle {font: 17px Arial, Verdana, Helvetica, sans-serif; color: #fff;}
.contentInteriorPageSubTitle {font: 15px Arial, Verdana, Helvetica, sans-serif; color: #fff;}
.contentInteriorPageSubTitleBlue {font: 15px Arial, Verdana, Helvetica, sans-serif; color: #215f92;}

/* interior page: faqs */
div.faqItem {width: 620px; height: auto; border-top: 1px dashed #93cdf9; padding: 25px 0px 25px 0px;}
div.faqNumber {width: 25px; height: auto; font-weight: bold; text-align: right; float: left; padding: 0px 10px 0px 0px;}
div.faqText {width: 585px; height: auto; float: left;}
div.faqToTop {text-align: left; margin: 10px 0px 0px 0px; font-size: 12px;}
div.faqToTop a {color: #fff; text-decoration: underline;}
div.faqToTop a:hover {color: #ffd700; text-decoration: none;}

table.faq01 {width: 400px; border: 1px solid #a5d0ea; margin: 20px 0px 0px 20px;}
table.faq01 th {text-align: left; background: #80b6e1; padding: 3px 0px 3px 3px; font-weight: normal;}
table.faq01 td {background: #c7e1f1; font-weight: normal; padding: 3px 0px 3px 10px; color: #5b87a7;}
ul.faq {margin: 10px 0px 10px 30px; list-style-type: square;}

/* interior page: directions */
table.directions {width: 400px; border: 1px solid #a5d0ea; margin: 20px auto 20px auto;}
table.directions tr.header {background: #9fa55a;}
table.directions th {padding: 3px 0px 5px 3px; font-weight: normal;}
table.directions th.city {text-align: left; padding: 3px 0px 5px 8px;}
table.directions tr.a {background: #c7e1f1;}
table.directions tr.b {background: #a5d0ea;}
table.directions td {text-align: center; padding: 3px 0px 3px 0px; color: #5b87a7;}
table.directions td.city {vertical-align: top; text-align: left; padding: 3px 0px 3px 7px;}

table.milemarker {width: 280px; border: 1px solid #689acc; margin: 20px auto 20px auto;}
table.milemarker tr.header {background: #9fa55a;}
table.milemarker th {padding: 3px 0px 5px 3px; font-weight: normal;}
table.milemarker th.city {text-align: left; padding: 3px 0px 5px 8px;}
table.milemarker tr.a {background: #c7e1f1;}
table.milemarker tr.b {background: #a5d0ea;}
table.milemarker td {text-align: center; padding: 3px 0px 3px 0px; color: #5b87a7;}
table.milemarker td.city {vertical-align: top; text-align: left; padding: 3px 0px 3px 7px;}

#directionsTabs {width: 620px; height: 20px; border: 0px solid #000;}
#gallery9 {width: 620px; height: 120px; background-color: #9da134; border: 1px solid #b8bd40; border-top: 0px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px;}
table.directionsTable {width: 600px; border: 0px; margin: 0px auto 0px auto;}
table.directionsTable td {padding: 0px 10px 20px 10px;}
table.directionsTable img {border: 0px; width: 100px; height: 100px;}



/* interior page: rentals, docks */
table.rental {width: 615px; border: 1px solid #a5d0ea;}
table.rental tr.header {background: #9fa55a;}
table.rental th {padding: 3px 0px 5px 3px; font-weight: normal;}
table.rental th.period {text-align: left; padding: 3px 0px 5px 8px;}
table.rental tr.a {background: #c7e1f1;}
table.rental tr.b {background: #a5d0ea;}
table.rental td {text-align: center; padding: 3px 0px 3px 0px; color: #5b87a7;}
table.rental td.period {vertical-align: top; text-align: left; padding: 3px 0px 3px 7px;}

table.dock {width: 600px; border: 1px solid #a5d0ea; margin: 0px auto 0px auto;}
table.dock tr.header {background: #9fa55a;}
table.dock th {padding: 3px 0px 5px 3px; font-weight: normal;}
table.dock th.period {text-align: left; padding: 3px 0px 5px 8px;}
table.dock tr.a {background: #c7e1f1;}
table.dock tr.b {background: #a5d0ea;}
table.dock td {text-align: center; padding: 3px 0px 3px 0px; color: #5b87a7; vertical-align: top;}
table.dock td.period {vertical-align: top; text-align: left; padding: 3px 0px 3px 7px;}



/* interior page: local information */
table.local {border: 0px; margin: 15px auto 25px auto; border: 1px solid #69b0e4;}
table.local tr {background: #69b0e4;}
table.local tr.header {background: #9fa55a;}
table.local th {text-align: left; padding: 5px 5px 5px 10px; font-weight: normal;}
table.local td {padding: 8px 0px 8px 0px; width: 200px; text-align: center;}
table.local a {color: #fff;}
table.local a:hover {text-decoration: none;}

div.linksNav {float: left; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 30px; border: 0px solid #000;}
div.linksNav a.on {font-weight: bold; text-decoration: none;}
div.linksNav a.off {font-weight: normal; text-decoration: underline;}
div.linksTitle {font: 17px Arial, Verdana, Helvetica, sans-serif; color: #fff; border: 0px solid #000; float: left;}




div.localSubTitle {width: 500px; padding: 0px 0px 0px 15px; margin: 20px 0px 0px 0px; font: 14px Arial, Verdana, Helvetica, sans-serif; color: #fff;}

/* interior page: photo gallery */
#galleryTabs {width: 746px; height: 20px; margin: 45px auto 0px auto;}
#gallery1, #gallery2, #gallery3, #gallery4, #gallery5, #gallery6, #gallery7, #gallery8 {width: 744px; height: 360px; background-color: #9da134; border: 1px solid #b8bd40; border-top: 0px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px;}


.hide {visibility: hidden; display: none;}
.show {visibility: visible; display: block;}

table.galleryTable {width: 720px; border: 0px; margin: 0px auto 0px auto;}
table.galleryTable td {padding: 0px 10px 20px 10px;}
table.galleryTable img {border: 0px; width: 100px; height: 100px;}

/* interior page: photo gallery: lightbox */
#lbOverlay {position: absolute; left: 0; width: 100%; background: #888; cursor: pointer;}
#lbCenter {position: absolute; left: 50%; overflow: hidden; background: #4fa7e7;}
#lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background: #4fa7e7;}
.lbLoading {background: url('../images/iconLoader.gif') no-repeat center #4fa7e7;}
#lbImage {border: 10px solid #4fa7e7;}
.photos {padding: 3px; border: 1px solid #fff;}
a:hover .photos {border: 1px solid #fff;}
.lightboxDesc a {color: #fff; text-decoration: none;}
.lightboxDesc a:hover {color: #fff; text-decoration: none;}
a.lightBox {text-decoration: none;}

/* load all images in slideshow but keep them hidden */
div.photoStage {display: none;}


/* styles for next & previous buttons as part of footer */
#lbControls {height: 16px; border-bottom: 1px dotted #93cdf9; margin-bottom: 8px; padding: 5px 0px 10px 0px; display: block;}
#lbPrevLink, #lbNextLink {width: 100px; height: 16px; outline: none; display: block;}
#lbPrevLink {background: transparent url('../images/iconPrevious.gif') no-repeat left; float: left;}
#lbNextLink {background: transparent url('../images/iconNext.gif') no-repeat right; float: right;}
#lbBottom {font: 10px/14px Verdana, Helvetica, sans-serif; color: #fff; text-align: left; border: 10px solid #4fa7e7; border-top-style: none;}
#lbCloseLink {width: 150px; height: 15px; padding: 2px 0px 2px 0px; background: transparent url('../images/iconCloseLightbox.gif') no-repeat bottom; clear: both; display: block; float: right;}
#lbCaption, #lbDescription, #lbNumber {margin-right: 161px;}
#lbCaption {font-weight: bold; color: #fff; font-size: 11px;}
#lbDescription {padding-bottom: 0px 0px 4px 0px; color: #fff; font-size: 11px;}
#lbNumber {color: #215f92;}
.lightboxDesc {height: auto; margin: 0px; padding: 0px; line-height: 16px; display: none;}


/* interior page: 4/5 pool home */
#promoCocoPlum {width: 250px; height: 220px; float: right; margin: 25px 0px 35px 25px;}

/* footer */
#footer {width: 872px; height: auto; border-bottom: 5px solid #b9bf55; margin: 0px auto 0px auto; padding: 200px 0px 15px 0px; background: url('../images/bgFooter.jpg') top left no-repeat #c5e0eb;}

#footerNav {width: 850px; height: 22px; margin: 0px auto 0px auto; background: url('../images/bgFooterNav.gif') top left repeat-x; text-align: center; font: 9px Arial, Helvetica, sans-serif; color: #5b87a7; padding-top: 9px;}
#footerNav a {color: #5b87a7; text-decoration: none;}
#footerNav a:hover {text-decoration: underline;}

#footerCopyright {width: 847px; height: auto; margin: 0px auto 0px auto; font: 11px Arial, Helvetica, sans-serif; color: #999; padding: 9px 0px 0px 3px;}
#footerCopyright a {color: #999;}
#footerCopyright a:hover {text-decoration: none;}