body, html {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    margin: 0 auto;
    background: url(../images/background1.gif) repeat-x top center;
    background-color: #fefdf5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

img {
    border: none 0px #000000;
}

p {
    margin: 15px 0px;
}

/* Hyperlink Style */

a {
    color: #00b5f1;
    text-decoration: none;
}
a:hover {
    color: #00d8ff;
    text-decoration: underline;
}
a:visited {
    color: #0099cc;
}

a.Quicklink {
    text-decoration: none;
    color: #fff;
}

a.Quicklink:Hover {
    text-decoration: none;
    color: #9DDDF8;
}

a.Quicklink:Visited {
    text-decoration: none;
    color: #fff;
}

a.lnkCopyblock {
    text-decoration: none;
    color: #00b5f1;
}

a.lnkCopyblock:Hover {
    text-decoration: none;
    color: #00b5f1;
}


a.RelatedLink {
    text-decoration: none;
    color: #00b5f1;
    font-size: 12px;
}

a.RelatedLink:hover {
    text-decoration: underline;
    color: #00b5f1;
    cursor: pointer;
}

a.Related9ptLink {
    text-decoration: none;
    color: #00b5f1;
    font-size: 9pt;
}

a.Related9ptLink:hover {
    text-decoration: none;
    color: #00b5f1;
}

.lnkCopyHeader {
    color: #00b5f1;
    font-weight: bold;
}

a.lnkCopyHeader {
    text-decoration: none;
}

a.lnkCopyHeader:hover {
    text-decoration: none;
}

#flashcontent {
    width: 900;
    height: 625;
}

/* Header */
#divHeader {
    position: relative;
    margin: 0 0 0 0 auto;
    width: auto;
    height: 122px;
    background-image: url(../images/bg_header.jpg) no-repeat top center;
}

.bgHeader {
    position: relative;
    background: url(../images/bg_header.jpg) repeat-x top center;
    background-color: #16def4;
    width: 1020px;
    height: 130px;
}
#divhomeHeader {
    position: relative;
    margin: 0 auto;
    width: auto;
    height: 135px;
}

#divWeatherSummary {
    width: 238px;
    position: relative;
    left: 362px;
    top: -15px;
    z-index: 50;
    overflow: visible;
    text-align: right;
    height: 40px;
}

#divMainNavigation {
    position: absolute;
    z-index: 999;
    top: -80px;
    left: 250px;
}

#divQuickLinks {
    position: relative;
    height: 25px;
    width: 500px;
    top: 10px;
    left: 5px;
    color: #fff;
    font-size: 9px;
    z-index: 10;
}

#divSiteLogo {
    position: absolute;
    width: 191px;
    height: 59px;
    left: 51px;
    top: 12px;
}



/* Body */
#divBody {
    position: relative;
    background-color: #1fe3f8;
    line-height: 18px;
    padding: 0 0 0 0;
    top: -10px;
    background: url(../images/background3.gif) repeat-x;
    background-color: #1fe3f8;
    min-height: 100px;
}

.bgBody {
    position: relative;
    width: auto;
    top: -5;
    min-height: 100px;
    background: url(../images/background3.gif) repeat-x;
    background-color: #1fe3f8;
    z-index: 0;
}

.bodyContent {
    position: relative;
    background: url(../images/bg_bodycontent.jpg) no-repeat;
    width: 954px;
    background-color: #FFFFFF;
    text-align: left;
    min-height:100px;
}

.bodyContentPadding {
    padding: 35px 20px 20px 20px;
}

/* Float Formatting */
.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.Center {
    text-align: center;
}

.Clear {
    clear: both;
}

/* Block Alignment */
.AlignCenter {
    margin: auto;
}

.AlignRight {
    margin-left: auto;
}

.AlignLeft {
    margin-right: auto;
}


/* Text Styles */
.CopyBlock {
}

.CopyBlockbold {
    font-weight: bold;
}

/* Font Style */
.BghrLine {
    border-bottom: 1px solid #e0e0e0;
}

.BgIconLine {
    background: url(../images/icon_point.gif) repeat-x;
    height: 4px;
}

.BgIconLinegreen {
    background: url(../images/icon_point_green.gif) repeat-x;
    height: 4px;
}

.BottomSpacing {
    padding-bottom: 5px;
}

.DivPadding {
    padding: 15px 0 15px 0;
}

.SectionTitleBold {
    color: #00b5f1;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12pt;
}

.SectionTitleGreenBold {
    color: #17c563;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 12pt;
    font-weight: bold;
}

.SectionTitle {
    color: #00b5f1;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 12pt;
    margin-bottom: 5px;
}

.SectionTitleGreen {
    color: #17c563;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 12pt;
    margin-bottom: 5px;
}

.SectionTitleLeftGreen, .LeftHeadergreenText {
    color: #17c563;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 12pt;
    float: left;
    margin-bottom: 5px;
}

.SectionTitleLeftGreenBold {
    color: #17c563;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12pt;
    float: left;
    vertical-align: bottom;
    margin-bottom: 5px;
}

.RightSpacing {
    padding-right: 10px;
}

.SectionTitleRight, .RightText {
    float: right;
    text-align: right;
}


A.SectionLevelLink {
    color: #00b5f1;
    text-decoration: none;
}

A.SectionLevelLink:hover {
    color: #00b5f1;
    text-decoration: underline;
}

A.SectionLevelLink:visited {
    color: #0099cc;
    text-decoration: none;
}


.ImageRightSpacing {
    padding-right: 5px;
}

.RelatedText {
    color: #17c563;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 10px;
}

.PageTitle, .SubHeader {
    color: #00b5f1;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.PageTitleGreen, .SubHeadergreen {
    color: #17c563;
    font-family: Gotham, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.CopyHeader, .SubTextBold {
    color: #00b5f1;
    font-family: Gotham, Arial, Sans-Serif;
    font-weight: normal;
    font-weight: bold;
}

.CopyHeaderGreen, .SubTextBoldGreen {
    color: #00b5f1;
    font-family: Gotham, Arial, Sans-Serif;
    font-weight: normal;
    color: #17c563;
    font-weight: bold;
}

.CopyHeaderBigGreen {
    float: left;
    color: #17c563;
    font-weight: bold;
    font-size: 10pt;
    padding-right: 10px;
}

.TopSpacing {
    padding-top: 15px;
}

/* Footer Layout */
#divFooter {
    position: relative;
    background: url(../images/bg_longfooter.gif) repeat-x;
    height: 218px;
    margin: 0 auto;
    width: auto;
    top: -10px;
    margin: 0 auto;
}

.Footer {
    position: relative;
    text-align: center;
    font-size: 7pt;
    background: url(../images/bg_footer.gif) no-repeat;
    width: 1022px;
    height: 213px;
    margin: 0 auto;
}

#divFooter a {
    position: relative;
    color: #8E888A;
    text-decoration: none;
}

#divFooter a:hover {
    text-decoration: none;
    color: #ADAAA9;
}

a.Footerlink {
    text-decoration: none;
    color: #8E888A;
}

a.Footerlink:hover {
    text-decoration: none;
    color: #ADAAA9;
}

.FooterNav {
    position: relative;
    top: 140px;
}
.Copyright {
    padding-top: 5px;
    color: Gray;
}

.ModalPopupBackground {
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    background-color: #000000;
}
.divBodyLeft {
    float: left;
    width: 45%;
}

.divBodyRight {
    float: right;
    width: 53%;
}


/* new menu*/
.MenuSectionImage {
    position: absolute;
    left: 1px;
    top: 0px;
}

.MenuSeparator {
    position: absolute;
    left: 1px;
    top: 20px;
}

.SubMenuContainer {
    position: absolute;
    left: 0px;
    top: 28px;
}

.SubMenuItemsTable {
    position: relative;
    top: -3px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    border-color: #FFFFFF;
    width: 151px;
    font-weight: bold;
}

.SubMenuItemsTable tr td {
    height: 21px;
    padding-left: 5px;
    cursor: default;
}

.SubMenuItemsTable tr td a {
    color: #355fa8;
    text-decoration: none;
}

.SubMenuItemsTable tr td:hover {
    background-color: #bbf0e6;
    cursor: pointer;
}

.SubMenuItem {
    background-color: #daeefb;
}

.SubMenuItemAlt {
    background-color: #ecf6fd;
}

.SubMenuBottomBorder {
    position: relative;
    top: -6px;
}

#NavigationContainer {
    position: absolute;
    padding: 0px 0px 0px 0px;
    left: 100px;
    top: 100px;
}

#ExperienceAquaticaMenu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 151px;
}

#ExperienceAquaticaMenu .SubMenuContainer, #PlanYourTripMenu .SubMenuContainer {
    display: none;
}

#ExperienceAquaticaMenu:hover .SubMenuContainer, #PlanYourTripMenu:hover .SubMenuContainer {
    display: block;
}

#PlanYourTripMenu {
    position: absolute;
    left: 161px;
    top: 0px;
    width: 151px;
}

.ImageDialog {
    display: block;
    z-index: 100;
    width: 390px;
    height: 350px;
    background: #fff;
    padding: 10px 15px 10px 15px;
    border: 2px solid #ccc;
    overflow: auto;
}
.PromoImageDialog {
    display: block;
    z-index: 100;
    width: 420px;
    height: 600px;
    background: #fff;
    padding: 10px 15px 10px 15px;
    border: 2px solid #ccc;
    overflow: auto;
}

.CalltoActionDialog {
    display: block;
    z-index: 100;
    width: 320px;
    height: 600px;
    background: #ffffff;
    padding: 10px 15px 10px 15px;
    border: 2px solid #cccccc;
    overflow: auto;
}


.PageTitle, .SubHeader,
.PageTitleGreen, .SubHeaderGreen {
	color: #00B5F1;
	font-family: Gotham, Arial, Sans-Serif;
	font-size: 24px;
	font-weight: bold;
}
.PageTitle2{
	color: #00B5F1;
	font-family: Gotham, Arial, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
    padding-bottom: 15px;

.PageTitleGreen, .SubHeaderGreen {
	color:#17C563;
}

.BlueDotHorizontalLine, .BgIconLine {
	height: 4px;
	background-image: url(../Images/BlueDot.gif);
	background-repeat: repeat-x;
}
.FeaturePoints { list-style-image: url(../Images/Bullet.gif); }