/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SHELL Includes: Shell (div that acts as a container for every div in the site) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body { margin: 13px 0px 0px; padding: 0px; background: #0C391D url(../img/bg.gif) repeat-x;} a { color: #0C391D;} a:hover { color: #3A3418; text-decoration: none;} .fauxColumns { width:225px; float:left; margin: 0px 0px 25px 35px !important; margin: 0px 0px 25px 25px; background: #D7CDA5; padding: 5px 0px 0px 5px;} #b_sub_contentArea div.fauxColumns p { padding: 0px; margin-right: 0px; margin-left: 0px;} #b_sub_contentArea div.fauxColumns ul { margin-left:25px !important; margin-left:25px; padding-left:0px;} .imgLeft {margin-right:20px;} .imgRight {margin-left:20px; margin-bottom:5px;} .clearBoth {clear:both;} blockquote {margin-right:0px;} a.imgCaptionLinx { display: block; width: 195px; text-decoration: none; margin-left: 25px; text-align: center; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold; color: #3A3418; background: #DBC862; border: medium double #827E51; line-height: 20px;} a.imgCaptionLinx:hover { background: #EDE3BF;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEAD Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_shell { width: 745px; margin-right: auto; margin-left: auto; background: #F6E2BD;} #h_topLinx { height: 21px; font: 9px Georgia, "Times New Roman", Times, serif; background: #16592E;} #h_topLinx ul{ margin: 0px; padding: 0px 20px 0px 0px; text-align: right; width: 725px;} #h_topLinx li{ display: inline; border-left: 1px solid #E0C965; margin-left: 5px; padding-left: 6px;} #h_topLinx li a{ color: #E0C965; text-decoration: none; padding: 3px;} #h_topLinx li a:hover{ color: #FFFFFF; background: #0B4421; padding: 3px;} #h_banner { background: url(../img/h_banner_bg.jpg) no-repeat; height: 115px;} #h_logo { position: absolute; top: 13px; margin-left: 69px;} #h_logo img{border:none;} #h_pNum {width:260px; float: right; font: bold 12px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; margin-top: 93px;} #h_nav { background: url(../img/h_nav_bg.gif) no-repeat; height: 45px; margin-top: 1px; line-height: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-variant: small-caps; font-weight: bold;} #h_nav ul{ margin: 0px 0px 0px 18px; padding: 8px 0px 0px; position: absolute;} #h_nav li{ display: block; background: url(../img/h_li_nav_bg.gif) no-repeat; height: 27px; width: 133px; list-style: none; text-align: center; float: left; margin-right: 11px;} #h_nav li a{ text-decoration: none; color: #F6E2BD; display: block; height: 27px; width: 133px; float: left;} #h_nav li a:hover{ background: url(../img/h_li_nav_bg_ovr.gif) no-repeat; color: #175930;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY Includes: Content Text, CTAs (located in body area), Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #b_shell { width: 745px; margin-right: auto; margin-left: auto; background: url(../img/b_shell_bg.gif) repeat-y; min-height:490px; height: auto !important; height:495px;} #b_sub_shell { width: 745px; margin-right: auto; margin-left: auto; background: url(../img/b_sub_shell_bg.gif) repeat-y; min-height:490px; height: auto !important; height:495px;} #b_contentArea {margin-left: 184px;} #b_sub_contentArea {margin-left: 184px; color: #3A3418; font: 11px/18px Arial, Helvetica, sans-serif; padding-bottom:18px;} #b_sub_contentArea ul { margin-left: 25px !important; margin-left: 75px; margin-right: 25px;} #b_sub_contentArea ol { margin-left: 75px; margin-right: 25px;} #b_sub_contentArea p{ margin-left: 25px; margin-right: 25px;} #b_sub_contentArea h1 { margin-left: 25px; font-family: Georgia, "Times New Roman", Times, serif; color: #0C391D; font-size: 24px; margin-top: -2px; letter-spacing: -1px;} #b_sub_contentArea h2 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; margin-left: 25px; font-size: 18px;} #b_sub_contentArea h3 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; margin-left: 25px; font-size: 15px; background: #CABC87; margin-right: 25px; padding: 2px; color: #124E29; clear: both;} #b_bannerArea { font: 12px Arial, Helvetica, sans-serif; color: #124E29; width: 285px; padding-bottom: 18px;} #b_bannerArea img {display:block;} #b_bannerArea h1{ width:285px; font: bold 18px Georgia, "Times New Roman", Times, serif; background: url(../img/b_banner_h1_bg.gif) no-repeat; margin: 0px; text-align: center; height: 52px; padding-top: 8px; color: #124E29; letter-spacing: -1px;} #b_bannerArea p { margin-right: 35px; margin-left: 40px; line-height: 18px;} #b_cta_shell { width:166px; margin-left: 7px; position: absolute; top: 488px; height: 100px; z-index: 1; padding-left: 10px;} #b_cta_shell img{margin-bottom:5px;} /* div toggle section css */ #b_tabArea_shell { width:268px; position: absolute; top: 195px; margin-left: 286px;} #b_tabArea_shell a { width:133px; display:block; float:left; text-align: center; line-height: 40px; color:#175930;} #b_tabArea_shell a:hover { text-decoration: underline;} #welcomeDiv { display: none; height:400px; width: 265px; margin:0px; padding:12px 0px 0px !important; padding:22px 0px 0px; font: 11px/18px Arial, Helvetica, sans-serif; color: #3A3418; clear: both;} #welcomeDiv a {width:auto; height:auto; display:inline; float:none; text-align:left; line-height:normal;} #welcomeDiv a:hover {} #welcomeDiv img {display:block;} #welcomeDiv h1 { font:bold 18px/25px Georgia, "Times New Roman", Times, serif; color:#124E29; text-align: center; letter-spacing: -1px;} #welcomeDiv p { margin-right: 25px; margin-left: 35px;} #areainfoDiv { display: none; height:400px; width: 265px; margin: 0; padding:22px 0px 0px; font: 11px/18px Arial, Helvetica, sans-serif; color: #3A3418; clear: both;} #areainfoDiv a {width:auto; height:auto; display:inline; float:none; text-align:left; line-height:normal;} #areainfoDiv a:hover {} #areainfoDiv h1 { font:bold 18px/25px Georgia, "Times New Roman", Times, serif; color:#124E29; text-align: center; letter-spacing: -1px;} #areainfoDiv p { margin-right: 25px; margin-left: 35px;} .menuon { font:bold 13px Georgia, "Times New Roman", Times, serif; text-decoration:none; background: url(../img/on_tab.gif) no-repeat; height: 40px;} .menuoff { font:bold 13px Georgia, "Times New Roman", Times, serif; text-decoration:none; background: url(../img/off_tab.gif) no-repeat; height: 40px;} /* end div toggle section css */ /* nav on states */ body#accommodations #navAccommodations a {background: url(../img/h_li_nav_bg_ovr.gif) no-repeat; color: #175930;} body#amenities #navAmenities a {background: url(../img/h_li_nav_bg_ovr.gif) no-repeat; color: #175930;} body#groups #navGroups a {background: url(../img/h_li_nav_bg_ovr.gif) no-repeat; color: #175930;} body#attractions #navArea a {background: url(../img/h_li_nav_bg_ovr.gif) no-repeat; color: #175930;} /* end nav on states */ #res_shell {width:745px; margin-left:auto; margin-right:auto;} #res_box { background: url(../img/res_box_bg.jpg) no-repeat; width: 153px; color: #DCC663; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; margin-left: 7px; position: absolute; top: 195px; padding-top: 55px; padding-left: 23px; height: 326px;} #res_box select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 5px; margin-top: 3px; margin-right: 2px;} #res_box input { margin-top: 10px; margin-bottom: 5px;} #res_box a { text-decoration: none; color: #DCC663;} #res_box a:hover { text-decoration: underline;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #f_shell { width: 745px; margin-right: auto; margin-left: auto; background: url(../img/f_shell_bg.gif) no-repeat; height: 83px;} #f_nav { font: bold 9px/35px Georgia, "Times New Roman", Times, serif;} #f_nav ul { margin: 0px; padding: 0px 0px 0px 10px; text-align: center;} #f_nav li { display: inline; border-right: 1px solid #DCC663; margin-right: 5px; padding-right: 6px;} #f_nav li a { color: #DCC663; text-decoration: none;} #f_nav li a:hover { text-decoration: underline;} #f_address { font: 9px/20px Georgia, "Times New Roman", Times, serif; text-align: center; color: #DCC663; margin-top: 15px; margin-bottom: 15px;} #f_address span{ margin-right: 7px; margin-left: 7px;} #f_sig { text-align: center; padding-bottom: 10px; width: 400px; margin: 0 auto; } #vizsig { margin: 0 0 0 100px; color:#DCC663} #vizsig span#text { float: left; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; color:#DCC663} #vizsig span a { float: left; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS"; color:#DCC663} #vizsig span a:hover { text-decoration: none; } #vizsig img { float: left; padding: 0; margin: 0 0 0 8px; /*border: 1px solid #000*/}