/* Shell ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body { margin:0px 0px 15px; padding:0px; background: url(bg.jpg); font-family: Arial, Helvetica, sans-serif;} #shell { width: 962px; border: 2px solid #265B7A; background: #FFFFFF; margin: 21px auto 15px; padding-bottom: 15px;} a { color: #D07C35;} a:hover { color: #255876;} .fauxColumns {width:50% !important; width:49%; float:left;} .imgLeft {margin-right:20px; float:left;} .imgRight {margin-left:20px; float:right;} .clearBoth {clear:both;} .dropCap { color:#D07C35; font-size: 55px; font-weight: bold; display: block; float: left; margin-bottom: -20px; padding-right: 3px; line-height: 55px;} hr { color: #255876;} blockquote { margin-bottom: 0px; margin-right: 0px;} .disclaimer { color: #CC0000; font-size: 10px; line-height: 12px; margin-right: 10px; margin-left: 10px;} #b_contentArea .dataTableHead strong {color:#FFFFFF;} .dataTablePadding {padding:3px;} .dataTableBorder {border: 1px solid #265B7B;} table {margin:10px 0;} .back2top { border-top: 1px solid #255876; height: 35px;} .back2top a { text-decoration: none; float: right; display: block; width: 75px; text-align: center; border-right: 1px solid #255876; border-bottom: 1px solid #255876; border-left: 1px solid #255876; line-height: 16px; background: #255876; color: #FFFFFF;} .back2top a:hover { background: #D07C35;} /* Head ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #helpid1037 {width: 73px;} /* navIDs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_usabilityNav #navSitemap {width:44px; background-position:41px 9px; padding-right:0px; text-align:left;} #h_usabilityNav #navBookmark {width:51px; background-position:47px 9px; padding-right:0px; text-align:left;} #h_usabilityNav #navInvite {width:72px; background-position:69px 9px; padding-right:0px; text-align:left;} #h_usabilityNav #navHome {width:32px; background-position:29px 9px; padding-right:0px; text-align:left;} #h_logoArea { background: url(logoarea_bg.jpg) no-repeat; height: 77px;} #h_logoArea img { border:none; margin-top: 12px; margin-left: 50px; border:none;} #h_banner { background: url(banner_bg.jpg) no-repeat; height: 319px;} #h_banner img { display:block; margin-left: 50px; padding-top: 29px;} #flashBanner { position: absolute; top: 158px; margin-top: 67px; margin-left: 272px; background: url(none); z-index: 1;} #subflashBanner { position: absolute; top: 48px; margin-left: 272px; background: url(none); padding-top: 68px; z-index: 1;} #subflashBanner img {z-index:1;} /* Body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #b_shell { background: url(b_shell_bg2.gif) repeat-y; margin-top: 3px; padding: 35px 206px 25px 274px;} #pageid3383 #b_shell { background: none;} #b_sub_shell { background: url(b_shell_bg2.gif) repeat-y; margin-top: 3px; padding: 35px 75px 25px 274px;} #b_contentArea { font-size: 11px; line-height: 22px; min-height:251px; height:auto !important; width: 650px; height:251px; padding-top: 34px;} #b_contentArea h1 { color: #255876; font-size: 23px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: block; padding-left: 0px; position: absolute; width: 575px; margin: -55px 0px 0px; padding-bottom: 7px;} #b_contentArea h1 span { display: block; font-size: 12px; letter-spacing: normal; font-weight: normal; line-height: 16px; border-top: 1px solid #255876;} #b_contentArea h2 {color: #D07C35; font-size: 18px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: block;} #b_contentArea h3 { font-size: 14px; margin: 0px 0px -15px; letter-spacing: -1px;} #b_contentArea h3 span {font-size: 11px;letter-spacing: normal;font-weight: normal;} #b_contentArea p { margin-bottom: 18px;} #b_contentArea strong {color: #255876;} #resBox { position: absolute; top: 357px; font: 9px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #b3b5a0; margin-left: 20px; padding-top: 5px; border-top: 1px solid #0f4362; z-index: 150; width: 570px;} #resBox select { font: 10px Arial, Helvetica, sans-serif; margin-right: 5px;} #resBox img{ border-style: none;} #resBox a { text-transform: capitalize; line-height: 20px; color: #B3B5A0;} #resBox a:hover { color: #D07C35;} /* DIV Toggle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #divToggle {position:absolute; top:515px; border-bottom: 1px solid #255876; width:475px; line-height:18px;} #divToggle ul{ margin:0px; padding:0px; } #divToggle li{ float: left; list-style: none; margin-right: 2px;} #divToggle a{ display: block; color: #255876; text-decoration: none; text-align: center;} #divToggleWater { line-height:18px; height:5px; margin:-19px 0 0 0; position:absolute; } #divToggleWater ul{ margin:0px; padding:0px; } #divToggleWater li{ float: left; list-style: none; margin-right: 10px;} #divToggleWater a{ display: block; color: #fff; text-decoration: none; text-align: center; background:#176A97; padding: 2px 7px;} #divToggleWater a:hover{background:#47A7DB; color:#fff;} #divToggleWater a.classon {background:#0F4362;} #divRecreation, #divVillas, #divAmenities, #divGroups, #divInitial, #divFishingFlats, #divDeepSea, #divPartyBoat, #divMarinaFish, #divWaterSports { display:none;} #divInitial {display:block;} #wateractivities h2 {margin:23px 0 0 0 !important; margin:50px 0 0 0;} #pageid3383 a#divVillas_b { background:none; height: 18px; width: 101px;} #pageid3383 a#divAmenities_b { background: none; height: 18px; width: 101px;} #pageid3383 a#divGroups_b { background: none; height: 18px; width: 113px;} #pageid3383 a#divRecreation_b { background: none; height: 18px; width: 69px;} #pageid3383 a#divInitial_b { background: none; height: 18px; width: 69px;} #pageid3383 a#divVillas_b.classon { background: url(villas_bg.gif) no-repeat; height: 18px; width: 101px;} #pageid3383 a#divAmenities_b.classon { background: url(amenities_bg.gif) no-repeat; height: 18px; width: 101px;} #pageid3383 a#divGroups_b.classon { background: url(groups_bg.gif) no-repeat; height: 18px; width: 113px;} #pageid3383 a#divRecreation_b.classon { background: url(recreation.gif) no-repeat; height: 18px; width: 69px;} #pageid3383 a#divInitial_b.classon { background: url(recreation.gif) no-repeat; height: 18px; width: 69px;} /* Special Cases ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #pageid3383 #b_shell {background:none; padding-bottom:0px;} #groupform table { margin: 0px;} #groupform select{ font: 11px Arial, Helvetica, sans-serif;} #groupform input{ font-size: 11px;} #pageid3383 #b_contentArea { font-size: 11px; line-height: 25px; padding-top:45px; width: auto; _margin-right: 0px;} #pageid3383 #b_contentArea p {margin:0px 0 18px 0;} #pageid3383 #b_contentArea h1 { color: #255876; font-size: 23px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: block; padding-left: 0px; position: absolute; width: 575px; margin: -70px 0px 0px; padding-bottom: 7px;} #pageid3383 #b_contentArea h2 {color: #D07C35; font-size: 18px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0 -5px 0;} #pageid3383 #divRecreation p, #pageid3383 #divVillas p, #pageid3383 #divAmenities p, #pageid3383 #divGroups p {margin-bottom:8px; margin-top:0px; line-height:27px; } #pageid3383 .dropCap { color:#D07C35; font-size: 55px; font-weight: bold; display: block; float: left; padding-right: 3px; } #pageid3383 #packages a:hover{padding: 0 11px 0 0px !important; padding: 0 11px 0 0px;} /* CTA rotator on homepage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #ctaShell, #sub_ctaShell {position:absolute; top:462px;} #ctaShell {display: none;} .homepage #ctaShell {display: block;} /* CTA rotator is replaced on sub pages ~~~~~~~~~~~~~~~~~~~~~~ */ #sub_ctaShell img {display:none;} /* CTA nav on homepage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* #ctaLinx { font-size:11px; font-weight:bold; position: absolute; top: 534px; margin-left: 502px; width: 186px; z-index: 100; font-size: 11px; font-weight: bold; text-align: right; background:#F7E7C6 url(cta_signup-b.jpg) no-repeat; padding-top: 120px; } #ctaLinx ul{ margin: 0px; padding: 0px; list-style: none;} #ctaLinx li { height: 26px;} #ctaLinx a { height:21px; text-decoration: none; padding-top: 5px; padding-right: 11px;} #ctaLinx a:hover { color:#0f4362; background: none; } #ctaLinx a img {height: 0; width: 0; border-width: 0;} #ctaLinx a:hover img {position: absolute; height: 111px; width: 186px; top:0px; left:0px;} */ /* Left CTA nav sub pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #sub_ctaLinx { font-size:11px; font-weight:bold; position: absolute; top: 490px; width: 186px; z-index: 100; font-size: 11px; font-weight: bold; text-align: left; background:#F7E7C6 url(cta_signup-b.jpg) no-repeat; padding-top: 120px; margin-left: -274px;} #sub_ctaLinx ul{ margin: 0px; padding: 0px; list-style: none;} #sub_ctaLinx li { height: 26px;} #sub_ctaLinx a { height:21px; text-decoration: none; padding-top: 5px; padding-left: 11px;} #sub_ctaLinx a:hover { color:#0f4362; background: none; /*tricks lovely ie into showing image hover--just plain silly*/} #sub_ctaLinx a img {height: 0; width: 0; border-width: 0;} #sub_ctaLinx a:hover img {position: absolute; height: 111px; width: 186px; top:0px; left:0px;} #packages a{ font-size: 14px; color: #255876;} #packages a:hover{padding: 0 0 0 11px !important; padding: 0 0 0 15px;} /* Style for the link you hover over to get the popup ~~~~~~~~ */ #sitemapLink { display: block; cursor: hand; } /* style for popup div, always initialize display to none ~~~~ */ /* modify height and width of popup here ~~~~~~~~~~~~~~~~~~~~~ */ /* add more styles for sub elemetns of the popup ~~~~~~~~~~~~~ */ #sitemapDiv { position:absolute; top:0px; display: none; width: 245px !important; width: 215px; margin-top:13px; padding:5px 0px 5px 5px; background-color:#FFFFFF; border-right: 2px solid #265B7A; border-bottom: 2px solid #265B7A; border-top: 2px solid #CBE1EC; border-left: 2px solid #CBE1EC; z-index: 50;} #sitemapDiv h1 { font-size: 12px; color:#255876; border-bottom: 1px solid #255876; margin:5px;} #h_usabilityNav #sitemapDiv ul li { line-height: 20px; background:none; float:none; } #sitemapDiv ul li a { padding-left:5px; font-family: Verdana; font-size: 10px; width: 95% !important; width: 100%; color: #D07C35; text-decoration: none; display:block; border-left: 5px solid #FFFFFF;} #sitemapDiv li a:hover { text-decoration:none; color: #1B5C97; background-color: #F0F8FC; border-left: 5px solid #D07C35;} #sitemapDiv ul li ul { margin:0px; padding:0px;} /* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #f_shell { margin-top: 3px;} #f_address { font-size: 10px; color: #265b7a; border-top: 1px solid #D6D4C5; text-align: right; margin-right: 11px; padding-top: 1px; height: 18px;} #f_address span { margin-right: 11px;} #f_sig {text-align:center; padding-bottom: 15px; width:400px} /* Shell ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body { margin:0px 0px 15px; padding:0px; background: url(bg.jpg); font-family: Arial, Helvetica, sans-serif;} #shell { width: 962px; border: 2px solid #265B7A; background: #FFFFFF; margin: 21px auto 15px; padding-bottom: 15px;} a { color: #D07C35;} a:hover { color: #255876;} .fauxColumns {width:50% !important; width:49%; float:left;} .imgLeft {margin-right:20px; float:left;} .imgRight {margin-left:20px; float:right;} .clearBoth {clear:both;} .dropCap { color:#D07C35; font-size: 55px; font-weight: bold; display: block; float: left; margin-bottom: -20px; padding-right: 3px; line-height: 55px;} hr { color: #255876;} blockquote { margin-bottom: 0px; margin-right: 0px;} .disclaimer { color: #CC0000; font-size: 10px; line-height: 12px; margin-right: 10px; margin-left: 10px;} #b_contentArea .dataTableHead strong {color:#FFFFFF;} .dataTablePadding {padding:3px;} .dataTableBorder {border: 1px solid #265B7B;} table {margin:10px 0;} .back2top { border-top: 1px solid #255876; height: 35px;} .back2top a { text-decoration: none; float: right; display: block; width: 75px; text-align: center; border-right: 1px solid #255876; border-bottom: 1px solid #255876; border-left: 1px solid #255876; line-height: 16px; background: #255876; color: #FFFFFF;} .back2top a:hover { background: #D07C35;} /* Head ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_shell {} #h_usabilityNav { font: 10px/15px Arial, Helvetica, sans-serif; position: absolute; top: 30px; padding-left: 720px; z-index:95;} #h_usabilityNav ul{margin:0px; padding:0px;} #h_usabilityNav li{ display: block; background: url(usabilitynav_bg.gif) no-repeat; list-style: none; float: left; margin-right: 10px;} #h_usabilityNav li a{ color: #194d71; text-decoration: none;} #h_usabilityNav li a:hover{ text-decoration: underline;} /* #h_nav img{display:block;}*/ /* navIDs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_usabilityNav #navSitemap {width:44px; background-position:41px 9px; padding-right:0px; text-align:left;} #h_usabilityNav #navBookmark {width:51px; background-position:47px 9px; padding-right:0px; text-align:left;} #h_usabilityNav #navInvite {width:72px; background-position:69px 9px; padding-right:0px; text-align:left;} #h_usabilityNav #navHome {width:32px; background-position:29px 9px; padding-right:0px; text-align:left;} #h_logoArea { background: url(logoarea_bg.jpg) no-repeat; height: 77px;} #h_logoArea img { border:none; margin-top: 12px; margin-left: 50px; border:none;} #h_banner { background: url(banner_bg.jpg) no-repeat; height: 319px;} #h_banner img { display:block; margin-left: 50px; padding-top: 29px;} #flashBanner { position: absolute; margin-left: 272px; top: 28px; background: url(none); z-index: 1;} .homepage #flashBanner {top: -42px;} #flashMe {position: absolute; z-index: 1;} #subflashBanner { position: absolute; top: 48px; margin-left: 272px; background: url(none); padding-top: 68px; z-index: 1;} #subflashBanner img {z-index:1;} /* Body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #b_shell { background: url(b_shell_bg2.gif) repeat-y; margin-top: 3px; padding: 35px 206px 25px 274px;} #b_sub_shell { background: url(b_shell_bg2.gif) repeat-y; margin-top: 3px; padding: 35px 75px 25px 274px;} #b_contentArea { font-size: 11px; line-height: 22px; min-height:251px; height:auto !important; _margin-right: -200px; height:251px; padding-top: 34px;} #b_contentArea h1 { color: #255876; font-size: 23px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: block; padding-left: 0px; position: absolute; width: 575px; margin: -55px 0px 0px; padding-bottom: 7px;} #b_contentArea h1 span { display: block; font-size: 12px; letter-spacing: normal; font-weight: normal; line-height: 16px; border-top: 1px solid #255876;} #b_contentArea h2 {color: #D07C35; font-size: 18px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: block;} #b_contentArea h3 { font-size: 14px; margin: 0px 0px -15px; letter-spacing: -1px;} #b_contentArea h3 span {font-size: 11px;letter-spacing: normal;font-weight: normal;} #b_contentArea p { margin-bottom: 18px;} #b_contentArea strong {color: #255876;} #resBox { position: absolute; top: 357px; font: 9px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #b3b5a0; margin-left: 20px; padding-top: 5px; border-top: 1px solid #0f4362; z-index: 150; width: 570px;} #resBox select { font: 10px Arial, Helvetica, sans-serif; margin-right: 5px;} #resBox img{ border-style: none;} #resBox a { text-transform: capitalize; line-height: 20px; color: #B3B5A0;} #resBox a:hover { color: #D07C35;} /* DIV Toggle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #divToggle {position:absolute; top:515px; border-bottom: 1px solid #255876; width:475px; line-height:18px;} #divToggle ul{ margin:0px; padding:0px; } #divToggle li{ float: left; list-style: none; margin-right: 2px;} #divToggle a{ display: block; color: #255876; text-decoration: none; text-align: center;} #divToggleWater { line-height:18px; height:5px; margin:-19px 0 0 0; position:absolute; } #divToggleWater ul{ margin:0px; padding:0px; } #divToggleWater li{ float: left; list-style: none; margin-right: 10px;} #divToggleWater a{ display: block; color: #fff; text-decoration: none; text-align: center; background:#176A97; padding: 2px 7px;} #divToggleWater a:hover{background:#47A7DB; color:#fff;} #divToggleWater a.classon {background:#0F4362;} #divRecreation, #divVillas, #divAmenities, #divGroups, #divInitial, #divFishingFlats, #divDeepSea, #divPartyBoat, #divMarinaFish, #divWaterSports { display:none;} #divInitial {display:block;} #wateractivities h2 {margin:23px 0 0 0 !important; margin:50px 0 0 0;} #pageid3383 a#divVillas_b { background:none; height: 18px; width: 101px;} #pageid3383 a#divAmenities_b { background: none; height: 18px; width: 101px;} #pageid3383 a#divGroups_b { background: none; height: 18px; width: 113px;} #pageid3383 a#divRecreation_b { background: none; height: 18px; width: 69px;} #pageid3383 a#divInitial_b { background: none; height: 18px; width: 69px;} #pageid3383 a#divVillas_b.classon { background: url(villas_bg.gif) no-repeat; height: 18px; width: 101px;} #pageid3383 a#divAmenities_b.classon { background: url(amenities_bg.gif) no-repeat; height: 18px; width: 101px;} #pageid3383 a#divGroups_b.classon { background: url(groups_bg.gif) no-repeat; height: 18px; width: 113px;} #pageid3383 a#divRecreation_b.classon { background: url(recreation.gif) no-repeat; height: 18px; width: 69px;} #pageid3383 a#divInitial_b.classon { background: url(recreation.gif) no-repeat; height: 18px; width: 69px;} /* Special Cases ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #pageid3383 #b_shell {background:none; padding-bottom:0px;} #groupform table { margin: 0px;} #groupform select{ font: 11px Arial, Helvetica, sans-serif;} #groupform input{ font-size: 11px;} #pageid3383 #b_contentArea { font-size: 11px; line-height: 25px; padding-top:45px; } #pageid3383 #b_contentArea p {margin:0px 0 18px 0;} #pageid3383 #b_contentArea h1 { color: #255876; font-size: 23px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; display: block; padding-left: 0px; position: absolute; width: 575px; margin: -70px 0px 0px; padding-bottom: 7px;} #pageid3383 #b_contentArea h2 {color: #D07C35; font-size: 18px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0 -5px 0;} #pageid3383 #divRecreation p, #pageid3383 #divVillas p, #pageid3383 #divAmenities p, #pageid3383 #divGroups p {margin-bottom:8px; margin-top:0px; line-height:27px; } #pageid3383 .dropCap { color:#D07C35; font-size: 55px; font-weight: bold; display: block; float: left; padding-right: 3px; } #pageid3383 #packages a:hover{padding: 0 11px 0 0px !important; padding: 0 11px 0 0px;} /* CTA rotator on homepage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #ctaShell, #sub_ctaShell {position:absolute; top:462px;} /* CTA rotator is replaced on sub pages ~~~~~~~~~~~~~~~~~~~~~~ */ #sub_ctaShell img {display:none;} /* CTA nav on homepage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #ctaLinx { font-size:11px; font-weight:bold; position: absolute; top: 534px; margin-left: 502px; width: 186px; z-index: 100; font-size: 11px; font-weight: bold; text-align: right; background:#F7E7C6 url(cta_signup-b.jpg) no-repeat; padding-top: 120px; } #ctaLinx ul{ margin: 0px; padding: 0px; list-style: none;} #ctaLinx li { height: 26px;} #ctaLinx a { height:21px; text-decoration: none; padding-top: 5px; padding-right: 11px;} #ctaLinx a:hover { color:#0f4362; background: none; /*tricks lovely ie into showing image hover--just plain silly*/} #ctaLinx a img {height: 0; width: 0; border-width: 0;} #ctaLinx a:hover img {position: absolute; height: 111px; width: 186px; top:0px; left:0px;} /* Left CTA nav sub pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #sub_ctaLinx { font-size:11px; font-weight:bold; position: absolute; top: 490px; width: 186px; z-index: 100; font-size: 11px; font-weight: bold; text-align: left; background:#F7E7C6 url(cta_signup-b.jpg) no-repeat; padding-top: 120px; margin-left: -274px;} #sub_ctaLinx ul{ margin: 0px; padding: 0px; list-style: none;} #sub_ctaLinx li { height: 26px;} #sub_ctaLinx a { height:21px; text-decoration: none; padding-top: 5px; padding-left: 11px;} #sub_ctaLinx a:hover { color:#0f4362; background: none; /*tricks lovely ie into showing image hover--just plain silly*/} #sub_ctaLinx a img {height: 0; width: 0; border-width: 0;} #sub_ctaLinx a:hover img {position: absolute; height: 111px; width: 186px; top:0px; left:0px;} #packages a{ font-size: 14px; color: #255876;} #packages a:hover{padding: 0 0 0 11px !important; padding: 0 0 0 15px;} /* Style for the link you hover over to get the popup ~~~~~~~~ */ #sitemapLink { display: block; cursor: hand; } /* style for popup div, always initialize display to none ~~~~ */ /* modify height and width of popup here ~~~~~~~~~~~~~~~~~~~~~ */ /* add more styles for sub elemetns of the popup ~~~~~~~~~~~~~ */ #sitemapDiv { position:absolute; top:0px; display: none; width: 245px !important; width: 215px; margin-top:13px; padding:5px 0px 5px 5px; background-color:#FFFFFF; border-right: 2px solid #265B7A; border-bottom: 2px solid #265B7A; border-top: 2px solid #CBE1EC; border-left: 2px solid #CBE1EC; z-index: 50;} #sitemapDiv h1 { font-size: 12px; color:#255876; border-bottom: 1px solid #255876; margin:5px;} #h_usabilityNav #sitemapDiv ul li { line-height: 20px; background:none; float:none; } #sitemapDiv ul li a { padding-left:5px; font-family: Verdana; font-size: 10px; width: 95% !important; width: 100%; color: #D07C35; text-decoration: none; display:block; border-left: 5px solid #FFFFFF;} #sitemapDiv li a:hover { text-decoration:none; color: #1B5C97; background-color: #F0F8FC; border-left: 5px solid #D07C35;} #sitemapDiv ul li ul { margin:0px; padding:0px;} /* GENERAL ******************************************************************************************************* */ /* HEADER ******************************************************************************************************* */ #h_shell { position: relative} #h_usabilityNav { font: 10px/15px Arial, Helvetica, sans-serif; position: absolute; top: 8px; right: 0px; z-index:95;} #h_usabilityNav ul{margin:0px; padding:0px; } #h_usabilityNav li{ display: block; background: url(usabilitynav_bg.gif) no-repeat right 8px; list-style: none; float: left; margin-right: 15px;} #h_usabilityNav li a{ color: #194d71; text-decoration: none; padding: 0 5px 5px 0;} #h_usabilityNav li a:hover{ text-decoration: underline;} /* #h_nav img{display:block;}*/ div#usabilityNavDropDown { margin: 0px auto; } #h_usabilityNav div#usabilityNavText { background: #ccc; display: none; } #h_usabilityNav div#usabilityNavDropDown { display: block; } #h_usabilityNav div#usabilityNavDropDown div.noHover { display: block;} ul#mainNavLinks { text-align: center; border-bottom: 1px solid #d6d4c5; margin: 0; padding: 12px 0;} ul#mainNavLinks li { list-style: none; display: inline;} ul#mainNavLinks li a { padding: 0 6px;} ul#mainNavLinks li a:hover, ul#mainNavLinks li a.current { background: #1e4f6c;} /* BODY******************************************************************************************************* */ #side { position: absolute; margin: 0 0 0 -260px ; width: 210px; z-index: 2;} div.widgetIBE { color: #B3B5A0; font-size: 10px; position: absolute; width: 560px; margin: -131px 0 0 7px; z-index: 2;font-family: Georgia;} div.widgetIBE input, div.widgetIBE select { color: #000; font-family: arial; font-size: 10px;} #submitButton { margin: 3px 0 0 0; background: #0f4362; border: 1px solid #0f4362; padding: 1px; color: #fff; font-family: Georgia; font-weight: bold;} .widgetIBE #ibeHeaderShell { display: none; } #ctaLinx { font-size:11px; font-weight:bold; position: absolute; top: 534px; margin: -40px 0 0 -274px; width: 186px; z-index: 100; font-size: 11px; font-weight: bold; text-align: right; background:#F7E7C6 url(cta_signup-b.jpg) no-repeat; padding-top: 120px; } #pageid3383 #ctaLinx { margin: 0 0 0 502px;} #ctaLinx ul{ margin: 0px; padding: 0px; list-style: none;} #ctaLinx li { height: 26px;} #ctaLinx a { height:21px; text-decoration: none; padding-top: 5px; padding-right: 11px;} #ctaLinx a:hover { color:#0f4362; background: none; } #ctaLinx a img {height: 0; width: 0; border-width: 0;} #ctaLinx a:hover img {position: absolute; height: 111px; width: 186px; top:0px; left:0px;} #subNav ul { margin: 0 0 20px 0; padding:0 ;} #subNav ul li { display: inline; margin: 0 6px 0 0;} #subNav ul li a { color: #fff; text-decoration: none; padding: 5px; background: #176A97 ;} #subNav ul li a:hover { background: #0F4362} #subNav ul li a.current { background: #0F4362} /* FOOTER ******************************************************************************************************* */ #footer2 { width: 600px; margin: 0 auto; text-align: center; ;} .signatureWidget { height; 60px; display: block;} #vizsig { } #f_shell { margin-top: 3px;} #f_address { font-size: 10px; color: #265b7a; border-top: 1px solid #D6D4C5; text-align: right; margin-right: 11px; padding-top: 1px; height: 18px;} #f_address ul {} #f_address ul li { display: inline; margin: 0 10px 0 0;} #f_address span { margin-right: 11px;} ul#footerNavLinks { text-align: right; margin-right: 20px;} ul#footerNavLinks li { display: inline; list-style: none; margin: 0 6px 0 0;} ul#footerNavLinks li a { font-size: 10px;} ul#footerNavLinks li a:hover {} /*#f_sig {text-align:center; padding-bottom: 15px; width:400px} #vizsig { margin: 0 0 0 450px; width: 400px; } #vizsig span#text { float: left; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; } #vizsig span a { float: left; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS"; } #vizsig span a:hover { text-decoration: none; } #vizsig img { float: left; padding: 0; margin: 0 0 0 8px; } */ #footerNavLinks {display: none;} .widgetIBE #checkinShell {display:auto;}