@charset "UTF-8"; /* CSS Document */ /*------------------------------------------------------------------------------------------------*/ /* CSS Reset v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------------------------------------------------------*/ /* Sticky Footer Solution by Steve Hatcher | http://stever.ca | http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body, #wrapper {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} #main {overflow:hidden; padding-bottom: 134px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -134px; /* negative value of footer height */ height: 134px; clear:both;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file */ /*------------------------------------------------------------------------------------------------*/ /* Global */ #browserAlert { display:none; } body { overflow-x:hidden; overflow-:scroll; } small { font-size:8px; line-height:9px; } h1 { color:#ffffff; font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:0px; font-weight:bold; background-image:url('../img/bg_h1.png'); background-repeat:repeat-x; margin-right:10px; margin-left:28px; height:52px; float:left; clear:right; padding-right:20px; text-transform:uppercase; } h1 img { margin-left:-44px; margin-bottom:-30px; } h2 { color:#c22e1d; font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:left; font-size:13px; line-height:15px; padding-left:29px; margin-bottom:5px; text-transform:uppercase; } h3 { color:#ffffff; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-weight:normal; text-align:center; font-size:15px; line-height:18px; } p { color:#172840; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:15px; padding-left:29px; padding-right:29px; clear:both; } strong { float:left; width:140px; display:block; } a { text-decoration:none; } a:hover { text-decoration:underline; } .left { float:left; } .right { float:right; } .red { color:#c22e1d; } .blue { color:#172840; } .clear { clear:both; } /*------------------------------------------------------------------------------------------------*/ /* Interface */ #holder { position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:-1; margin-bottom:-200px; } #holder[id] { display:table } #holder div { position:absolute; left:0; top:50%; width:100% } /*with IE-fix*/ #holder[id] div { display:table-cell; vertical-align:middle; position:static } /*for standard-browsers*/ *:first-child+html #holder div { position:absolute }/*force IE 7 back to position:absoulte*/ #holder img { position:relative; top:-50%; margin:0 auto; display:block; -ms-interpolation-mode: bicubic; width:100%; }/*Setting width here creates a look-alike fallback for browsers without javascript*/ #flash_background { position: fixed; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; z-index:-1; } #header { width:100%; height:112px; position:relative; margin:0px auto; background-color:#FFFFFF; } #shadow { width:100%; height:15px; background-image:url('../img/shadow_top.png'); background-repeat:repeat-x; } .inner { width:985px; position:relative; margin:0px auto; } .inner_content { width:985px; position:relative; margin:0px auto; } /*------------------------------------------------------------------------------------------------*/ /* Navigation */ #navigation { width:501px; height:23px; position:relative; margin:0px auto; margin-top:-23px; padding-left:461px; z-index:999; } #navigation li { float:left; height:23px; border-left:1px solid #b3c6e8; padding-left:10px; width:89px; font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:25px; } #navigation li:hover { background-image:url('../img/nav_hover.gif'); background-repeat:repeat-x; } #navigation a { display:block; cursor:pointer !important; } #navigation a:hover { text-decoration:none; } #navigation li ul { margin-left:-19px; display:none; margin-top:-2px; } #navigation li ul li { height:21px; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:21px; border:none; width:185px; background-image:url('../img/nav_dd_bg.png'); background-repeat:repeat-y; margin-top:0px; } #navigation li ul li:hover { background-image:url('../img/nav_dd_bg_hover.png'); background-repeat:repeat-y; } #navigation li ul .last, #navigation li ul .last:hover { background-image:url('../img/nav_dd_last.png'); background-repeat:no-repeat; } #navigation li ul li a{ color:#607faa; margin-left:8px; } #navigation li:hover > ul { display: block; } .last { border-right:1px solid #b3c6e8; } /*------------------------------------------------------------------------------------------------*/ /* Content */ .content_top { height:30px; width:564px; background-image:url('../img/bg_content_top.png'); background-repeat:repeat-y; margin-top:25px; } .content_top2 { height:30px; width:564px; background-image:url('../img/bg_content_top.png'); background-repeat:repeat-y; margin-top:0px; } .content { height:auto; width:564px; min-height:235px; background-image:url('../img/bg_content.png'); background-repeat:repeat-y; } .content2 { height:auto; width:564px; background-image:url('../img/bg_content.png'); background-repeat:repeat-y; } .content_parts{ height:6px; width:564px; background-image:url('../img/bg_content.png'); background-repeat:repeat-y; margin-bottom:0px; padding-left:16px; } .content_parts a { float:left; margin-right:1px; margin-top:-8px; } .content a { color:#c22e1d; } .content p { margin-top:15px; width:507px; } .content ul { color:#172840; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:15px; padding-left:29px; padding-right:29px; margin-top:15px; } .content li { background-image:url('../img/bullet.gif'); background-repeat:no-repeat; background-position:left 7px; padding-left:12px; margin-left:6px; } .content .column_left { float:left; width:160px; } .content .column_right { float:left; width:210px; } .content_bottom { height:30px; width:564px; background-image:url('../img/bg_content_bottom.png'); background-repeat:repeat-y; } .banner_cap { margin-left:-10px; float:left; } /*------------------------------------------------------------------------------------------------*/ /* Misc right side containers */ .directions_top { height:30px; width:368px; background-image:url('../img/bg_directions_top.png'); background-repeat:repeat-y; position:absolute; float:left; top:20px; left:566px; } .directions { height:288px; width:368px; background-image:url('../img/bg_directions.png'); background-repeat:repeat-y; position:absolute; float:left; top:50px; left:566px; } .directions iframe { margin-left:30px; margin-bottom:15px; } .directions_ a { color:#c22e1d; } .directions p { } .directions_bottom { height:30px; width:368px; background-image:url('../img/bg_directions_bottom.png'); background-repeat:repeat-y; margin-left:0px; clear:left; } .events_top { height:30px; width:264px; background-image:url('../img/bg_events_top.png'); background-repeat:repeat-y; position:absolute; float:left; top:20px; left:566px; } .events { height:155px; width:264px; background-image:url('../img/bg_events.png'); background-repeat:repeat-y; position:absolute; float:left; top:50px; left:566px; } .events_ a { color:#c22e1d; } .events p { width:210px; } .events_bottom { height:30px; width:264px; background-image:url('../img/bg_events_bottom.png'); background-repeat:repeat-y; margin-left:0px; clear:left; } /*------------------------------------------------------------------------------------------------*/ /* Events */ #nav_events { float:right; padding-right:27px; margin-top:9px; } #nav_events ul { float:left; background-image:none; z-index:997; padding-left:0px; margin-top:0px; } #nav_events li { float:left; background-image:none; font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:14px; text-align:left; } #nav_events img { float:left; margin-top:3px; } .nav_prev { } .nav_next { } table { width:508px; margin-left:28px; clear:both; margin-bottom:15px; } tr.header { text-align:center; border:none; font-weight:bold; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-size:12px; height:20px; } tr.tablecontent { border:1px solid #dde5f3; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:11px; height:80px; } tr.tablecontent td { width:99px; text-align:center; border:1px solid #dde5f3; padding:4px; } .date { font-weight:bold; } .pagination { height:15px; } .pagination ul { position:absolute; float:left; left:22%; margin-left:16px; margin-top:0px; } .pagination li { float:left; background-image:none; margin-left:0px; margin-right:0px; } .pagination .left { margin-left:28px; } .pagination .right { margin-right:28px; } /*------------------------------------------------------------------------------------------------*/ /* Events Gallery */ .gallery_top { height:30px; width:664px; background-image:url('../img/bg_gallery_top.png'); background-repeat:repeat-y; margin-top:70px; } .gallery { height:auto; width:664px; background-image:url('../img/bg_gallery.png'); background-repeat:repeat-y; margin-bottom:0px; } .gallery_bottom { height:30px; width:664px; background-image:url('../img/bg_gallery_bottom.png'); background-repeat:repeat-y; } #thumbs { clear:left; margin-left:28px; } .thumb { width:109px; height:150px; margin-right:16px; float:left; text-align:center; } .thumb img { position:relative; margin-bottom:6px; clear:right; } .thumb a { position:relative; font-size:15px; color:#c22e1d; clear:both; } /*------------------------------------------------------------------------------------------------*/ /* Weather */ #weather_top { height:30px; width:303px; background-image:url('../img/bg_weather_top.png'); background-repeat:no-repeat; margin-top:0px; } #weather { height:60px; width:303px; background-image:url('../img/bg_weather.png'); background-repeat:repeat-y; } #weather strong { margin-top:-10px; margin-bottom:10px; width:240px; } #weather_bottom { height:30px; width:303px; background-image:url('../img/bg_weather_bottom.png'); background-repeat:no-repeat; } #weather_day1 { clear:left; margin-left:14px; } #weather_day1, #weather_day2, #weather_day3 { float:left; width:68px; border-right:1px solid #d7e1f3; } #weather_day4 { float:left; width:68px; border-right:none; } #weather_day1 img, #weather_day2 img, #weather_day3 img , #weather_day4 img { position:relative; clear:left; margin-left:18px; margin-bottom:4px; } .day { font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:11px; color:#c22e1d; text-transform:uppercase; margin-left:22px; font-weight:bold; } .temp { font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:11px; color:#c22e1d; margin-left:20px; margin-top:3px; font-weight:bold; } .deg { font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:11px; color:#aed4f1; text-align:center; font-weight:bold; } /*------------------------------------------------------------------------------------------------*/ /* Footer */ #footer { background-color:#dbe8f0; } #footer p, #footer a { font-family:Century Gothic, Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:12px; height:12px; } #footer li { height:12px; } .right p { margin-bottom:34px; } #footer_topbar { width:100%; height:22px; background-image:url('../img/footer_topbar.gif'); background-repeat:repeat-x; } #footer .column1 { float:left; width:101px; } #footer .column2 { float:left; width:190px; } #footer .column3 { float:left; width:182px; } /*------------------------------------------------------------------------------------------------*/ /* Promo */ h1.banner_right { color:#ffffff; font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:0; font-weight:bold; background-image:url('../img/bg_h1.png'); background-position:0px 2px; background-repeat:repeat-x; margin-left:396px; margin-top:-170px; margin-bottom:-10px; height:52px; width:100px; text-transform:uppercase; margin-right:-10px; padding-left:20px; } h1.banner_right img { margin-left:-25px; margin-right:20px; margin-bottom:-30px; float:left; clear:right; } .rightround { float:left; margin-top:-168px; margin-left:536px; } .promo { width:147px; height:68px; background-color:#c22e1d; float:right; margin-top:-124px; margin-right:21px; } .promo h2 { line-height:14px; margin-top:9px; } .promo a { display:block; margin-top:6px; color:#172840; margin-left:-16px; font-weight:bold; clear:left; } .banner_cap_right { } /*------------------------------------------------------------------------------------------------*/ /* Preload */ #preload1, #preload2, #preload3, #preload4, #preload5, #preload6, #preload7, #preload8, #preload9, #preload10, #preload11, #preload12, #preload13, #preload14, #preload15 { display:none; } /*------------------------------------------------------------------------------------------------*/ /* Safari Hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #weather_day1, #weather_day2, #weather_day3, #weather_day4 { margin-top:-5px; } }