body {margin: 0; padding: 0; text-align: center; font: 12px Arial, Helvetica, sans-serif; background: #333 url(../images/wood_bg.jpg) repeat-y fixed center top; color: #362f2d;}
form {margin: 0; padding: 0;}
img {border: 0;}
a:focus {outline: none;}
a {color: #362f2d;}
a:hover {text-decoration: underline;}
td, th {vertical-align: top;}
h1, h2, h3, h4, h5, h6 {color: #003b2a; font-family: "Myriad Pro", Myriad, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2 {text-transform: uppercase;}
h1 {font-size: 25px; margin: 14px 0 18px 0; color: #725f3e; line-height: 28px;}
h2 {font-size: 18px; margin: 11px 0; line-height: 20px;}
h3 {font-size: 14px; margin: 5px 0; line-height: 16px;}
h2 a, h3 a, h4 a, h5 a, h6 a {color: #003b2a;}
.clear {clear: both;}
#wrapper-outer {margin: 12px auto; position: relative; width: 957px;}
/* body#index #wrapper-outer {visibility:hidden;} */
#wrapper {text-align: left; margin: 0 auto; width: 918px; min-height: 842px;}
#top-corners {height: 7px; background: url(../images/top-corners.png) no-repeat;}
#wrapper-inner {min-height: 825px; background: #c4c3ae url(../images/content-bg.jpg) repeat-x; position: relative;}
#bottom-corners {height: 10px; background: url(../images/bottom-corners.png) no-repeat;}

#header {position: absolute; top: 0; left: 0; height: 124px; width: 918px; z-index: 50;}
#logo {position: relative; top: 14px; left: 9px; z-index: 50;}
#addr {position: absolute; top: 28px; left: 250px; font: bold 11px "Myriad Pro", Myriad, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #725f3e; line-height: 15px; padding-left: 9px; background: url(../images/addr-bg.gif) no-repeat 0 50%;}
#addr a {color: #725f3e;}
#search-form {width: 244px; position: absolute; top: 5px; right: 18px;}
#search-form div {border: 1px solid #d7d7d7; background-color: #fff; width: 236px; padding: 4px;}
#search-form input {background: none; border: none; font: 11px "Myriad Pro", Myriad, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; width: 228px;} 
#social {position: absolute; right: 18px; top: 46px;}
#social img {margin-left: 4px;}

#top-nav {height: 52px; position: absolute; bottom: 0; right: -23px; background: url(../images/nav-overhang.png) no-repeat right top; z-index: 50; font: 11px Arial, Helvetica, sans-serif;}
#top-nav a {color: #fff; z-index: 50; position: relative;}
#top-nav ul {list-style: none; margin: 6px 34px 0 0; padding: 0; z-index: 50; position: relative;}
#top-nav li {float: left; margin: 0; padding: 0; z-index: 50;}
#top-nav li ul {margin: 0; position: absolute; top: 38px; left: -9999%; z-index: 49; background-color: #003b2a; padding-top: 3px;}
#top-nav li li {padding: 8px 0 8px 8px; z-index: 49; position: relative;}
#top-nav li li a {border-right: 1px solid #fff; padding-right: 8px; position: relative; z-index: 49;}
#top-nav li a.last {border: none;}
#top-nav li.hover ul {left: auto;}
#top-nav li.hover.first ul {left: 5px;}
/* #top-nav li.hover.last ul {right: 5px;} */

.content {line-height: 16px;}
#content-wrapper {padding-top: 82px; position: relative;}
#content-wrapper-interior {background: url(../images/interior-content-bg.png) repeat-y; min-height: 690px;}
#content-wrapper-one-column {min-height: 690px;}
#content-wrapper-one-column #breadcrumb {position: absolute; top: 132px; left: 228px;}
#content-shadow {width: 9px; position: absolute; top: 82px; left: 201px; background: url(../images/left-shadow.png) repeat-y; z-index: 2;}
#primary-content {float: right; width: 707px; padding-top: 50px;}
#primary-content-interior {padding-left: 18px;}
#primary-content-left-wheaderimg {width: 508px;}
#primary-content-left-wheaderimg #print {display: block; position: relative; left: 430px; width: 50px;}
#primary-content-left-noheaderimg {position: relative;}
#primary-content-left-noheaderimg #print {position: absolute; top: 0; left: 430px; width: 50px;}
#content-header-img {background: url(../images/header-img-bg.jpg) no-repeat; height: 250px; width: 505px; position: relative;}
#content-header-img img {padding-top: 5px;}
#content-header-img-text {margin: 0; padding: 0; line-height: 25px; position: absolute; right: 15px; bottom: 18px; font: bold 25px "Myriad Pro", Myriad, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase;}
#primary-content-left-inner {width: 500px;}
#primary-content-right {width: 197px; position: absolute; right: -12px; top: 160px;}
#secondary-content {float: left; width: 211px;}
#left-nav {padding: 100px 0 0 0; text-align: right;}
#left-nav a {display: block}
#interior-quote {color: #362f2d; font: 10px bold "Myriad Pro", Myriad, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: right; margin: 15px 12px;}
#interior-quote div {font-style: italic; margin-bottom: 5px;}
#breadcrumb {color: #725f3e; font: 10px Arial, Helvetica, sans-serif; margin-bottom: 16px;}
#breadcrumb a {color: #725f3e;}

#huts-secondary {padding-top: 70px; position: relative;}
#huts-secondary #explore-huts-btn {position: absolute; top: 316px; left: 7px;}
#huts-secondary #reservation-btn {position: absolute; top: 371px; left: 7px;}

.section-heading {cursor: pointer;}
.section-heading div.section-heading-sign {width: 32px; float: left;}
.section-heading div.section-heading-text {width: 465px; margin-left: 32px;}
div.section-content {width: 500px;}
div.section-content  p {margin-top: 0;}

.staff-image {background: url(../images/staff-img-bg.jpg) no-repeat; height: 80px; width: 83px; float: left;}
.staff-image img {padding: 3px 0 0 10px;}

.blog-content h2, .news-content h2 {margin-bottom: 5px;}
.blog-previous, .blog-next, .blog-back {font-weight: bold;}
div.post-author {font-size: 11px;}
div.post-author + p {margin-top: 2px;}
.post-read-more {display: inline-block; height: 12px; width: 56px; background: url(../images/read-more.jpg) no-repeat;}
.comment-container .section-heading {font-weight: bold; margin: 5px 0;}
comment-container .section-heading span {font-weight: normal;}

.news-content .section-heading {margin-bottom: 6px;}
.news-info {font-weight: bold; text-transform: uppercase;}
div.news-info + p {margin-top: 5px;}

#calendar-right {width: 160px; margin-left: 10px;}
#miniGridNav {text-align: center; font-weight: bold;}
#tblMiniGrid {width: 160px; margin-bottom: 10px;}
#calendar-category-list {list-style: none; margin: 0; padding: 0;}
#calendar-category-list li {margin: 4px 0;}
#calendar-category-list li ul {margin-left: 10px;}
a.current-category {font-weight: bold;}

#scrapbook-wrapper {margin-top: 70px; position: relative;}
#scrapbook-photos {height: 421px; width: 918px; background: url(../images/scrapbook/scrapbook-bg.png) no-repeat; position: relative;}
#scrapbook-curl-left {height: 40px; width: 40px; position: absolute; top: 3px; left: 14px; z-index: 50; background: url(../images/scrapbook/scrapbook-curl-left.png) no-repeat;}
#scrapbook-curl-right {height: 40px; width: 40px; position: absolute; top: 3px; right: 15px; z-index: 50; background: url(../images/scrapbook/scrapbook-curl-right.png) no-repeat;}
#scrapbook-photos-left {position: absolute; top: 8px; left: 20px; height: 406px; width: 435px;}
#scrapbook-photos-right {position: absolute; top: 8px; right: 20px; height: 406px; width: 435px;}
.scrapbook-content {font: 12px Arial, Helvetica, sans-serif; color: #fff; position: absolute; bottom: -45px; width: 430; height: 35px; text-align: center;}
#scrapbook-nav {position: absolute; top: 430px; left: 412px; width: 94px; background: url(../images/scrapbook/scrapbook-nav-bg.jpg) repeat-y; text-align: center;}
#scrapbook-pg-num {margin: 5px; color: #000000; font: 12px Arial, Helvetica, sans-serif;}
#scrapbook-categories-wrapper {text-align: center; margin-top: 100px;}
#scrapbook-categories {width: 650px; margin: 0 auto;}
#scrapbook-categories td {width: 50%; text-align: left;}
#scrapbook-categories a {font: 13px Arial, Helvetica, sans-serif; color: #111111; font-weight: bold; padding: 3px;}

#scrapbook-photos-left .item-holder{ z-index: 2; position: absolute; top: 0px; left: 0px;}
#scrapbook-photos-left .item-holder.current{ z-index: 3; }
#scrapbook-photos-right .item-holder{ z-index: 2; position: absolute; top: 0px; left: 0px;}
#scrapbook-photos-right .item-holder.current{ z-index: 3; }

.quicklink-calendar {display: block; width: 197px; height: 109px; background: url(../images/quicklinks/right-calendar.png) no-repeat;}
.quicklink-calendar:hover, .quicklink-calendar:active {background-position: 0 -109px;}
.quicklink-explore {display: block; width: 197px; height: 111px; background: url(../images/quicklinks/right-explore.png) no-repeat;}
.quicklink-explore:hover, .quicklink-explore:active {background-position: 0 -111px;}
.quicklink-members {display: block; width: 197px; height: 109px; background: url(../images/quicklinks/right-members.png) no-repeat;}
.quicklink-members:hover, .quicklink-members:active {background-position: 0 -109px;}
.quicklink-plan {display: block; width: 197px; height: 111px; background: url(../images/quicklinks/right-plan.png) no-repeat;}
.quicklink-plan:hover, .quicklink-plan:active {background-position: 0 -111px;}
.quicklink-scrapbook {display: block; width: 197px; height: 109px; background: url(../images/quicklinks/right-scrapbook.png) no-repeat;}
.quicklink-scrapbook:hover, .quicklink-scrapbook:active {background-position: 0 -109px;}

form .text-input {padding: 4px; border: 1px solid #969696; width: 255px;}
.submit-btn {border: 0; margin: 0; padding: 0; background: none; position: relative; left: 210px;}
.error {color: #ff0000; font-weight: bold;}
.example-text {color: #bfbfbf;}
.tblMemberForm {width: 600px;}
.tblMemberForm th {width: 160px; text-align: right; font-weight: bold;}
.tblMemberForm th, .tblMemberForm td {padding: 4px;}
.tblMemberForm input[type="text"], .tblMemberForm textarea {padding: 4px; border: 1px solid #969696; width: 255px;}

#content-bottom {background: url(../images/content-bottom.png) no-repeat right top; height: 50px; position: relative;}
#content-bottom ul {list-style: none; margin: 0; padding: 0; position: absolute; top: 35px; right: 20px;}
#content-bottom li {float: left; padding: 0; margin: 0; color: #362f2d; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#content-bottom a {color: #362f2d; border-right: 1px solid #362f2d; padding: 0 4px;}
#content-bottom a.last {border: none;}

#footer {font: bold 10px Arial, Helvetica, sans-serif; color: #fff; margin-top: 9px; position: relative; line-height: 13px;}
#footer a {color: #fff;}
#footer-left {width: 450px; float: left; margin: 13px 0 0 20px;}
#footer-right {width: 400px; float: right; text-align: right; margin-right: 20px;}