/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SHELL Includes: Shell (div that acts as a container for every div in the site) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body { margin:0px; padding:0px; background: #213E79 url(../img/bg.gif) repeat-x;} #shell {} a {color:#751213;} a:hover {text-decoration:none;} .fauxColumns {width:48%; float:left;} #b_contentArea .fauxColumns blockquote {text-align:left; margin:0 13px;} .imgLeft {margin-right:20px;} .imgRight {margin-left:20px;} .clearBoth {clear:both;} .formDisclaimer { font: bold 10px Arial, Helvetica, sans-serif; color: #990000;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEAD Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #h_shell { width: 723px; margin-right: auto; margin-left: auto;} #h_topLinx { background: url(../img/top_linx_bg.gif) no-repeat; height: 22px; width: 219px; margin-left: 477px; margin-top: 7px; font: 9px/22px Tahoma, Arial, Verdana, sans-serif; color: #FFFFFF; text-align: center;} #h_topLinx ul{ margin: 0px; padding: 0px;} #h_topLinx li{ display: inline; border-right: 1px solid #FFFFFF; margin-right:5px; padding-right:4px;} #h_topLinx li a{ color: #FFFFFF; text-decoration: none;} #h_topLinx li a:hover{color:#FFFF00; text-decoration:underline;} #h_logoArea { height: 87px; width: 95px; position: absolute; top: 0px; margin-left: 13px;} #h_logoArea img {border:none;} #h_banner { height: 239px; width: 698px; margin-right: auto; margin-left: auto; border-right: 12px solid #FFFFFF; border-left: 12px solid #FFFFFF; clear: both; margin-top: 43px;} #h_nav { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; font-variant: small-caps; line-height: 23px; height: 23px; padding-left: 147px; padding-top: 13px;} #h_nav ul{ margin: 0px; padding: 0px;} #h_nav li{ display:block; margin: 0px 7px 0px 0px; padding: 0px; list-style: none; float: left; text-align: center;} #h_nav li a{ color: #FFFFFF; text-decoration: none; display: block; width:100%;} #h_nav li a:hover{color:#213C76;} /* hotels css drop down area */ ul#nav {display:none;} #hoverNav li#navHotels a {text-align:center; padding:0px;} #hoverNav li#navHotels {text-align:left; padding:0px;} #hoverNav li#navHotels ul li a{text-align:left; padding:0px; display:block;} div#h_nav ul li#navHotels ul {margin:0px; padding:0px; text-align: left; } div#h_nav ul li#navHotels ul li{margin:0px; padding:0px; text-align: left; display:block; width:165px; } div#h_nav ul li#navHotels ul li span {padding-left:5px; color:#751213; /*background-color:#C7BF93;*/ width:170px; display:block; line-height:18px;} div#h_nav ul#nav {width:175px; background-color:#D4CFAC; position: absolute; text-align: left; margin: 0px; padding: 0px; margin-left:auto !important; margin-left:-20px;} div#h_nav ul#nav li {display:block; text-align: left;} div#h_nav ul#nav li a{ padding:0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; z-index: 20; color:#213E79; background:none; } div#h_nav ul#nav li a:hover{/*text-decoration:underline;*/ background:none; background-color:#213E79; color:#FFFFFF;} div#h_nav ul#hoverNav li:hover ul{display:block;} div#h_nav ul#hoverNav li.over ul{display:block;} /* attractions css drop down area */ ul#nav2 {display:none;} #hoverNav li#navAttractions a {text-align:center; padding:0px;} #hoverNav li#navAttractions {text-align:left; padding:0px;} #hoverNav li#navAttractions ul li a{text-align:left; padding:0px; display:block;} div#h_nav ul li#navAttractions ul {margin:0px; padding:0px; text-align: left; } div#h_nav ul li#navAttractions ul li{margin:0px; padding:0px; text-align: left; display:block; width:110px;} div#h_nav ul#nav2 {width:120px; background-color:#D4CFAC; position: absolute; text-align: left; margin: 0px; padding: 0px; margin-left:auto !important; margin-left:-20px;} div#h_nav ul#nav2 li {display:block; text-align: left; } div#h_nav ul#nav2 li a{ padding:0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; z-index: 20; color:#213E79; background:none;} div#h_nav ul#nav2 li a:hover{/*text-decoration:underline;*/ background:none; background-color:#213E79; color:#FFFFFF;} div#h_nav ul#hoverNav li:hover ul{display:block;} div#h_nav ul#hoverNav li.over ul{display:block;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nav states ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #navHotels { background: url(../img/home_tab.gif) no-repeat; height: 23px; width: 70px;} #navHotels a:hover {background: url(../img/home_tab.gif) no-repeat -70px top;} #navAttractions { background: url(../img/attractions_tab.gif) no-repeat; height: 23px; width: 89px;} #navAttractions a:hover {background: url(../img/attractions_tab.gif) no-repeat -89px top;} #navMeetings { background: url(../img/meetings_tab.gif) no-repeat; height: 23px; width: 129px;} #navMeetings a:hover {background: url(../img/meetings_tab.gif) no-repeat -129px top;} #navVisitors { background: url(../img/visitors_tab.gif) no-repeat; height: 23px; width: 145px;} #navVisitors a:hover {background: url(../img/visitors_tab.gif) no-repeat -145px top;} #navContact { background: url(../img/contact_tab.gif) no-repeat; height: 23px; width: 87px;} #navContact a:hover {background: url(../img/contact_tab.gif) no-repeat -87px top;} #subAttract { font: normal 10px/17px Arial, Helvetica, sans-serif; margin:0px; padding:5px 0px 5px 3px; text-align: center; border-bottom: 1px solid #999999; height: 60px; border-top: 1px solid #999999; background: #F7F6EE;} #subAttract li{ display:inline;} #subAttract li a { display:block; color: #213C75; text-decoration: none; width: 105px; text-align: center; float: left; border: 1px solid #999999; margin-right: 2px; margin-bottom: 2px; background: #F0EDDC;} #subAttract li a:hover { background:#19264F; text-decoration: none; color: #FFFFFF;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nav Ons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #hotels #navHotels a {background: url(../img/home_tab.gif) no-repeat -70px top; color: #213C75;} #attractions #navAttractions a {background: url(../img/attractions_tab.gif) no-repeat -89px top; color: #213C75;} #meetings #navMeetings a {background: url(../img/meetings_tab.gif) no-repeat -129px top; color: #213C75;} #visitors #navVisitors a {background: url(../img/visitors_tab.gif) no-repeat -145px top; color: #213C75;} #contact #navContact a {background: url(../img/contact_tab.gif) no-repeat -87px top; color: #213C75;} #alcatraz #navAl a, #fish #navFish a, #ggp #navGGP a, #china #navChina a, #union #navUS a, #wine #navWine a, #gg #navGG a, #lombard #navLombard a, #cable #navCC a, #coit #navCT a {background:#19264F; text-decoration: none; color: #FFFFFF;} #fish #navAttractions a, #alcatraz #navAttractions a, #ggp #navAttractions a, #china #navAttractions a, #union #navAttractions a, #wine #navAttractions a, #gg #navAttractions a, #lombard #navAttractions a, #cable #navAttractions a, #coit #navAttractions a {background: url(../img/attractions_tab.gif) no-repeat -89px top; color: #213C75;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY Includes: Content Text, CTAs (located in body area), Search Box (located in header area) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #b_100_shell { width:100%; background:#FFFFFF; padding-bottom: 25px;} #b_shell { width: 723px; margin-right: auto; margin-left: auto;} #b_sub_shell {} #b_contentArea { width: 440px; margin-left: 270px; font: 11px/18px Arial, Helvetica, sans-serif; color: #666145; padding-top: 23px; min-height:280px; height:auto !important; height:280px; padding-right: 20px;} #b_contentArea h1 { color: #761113; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: -1px; font-size: 24px; font-weight: bold; line-height: 29px;} #b_contentArea h2 { font-size: 18px; color: #203A72; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; font-style: italic; border-bottom: 1px solid #F0EDDC; padding-bottom: -1px;} #b_contentArea h2 a {color:#203A72} #b_contentArea h3 { font-size: 15px; color: #751213; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; background: #F0EDDC; font-weight: bold; padding: 3px 3px 3px 10px; clear: both; text-align: left;} #b_contentArea h3 a {} #b_contentArea h3 span a { text-decoration: none; font: normal 12px/15px Arial, Helvetica, sans-serif; float: right; display: block; width: 65px; text-align: center; border: 1px solid #666145; bottom: 18px !important; bottom: 20px; position: relative; background: #F4F1E5; color: #666145; margin-right: 2px;} #b_contentArea h3 span a:hover {background:#FFFFFF;} #b_contentArea h4 { font-size: 13px; color: #751213; font-family: Tahoma, Arial, Verdana, sans-serif; background: #F9F8F3; padding: 3px 3px 3px 10px; clear: both; text-align: left; font-weight: normal; border-left: 8px solid #751213;} #b_contentArea h4 span a { text-decoration: none; font: normal 12px/15px Arial, Helvetica, sans-serif; float: right; display: block; width: 65px; text-align: center; border: 1px solid #666145; bottom: 18px !important; bottom: 20px; position: relative; background: #F4F1E5; color: #666145; margin-right: 2px; letter-spacing: -1px;} #b_contentArea h4 span a:hover {background:#FFFFFF;} #b_contentArea strong {color:#233E78;} /*#b_contentArea blockquote {text-align:justify;}*/ #b_ctas_shell { position:absolute; background:url(../img/b_cta_shell_bg.gif) no-repeat; padding-top: 25px; width: 212px; padding-left: 10px; top: 372px; margin-left: 10px;} #b_ctas {} #b_ctas ul{ margin: 0px; padding: 0px;} #b_ctas li{ list-style: none;} #b_ctas {} #b_ctas img {border:none;} #b_fillers {font: 10px Arial, Helvetica, sans-serif; color:#666666; text-align: center;} #b_fillers ul{ margin: 0px; padding: 0px;} #b_fillers li{ list-style: none; margin-bottom: 10px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #f_100_shell { background: url(../img/f_100_bg.gif) repeat-x;} #f_shell {width: 723px; margin-right: auto; margin-left: auto;} #f_ctas {text-align:center;} #f_address, #f_props, #f_nav { font: 10px/18px Tahoma, Arial, Verdana, sans-serif; color: #FFFFFF; text-align: center;} #f_nav { width: 650px; margin-right: auto; margin-left: auto; border-top: 2px solid #17264F; padding-top: 5px;} #f_nav ul { margin: 0px; padding: 0px;} #f_nav li { display: inline; margin-right: 8px; margin-left: 8px;} #f_nav li span { font-weight: bold;} #f_nav li a { color: #FFFFFF; text-decoration: none;} #f_nav li a:hover { color: #D4CFAC; text-decoration: underline;} #f_address { margin-top: 10px; margin-bottom: 10px;} #f_address span { font-weight: bold; margin-right: 6px; margin-left: 6px;} #f_address a {color:#FFFFFF;} #f_address a:hover { text-decoration:none; color: #D4CFAC;} #f_props { width: 650px; border-top: 2px solid #17264F; padding-top: 5px; margin: 5px auto 20px;} #f_props span{ margin-right: 10px; margin-left: 10px; font-weight: bold;} #f_props a { color: #FFFFFF; text-decoration: underline;} #f_props a:hover { text-decoration: none; color: #D4CFAC;} #f_sig { text-align: center; margin-bottom: 15px;} #f_sig img {border:none;}