/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents Non-displaying Elements Layout Page Specific Layout Typography and Inline Elements Page Specific Typography Navigation */ /* Non-displaying Elements*/ /* *************************************************************************************** */ #branding-logo, hr, #nav p {display:none;} #btn-community_calendar {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ body { font-size:0.875em; /* makes font a specific size... must find it... */ text-align:center; padding-top: 10px; background-attachment: scroll; background-color: #FFF; background-repeat: repeat-x; background-position: center top; } #container { height:auto; margin:0 auto; position:relative; text-align:justify; width:960px; } #branding { background: url(images/branding.gif) no-repeat; height: 105px; width: 960px; } #content { margin-top: 2em; float: left; clear: both; width: 960px; padding-top: 13px; } #col_1, #col_2, #col_3 {margin-bottom:12px} #col_1 { float:left; width:207px; margin-right:13px; } #col_2 { float:left; width: 390px; } #col_3 { float:right; width:336px; background: #79201C url(images/home_pic_top.gif) no-repeat left top; } #col_3 img {margin:12px 12px 6px} #col_3 p { background: url(images/home_pic_bottom.gif) no-repeat left bottom; margin: 0px; color: #FFF; padding: 0 12px 12px; font-size: 0.875em; } #footer { background: #79201C; float: left; width: 960px; height: 1.4em; } #siteinfo-credits { text-align:right; text-transform: uppercase; font-size: 0.7em; font-weight: bold; } h1 img { float:right; margin: -5px 0px 1em 1em; } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 { background: url(images/h1_bg.gif) no-repeat left top; padding: 5px 0px 5px 10px; color: #FFF; } h2 { font-size: 1.32em; margin-bottom: 0.4em; } h3 {} p {} #siteinfo-credits a {text-decoration:none;} #nav-whats_up a { color:#27547C; text-decoration:none } #nav-whats_up ul ul a {color:#FFF; text-decoration:none} /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) / .layout-home h1 {display:none} / Navigation / / placement of navigation / / *************************************************************************************** / #nav-main { position: absolute; top: 108px; left: 0px; background: #27547c; width: 960px; height: 1.8em; text-align: center; color: #FFF; font-size:0.7em; font-weight:bold; line-height:1.8em; text-transform: uppercase; margin-left:0 } #nav-main a {text-decoration:none;padding: 0 10px; border-right:solid 2px #FFF; margin-left:-4px} a#btn-contact_us {border-right:none} #nav-main a:link, #nav-main a:visited {color:#fff;} #nav-main a:hover, #nav-main a:active {color:#27547C; background-color: #FFF; } #nav-main ul, #nav-main li { display: inline;} a#btn-community_calendar { position:absolute; top:40px; right:50px; background-image:url(images/community_calendar_btn.gif); background-position: left top; background-repeat: no-repeat; display: block; height: 32px; width: 245px; border-style: none; margin: 0px; padding: 0px; z-index: 200; } a#btn-community_calendar:hover, a#btn-community_calendar:active {background-position: left bottom;} #nav-whats_up { background-image: url(images/rawlins_drawing.gif); background-position:center bottom; background-repeat: no-repeat; padding-bottom: 151px; } #nav-whats_up h3 { background-image: url(images/nav-whats_up.gif); height: 26px; color: #27547C; text-align: center; font-weight: bold; font-size: .9em; text-transform: uppercase; padding-top: 7px; } #nav-whats_up ul {margin:0;} #nav-whats_up ul li { color: #27547C; font-weight: bold; font-size: 0.7em; list-style: none; text-indent: 10px; padding-top: 0px; padding-bottom: 2px; text-transform: uppercase; } #nav-whats_up ul li ul li { background: #8D9090; color: #FFF; list-style: none; font-size: 1em; padding: 10px; text-indent: 0px; font-weight: normal; text-transform: none; } #nav-whats_up li#video_tour_book {padding-bottom:0px;} li#video_tour_book ul { background-color:#8D8E8E; height:102px; } > li#video_tour_book ul { min-height:102px; height:auto } #nav-section { margin-bottom: 1em; margin-left: 1em; font-weight: bold; font-size: 0.8em; } #nav-section ul { list-style: inside; margin-left:0; } #nav-section a:link, #nav-section a:visited {} #nav-section a:hover, #nav-section a:active {}