﻿/* CSS Document */

/*============= MAIN CONTENT :: END ============*/
.hidden { position: absolute; left: -9999px; }
/* ---------- Promo Sliders ---------- */

/* ---------- MAIN CONTENT ---------- */
#container_table .header { background: #fff; float: left; width: 100%; margin-top: 2px; }
#container_table .header h1 { margin: 21px 0 0 21px; width: 634px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000; border-bottom: 1px dotted #009999; }
#container_table .header a { float: right; margin: 6px 42px 0 0; }

.mainContent { width: 980px; }

.mainContent .banner { float: right; margin-bottom: 25px; }

.mainContent .leftColumn { float: left; }

.mainContent .secondaryNav { width: 221px; }
.mainContent .secondaryNav ul { margin: 0; padding: 0; }
.mainContent .secondaryNav ul li.on { font-weight: bold; }
.mainContent .secondaryNav ul li.firstLevel { list-style-type: none; margin-bottom: 11px; }
.mainContent .secondaryNav ul li.firstLevel a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
.mainContent .secondaryNav ul li.secondLevel { list-style-type: none; margin-bottom: 8px; }
.mainContent .secondaryNav ul li.secondLevel a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #008c9d; }
.mainContent .secondaryNav ul li.thirdLevel { list-style-type: none; margin-bottom: 8px; }
.mainContent .secondaryNav ul li.thirdLevel a { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #008c9d; }
.mainContent .secondaryNav ul li.fourthLevel { list-style-type: none; margin-bottom: 8px; }
.mainContent .secondaryNav ul li.fourthLevel a { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #008c9d; }
.mainContent .secondaryNav a { text-decoration: none; }
.mainContent .secondaryNav a:hover { text-decoration: underline; }

.mainContent { background: #fff; float: right; padding: 20px; }
.mainContent .mainContentWrapper { float: right; padding: 0 30px; }
.mainContent .mainContentWrapper h2, .mainContent div.twoCol h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0 0 20px 0; }
.mainContent .mainContentWrapper h3 { color:#333; font-family: Arial, Helvetica, sans-serif;; font-size:12px; font-weight:bold; }
.mainContent .mainContentWrapper p, .mainContent div.twoCol p { font-size: 12px; color: #333; line-height: 18px; margin: 0 0 20px 0; }
.mainContent .mainContentWrapper p a, .mainContent div.twoCol p a { color: #ff9900; text-decoration: none; }
.mainContent .mainContentWrapper ul { margin: 0; padding: 0; }
.mainContent .mainContentWrapper ul li { list-style-type: none; }
.mainContent .mainContentWrapper ul li a { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #ff9900; text-decoration: underline; }
.mainContent .mainContentWrapper ul li ul li { margin-bottom: 3px; }

.mainContent .mainContentWrapper ol {}
.mainContent .mainContentWrapper ol li { font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif;}
.mainContent .mainContentWrapper em { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.mainContent .mainContentWrapper ul.bullets { margin-left: 15px; }
.mainContent .mainContentWrapper ul.bullets li { list-style-type: disc; font-size: 12px; color: #333333; margin-bottom: 5px; }
.mainContent .mainContentWrapper ul.noBullets li { list-style-type: none !important;}

.mainContent div.twoCol .dining_table tr td img { margin-bottom: 30px; }
.mainContent div.twoCol .dining_table td { vertical-align: top; font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif; }
.mainContent div.twoCol .dining_table td img { margin-right: 10px; }
.mainContent div.twoCol .dining_table .blue_links { margin-top: 3px; }
.mainContent div.twoCol .dining_table .blue_links a { text-decoration: underline; }

.mainContent .mainContentEspots { width: 221px; margin-top: 30px; }
.mainContent .mainContentEspots .espot { background: #7fe4e8; padding: 12px; width: 197px; margin-bottom: 12px; }
.mainContent .mainContentEspots .espot .espotWrapper { background: #fff; }
.mainContent .mainContentEspots .espot .espotWrapper p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #009999; }
.mainContent .mainContentEspots .espot .espotWrapper p.header { font-family: Tahoma, Geneva, sans-serif; font-size: 20px; color: #009999; font-weight: bold; margin-bottom: 10px; }

.mainContent .mainContentEspots .alt { background: #ffcc7f; }
.mainContent .mainContentEspots .alt .espotWrapper { background: #fff9e0; padding: 12px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs { height: 27px; margin: 0; padding: 0 0 0 13px; width: 195px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li { display: block; float: left; height: 20px; list-style-type: none; margin: 0; padding: 0 0 0 15px; text-align: center; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.active { float: left; font-size: 11px; height: 20px; list-style-type: none; margin: 0; padding: 0 2px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.active a { border: 1px solid #32659A; color: #71B1CD; display: block; height: 15px; margin: 0; padding: 2px 10px; text-decoration: none; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.inactive { float: left; font-size: 11px; height: 20px; list-style-type: none; margin: 0; padding: 0 2px; }
.mainContent .mainContentEspots .alt .espotWrapper ul#tabs li.inactive a { border: 1px solid #FFFFFF; color: #71B1CD; display: block; height: 15px; margin: 0; padding: 2px 10px; text-decoration: none; }
.mainContent .mainContentEspots .alt .espotWrapper #tab_content { height: 50px; left: 0; margin: 0; padding: 0; position: relative; top: 0; width: 200px; }

.mainContent .mainContentEspots .seamail { width: 221px; padding: 0; }
.mainContent .mainContentEspots .seamail .espotWrapper {}
.mainContent .mainContentEspots .seamail .espotWrapper a {}
.mainContent .mainContentEspots .seamail .espotWrapper a img {}

.mainContent .realestate { width: 296px; padding: 0; }
.mainContent .realestate .realestateWrapper { width: 256px; margin: 0 auto; margin-top: 22px; }
.mainContent .realestate .realestateWrapper p { margin-top: 9px; }
/* ---------- MAIN CONTENT ---------- */

.firstLevel { }
.secondLevel { margin-left: 10px; }
.thirdLevel { margin-left: 20px; }
.fourthLevel { margin-left: 30px; }

.mainContent div.twoCol { padding: 0; width: 699px; }
.mainContent div.twoCol img { margin-right: 20px; }

.show { display: marker; }
.hide { display: none; }