/* global */
body {background: #4fa7e7; margin: 0px; padding: 0px; font: 14px/20px Arial, Verdana, Helvetica, sans-serif; color: #000;}
li {line-height: 20px;}
a {color: #000; text-decoration: underline;}
.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: auto; margin: 0px; background: url('../images/bgContentRight.gif') top left no-repeat; float: right; padding-left: 14px;}
#buttonHomeDirections {width: 223px; height: 26px; margin: 0px 0px 0px 0px;}
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: 230px;}

#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; display: none;}
div.subNavTitle {font-size: 12px; font-weight: bold; color: #215f92; padding: 0px 0px 5px 0px; display: none;}
div.subNavSectionTitle {font-size: 12px; font-weight: bold; color: #215f92; padding: 10px 0px 5px 5px; display: none;}
div.subNavItem {font-size: 12px; padding: 0px 0px 0px 10px;}
div.subNavItem a {color: #fff;}

#contentInteriorRight {width: 850px; margin: 0px 0px 0px 0px;}
#contentInteriorCenter {width: 850px; margin: 0px auto 0px auto;}
div.linksPrintable {float: right; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 5px 0px 0px 0px; margin: 0px 50px 0px 0px; display: none;}
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;}

table.local {font-size: 12px; line-height: 20px; border: 0px; margin: 15px 0px 25px 35px;}
table.local td {padding: 3px 5px 3px 5px; width: 190px;}

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: 4/5 pool home */
#promoCocoPlum {width: 250px; height: 220px; border: 0px solid #000; 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;}