/* CSS Document */ /* Normalizes margin, padding, remove list style --------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, em, strong {margin: 0px; padding: 0px;} ol, ul, li {list-style: none} a img {border:0px;} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width: 760px; margin:0 auto; background:url(../images/bkg_gradient.jpg) repeat-x #563e23; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #412200;} #container {position:relative; width:760px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1;} #redwoods_hm {position:relative; width:100%; min-width:760px; margin:0 auto; background:url(../images/bkg_redwoods.jpg) center top repeat-x; height:93px;} #redwoods {position:relative; width:100%; min-width:760px; margin:0 auto; background:url(../images/bkg_redwoods.jpg) center top repeat-x; height:93px; border-bottom:44px solid #563e23;} *html #redwoods {position:relative; width:100%; min-width:760px; margin:0 auto; background:url(../images/bkg_redwoods.jpg) center top repeat-x; height:49px; border-bottom:137px solid #563e23;} /* Branding --------------------------------------------------*/ #branding {position:relative; width:743px; height:93px; padding:0px 0px 0px 15px;} #branding h1 {position:absolute; left:-998px;} #branding h6 {position:absolute; left:640px;} #branding img {position:absolute; margin:0px; padding:0px; z-index:300;} /* Navigation --------------------------------------------------*/ #nav {position:absolute; left:210px; top:67px; z-index:200; width:550px; height:26px; padding:0px; margin:0px;} #nav h3 {position:absolute; left:-990px;} #nav ul {height:26px;} #nav ul li {float: left;} #nav li span {position: absolute; left: -9999px; z-index: 9} #nav #family a {width:64px; height:26px; background:url(../images/nav/nav_family.jpg) no-repeat; display:block;} #nav #family a:hover, #nav #family a:active {background:url(../images/nav/nav_family_o.jpg) no-repeat; display:block} #family_pg #nav #family a{background:url(../images/nav/nav_family_o.jpg) no-repeat} #familyvideo_pg #nav #family a{background:url(../images/nav/nav_family_o.jpg) no-repeat} #nav #youth a {width:58px; height:26px; background:url(../images/nav/nav_youth.jpg) no-repeat; display:block;} #nav #youth a:hover, #nav #youth a:active {background:url(../images/nav/nav_youth_o.jpg) no-repeat; display:block} #youth_pg #nav #youth a {background:url(../images/nav/nav_youth_o.jpg) no-repeat} #nav #adult a {width:103px; height:26px; background:url(../images/nav/nav_adultevents.jpg) no-repeat; display:block;} #nav #adult a:hover, #nav #adult a:active {background:url(../images/nav/nav_adultevents_o.jpg) no-repeat; display:block} #nav #guestevents a {width:100px; height:26px; background:url(../images/nav/nav_guestevents.jpg) no-repeat; display:block;} #nav #guestevents a:hover, #nav #guestevents a:active{background:url(../images/nav/nav_guestevents_o.jpg) no-repeat; display:block} #guestevents_pg #nav #guestevents a {background:url(../images/nav/nav_guestevents_o.jpg) no-repeat} #guestevents2_pg #nav #guestevents a {background:url(../images/nav/nav_guestevents_o.jpg) no-repeat} #nav #media a {width:112px; height:26px; background:url(../images/nav/nav_media.jpg) no-repeat; display:block;} #nav #media a:hover, #nav #media a:active{background:url(../images/nav/nav_media_o.jpg) no-repeat; display:block} #nav #about a {width:59px; height:26px; background:url(../images/nav/nav_about.jpg) no-repeat; display:block;} #nav #about a:hover, #nav #about a:active {background:url(../images/nav/nav_about_o.jpg) no-repeat; display:block} #about_pg #nav #about a {background:url(../images/nav/nav_about_o.jpg) no-repeat} #photos_pg #nav #about a {background:url(../images/nav/nav_about_o.jpg) no-repeat} #nav #home a {width:54px; height:26px; background:url(../images/nav/nav_home.jpg) no-repeat; display:block;} #nav #home a:hover, #nav #home a:active {background:url(../images/nav/nav_home_o.jpg) no-repeat; display:block} #home_pg #nav #home a {background:url(../images/nav/nav_home_o.jpg) no-repeat} /* OLD NAVIGATION #nav #family a {width:68px; height:26px; background:url(../images/nav/nav_family.jpg) no-repeat; display:block;} #nav #family a:hover, #nav #family a:active {background:url(../images/nav/nav_family_o.jpg) no-repeat; display:block} #family_pg #nav #family a{background:url(../images/nav/nav_family_o.jpg) no-repeat} #familyvideo_pg #nav #family a{background:url(../images/nav/nav_family_o.jpg) no-repeat} #nav #youth a {width:70px; height:26px; background:url(../images/nav/nav_youth.jpg) no-repeat; display:block;} #nav #youth a:hover, #nav #youth a:active {background:url(../images/nav/nav_youth_o.jpg) no-repeat; display:block} #youth_pg #nav #youth a {background:url(../images/nav/nav_youth_o.jpg) no-repeat} #nav #guestevents a {width:118px; height:26px; background:url(../images/nav/nav_guestevents.jpg) no-repeat; display:block;} #nav #guestevents a:hover, #nav #guestevents a:active{background:url(../images/nav/nav_guestevents_o.jpg) no-repeat; display:block} #guestevents_pg #nav #guestevents a {background:url(../images/nav/nav_guestevents_o.jpg) no-repeat} #guestevents2_pg #nav #guestevents a {background:url(../images/nav/nav_guestevents_o.jpg) no-repeat} #nav #about a {width:70px; height:26px; background:url(../images/nav/nav_about.jpg) no-repeat; display:block;} #nav #about a:hover, #nav #about a:active {background:url(../images/nav/nav_about_o.jpg) no-repeat; display:block} #about_pg #nav #about a {background:url(../images/nav/nav_about_o.jpg) no-repeat} #photos_pg #nav #about a {background:url(../images/nav/nav_about_o.jpg) no-repeat} #nav #home a {width:69px; height:26px; background:url(../images/nav/nav_home.jpg) no-repeat; display:block;} #nav #home a:hover, #nav #home a:active {background:url(../images/nav/nav_home_o.jpg) no-repeat; display:block} #home_pg #nav #home a {background:url(../images/nav/nav_home_o.jpg) no-repeat} */ /* Navigation Secondary (nav sub) --------------------------------------------------*/ #nav_sub {position:absolute; left:2px; top:138px; z-index:500; width:170px; background:url(../images/bkg_subnav.jpg) no-repeat; height:520px; text-align:center;} #nav_sub ul {margin:20px 10px;} #nav_sub ul li {height:33px; width:144px; margin:0px; padding:7px 0px 5px 0px; background:url(../images/bkg_btn.gif) no-repeat;} #nav_sub ul li a:link, #nav_sub ul li a:visited, #nav_sub ul li a:active {height:33px; width:164px; padding:10px 10px 13px 10px; color:#563e23; text-decoration:none;} #nav_sub ul li a:hover {height:33px; width:164px; color:#b9aa93;} #nav_sub span {height:33px; width:144px; margin:0px; padding:5px 0px 10px 0px; background:url(../images/bkg_btn_sm.gif) no-repeat; margin:0px;} #nav_sub span a:visited, #nav_sub span a:link, #nav_sub span a:active {height:33px; width:164px; padding:10px 5px 13px 5px; color:#563e23; text-decoration:none; font-size:11px;} #nav_sub span a:hover {height:33px; width:164px; color:#b9aa93; font-size:11px;} #nav_sub h3 {font-size:18px; font-weight:normal; font-style:normal; color:#000; margin:5px 0px 10px 0px;} /* Page Header --------------------------------------------------*/ #pg_header {position:absolute; width:710px; padding:0px 50px 0px 0px; top:0px; right:0px; z-index:100; background:#563e23; height:43px;} #pg_header h1 {color:#412200; font-size:22px; font-weight:normal; float:right; margin:25px 15px 0px 0px;} #pg_header img {float:right; margin:0px;} #content_homeholder #flashcontent img{float:left; border:none; padding:0px; margin:0px;} /* Content --------------------------------------------------*/ #content {width:555px; position:relative; z-index:500; left:160px; padding:15px 0px 10px 20px; margin:0px;} #holder {position:relative; z-index:100; min-height:520px; padding:30px 15px 10px 15px; margin:0px; background:url(../images/bkg_content.jpg) repeat-y;} #content img {border:none;} #content_homeholder {width:758px; position:relative; z-index:100; padding:16px 0px 10px 0px; margin:0px; background:none;} #content_homeholder h1 {font-size:19px; color:#59955C; font-weight:normal; margin:0px 0px 5px 0px;} #content_homeholder h2 {font-size:12px; font-weight:bold; color:#412200; margin:0px; padding:10px 0px 0px 0px;} #content_home {margin: 5px 0px 0px 0px; height: 175px; padding:5px 10px 10px 10px;} #content_home #left {width:68%; padding:0px 15px 0px 0px; float:left; border-right:2px solid #6d5537;} #content_home #right {width:26%; padding:0px 0px 0px 15px; float:left;} #content_home a:link, #content_home h3 a:link, #content_home h3 a:visited, #content_home h4 a:link, #content_home h4 a:visited{color:#ffffff; font-weight:bold;} #content_home h3 a:hover, #content_home h4 a:hover{color:#c1aa85; text-decoration: none} #content_home h3 {font-size:11px; color:#C1AA85; font-style:normal; font-weight:normal; line-height:14px;} #content_home h4 {font-size:11px; color:#C1AA85; font-weight:normal; font-weight:normal; line-height:14px;} cite {font-style:normal; color:#6b5437; font-size:10px; margin: 5px 0 10px 0;} cite a:link, cite a:visited{color:#6b5437;} cite a:hover{color:#6b5437;} /* Camp Bottom Buttons --------------------------------------------------*/ #camp_btns blockquote {width:175px; float:left; padding:10px 10px 0px 0px;} #camp_btns blockquote img{float:left;} #camp_btns blockquote .border{border-right:2px solid #cab388; border-left:2px solid #cab388; margin:0px 5px;} #camp_btns blockquote .img_border{border:1px solid #563e23; margin:5px 0px;} #camp_btns blockquote p {width:165px;} /* Facilities Bottom Buttons --------------------------------------------------*/ #facilities_btns blockquote {width:175px; float:left; padding:10px 10px 0px 0px;} #facilities_btns blockquote img{float:left;} #facilities_btns blockquote .border{border-right:2px solid #cab388; border-left:2px solid #cab388; margin:0px 5px;} #facilities_btns blockquote .img_border{border:1px solid #563e23; margin:5px 0px;} #facilities_btns blockquote p {width:165px;} /* Speicifc Page Styles --------------------------------------------------*/ #directions_pg #holder #content ul, #womens_pg #holder #content ul, #family_pg #holder #content ul{list-style:square; margin:5px;} #directions_pg #holder #content ul li, #womens_pg #holder #content ul li, #family_pg #holder #content ul li{list-style:square; margin:5px 0px 5px 15px;} #photos_pg #holder #content img {margin:5px; border:1px solid #563e23;} #audio td {border-top:1px solid #cab388;} #audio th {font-size:18px; color:#563e23;} /* IE6 height fix --------------------------------------------------*/ *html #photos_pg #holder, *html #about_pg #holder, *html #familyvideo_pg #holder, *html #guestevents2_pg #holder{position:relative; z-index:100; height:520px; padding:30px 15px 10px 15px; margin:0px; background:url(../images/bkg_content.jpg) repeat-y;} /* Text Formatting --------------------------------------------------*/ h1 {font-size:18px; color:#563e23; font-weight:normal; margin:20px 0px 5px 0px;} h2 {font-size:14px; color:#000; font-weight:bold; margin:15px 0px 0px 0px;} h3 {font-size:14px; color:#114f1c; font-style:italic; font-weight:bold; margin:5px 0px 0px 0px;} h4 {font-size:12px; color:#563e23; font-weight:bold; margin:5px 0px;} h5 {font-size:12px; color:#563e23; font-weight:bold;} h6 {font-size:14px; color:#563e23; font-weight:bold;} p {margin: 5px 0px 10px 0px;} .quote {text-align:center;} .small {font-size:10px;} .black {color:#000;} .brown {color:#412200;} .nobr {white-space: nowrap;} .clear {clear:both;} .clear_left {clear:right;} .left_percent {float:left; width:45%; margin-right: 20px} .right_percent {float:left; width:45%;} #column2 {width:530px; margin:0px auto; clear:both;} .required {color:#FF0000;} .img_margin1 {margin:10px 0px; text-align:center;} .img_float {float:left; margin:5px 15px 5px 0px; border:1px solid #563e23;} .img_float_right {float:right; margin:5px 0px 5px 15px; border:1px solid #563e23;} .img_float2 {float:left; margin:5px 10px 0px 0px; border:1px solid #563e23;} a:link, a:visited {color:#c1aa85; font-weight: bold} a:hover {color:#c1aa85; text-decoration: none} /* Site Info --------------------------------------------------*/ #site_info {width:758px; clear:both; margin:0px auto; padding:25px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#c1aa85; background:url(../images/bkg_content_btm.jpg) top center no-repeat;} #site_info cite {font-style:normal; padding:0px; margin:0px; font-size:11px; line-height:18px;} #site_info a:link, #site_info a:visited {color:#c1aa85; font-weight:normal; font-size:11px;} #site_info a:hover, #site_info a:active {color:#c1aa85;}