/* Global Styles */

* { 
margin: 0;
padding: 0;
}

body {
background: #CCCCCC;
color: #5E573A;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

/* Semantic Content Styles */

h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}
h4 a {
text-decoration:none;
}
p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */

a {}
a:hover {}

/* Form Styles */

form {
margin:0px;
border:0px;
}
label {}
input {} 
input.text {}
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}

/* Layout Styles */

div#main {}

div#masterWrapper {
margin: 10px auto 0 auto; 
text-align: left; 
width: 800px;
background: transparent url(../images/BG_Main_body.jpg) top left repeat-y;
padding-top:5px;
padding-bottom:10px;
}

div#masterWrapperSecondary {
margin: 10px auto 0 auto; 
text-align: left; 
width: 800px;
background: transparent url(../images/BG_Main_body.jpg) top left repeat-y;
padding-top:5px;
padding-bottom:10px;
}

div#wrapper {
text-align: left; 
width: 780px;
height:auto;
background: url(../images/bg_main_default.jpg)  left 273px repeat-y;
border:#B5AF7D solid 1px;
margin: 10px 10px 0 10px;
}

div#wrapperSecondary {
text-align: left; 
width: 780px;
height:auto;
background: #F8F7E5 url(../images/bg_main_default.jpg) left 150px no-repeat;
border:#B5AF7D solid 1px;
margin: 10px 10px 0 10px;
}  

div#headerTop {
height: 263px;
width:780px;
max-width:780px !important;
background:  #ffd364 url(../images/bg_header.jpg) top left repeat-y;
}
/* above the navigation */
div#headerTopSecondary {
height: 128px;
width:780px;
max-width:780px !important;
background: #ffd364 url(../images/bg_header2.jpg) top left no-repeat;
}


div#headerTop h1 {}
div#headerTop h2 {
text-align: right;
font-size: 14px;
line-height: 1.4em;
color: #4b4331;
}
div#defaultHeaderWrapper {
width: 780px;
height:263px;
margin:0px;
padding:0px;
}

div#defaultLeftCol {
width:210px;
float:left;
padding-left:10px;
}
div#defaultMidCol {
width:315px;
float:left;
padding:0px 3px 0px 3px;
}

div#defaultMidCol p{
margin: 0px 5px 0px 7px;
}
div#defaultMidCol h2{
margin: 0px 5px 0px 0px;	
}
div#defaultRightCol {
width:235px;
float:left;
height:auto;
}

div#dhColLLogo{
float:left;
width:230px; 
}
div#dhColLogo h1 a {
display: block;
width: 230px;
height: 263px;
background: transparent url(../images/logo_sequoia_default.jpg) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 18px/1.4em verdana, helvetica, arial, sans-serif;
}

div#dhColLeft {
float:left;
width:175px;
margin: 2px 6px 3px 5px;
border:#FFFFFF solid 1px; 
}
div#dhColMid {
float:left;
width:175px;
margin: 2px 6px 3px 0px;
border:#FFFFFF solid 1px;
}
div#dhColRight {
float:left;
width:175px;
margin: 2px 0px 3px 0px;
border:#FFFFFF solid 1px;
}

div#secondaryHeaderWrapper {
width: 780px;
height:100px;
margin:0px;
padding:0px;
}

div#secondaryColLLogo {
width:150px;
height:128px;
float:left;
padding: 0px 0px 0px 0px;
}

div#secondaryColLeft {
float:left;
width:0px;
height:100px;
}

div#secondaryColRight {
float:left;
width:630px;
height:128px;
background: transparent url(../images/secondary_1.jpg) top left no-repeat;
}

div#headerRes {
padding: 10px 0 0 0;
}
/* form styles */
.siderestext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #837658;
}
.siderestextflat {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #837658;
}
.resobjects1ptpad {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #837658;
background-color: #F2F2F2; 
margin: 2px 1px 2px 1px;
font-weight: bold;
}
.resobjects1ptpadflat {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #837658;
background-color: #F2F2F2; 
margin: 0 1px 0 1px;
font-weight: bold
}
.resBack {
background: #ffe79f;
border: 1px solid #837658;
padding: 3px;
}
.resButton {
font-size: 12px;
height: 20px;
}

div#header {
/* width: 770px;
height: 180px;
background: transparent url(../images/splash_sample_01.jpg) top left no-repeat; */
}
div#headerNav {
width: 780px;
height: 33px;
border-top: 1px solid #333366;
border-bottom: 1px solid #333366;
background: #951323;
}

div#colOne {
float: left;
width: 200px;
}

div#colTwo {
float: right;
width: 578px;
height: 400px;
min-height: 400px;
}

html>body div#colTwo {
height: auto;
}

div#styleBox {
width: 180px;
margin: 24px 0 0 0;
background: #d2dde7;
border-bottom: 1px solid #bcbcbc;
}
div#styleBox h3 {
line-height: 1.4em; 
padding: 2px 0 0 8px;
font-family: arial, verdana;
font-size: 14px;
color: #ffffff;
background: #8ab0d4;
}
div#styleBox form {
color: #4b4b4b;
padding: 4px;
}
div#styleBox p {
font-size: 12px; 
line-height: 1.3em;
padding: 3px 5px 1px 5px;
color: #4b4b4b;
}

/* Content Area Styles */

div#content {
margin: 10px 10px 20px 15px;
}

div#content p, div#content li {
font-size: 12px; 
line-height: 1.3em;
}

body.default div#content {
margin: 14px 0px 20px 0px;
}
body.default div#content p {
font-size: 13px;
}
div#content p {
padding: 5px 5px 5px 0;
}
div#content ul, div#content ol { 
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
div#content li {
padding: 0 0 5px 0;
}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
line-height: 1.3em; 
padding: 5px 5px 5px 0;
}

div#content h1 {font-size: 16px;}
div#content h2 {font-size: 15px;}
div#content h3 {font-size: 14px;}
div#content h4 {font-size: 12px;}
div#content h5 {font-size: 11px;}
div#content h6 {font-size: 10px;}

div#content a {
color: #333333;

}
div#content a:hover {
text-decoration: underline;
color: #993300;
}

div#footerWrapper {
margin: 0 0 0 0; 
width: 798px;
height: 30px;

}

div#footer {
height: 30px;
width:780px;
max-width:780px;
background: #951323;
margin: 0px 10px 0 10px;
border-bottom: #B5AF7D solid 1px;
border-left: #B5AF7D solid 1px;
border-right: #B5AF7D solid 1px;
}
div#footer h4 {
float: right;
text-align: right;
color: #ffffff;
padding: 5px 10px 0 0;
font-weight: normal;
}
div#footer p {
text-align: left;
color: #837658;
padding: 0 0 0 10px;
}
div#footer a {}
div#footer a:hover {}

/* Navigation Styles */

div#nav {
padding: 0px 0px 0px 25px;
}
div#nav ul {
list-style: none;
text-align: center;
padding: 0px 0 2px 0;
}
div#nav ul li {
display: block;
float: left;
}
div#nav ul li a {
font-size: 14px;
color: #ffffff;
text-decoration: none;
padding: 5px 12px 4px 14px;
line-height: 1.8em;
border-right: 1px solid #a29882;
font-family: Geneva, Arial, Helvetica, sans-serif;
display:block;
}
div#nav ul li.slast a {
border-right: none;
padding-right: 0;
}
div#nav ul li a:hover {
background: #a29882;
color: #663300;
}

div#nav ul li a:hover,
div#nav ul li:hover a,
div#nav ul li.sfhover a,
div#nav ul li:hover ul li a,
div#nav ul li.sfhover ul li a {
color: #663300;

}

div#nav ul ul {
	padding: 0;
	position: absolute;
	margin-left: 14px;
	left: -9999px;
	width: 150px;
	z-index: 100;
	border: 1px solid #5e7224;
	background-color: #CCCC99;
}

div#nav ul ul ul {
margin: -1.9em 0 0 148px;
}
div#nav ul ul li {
display: inline;
float: none;
margin: 0;
}
div#nav ul ul li a {
display: block;
padding: 5px;
width: 140px !important;
width: 150px;
color: #000000;
}
div#nav ul ul li a:hover,
div#nav ul ul li:hover a:hover {
background-color: #d0b188;
color: #000000;
}

div#nav li:hover ul ul,
div#nav li.sfhover ul ul,
div#nav li:hover ul ul ul,
div#nav li.sfhover ul ul ul,
div#nav li:hover ul ul ul ul,
div#nav li.sfhover ul ul ul ul {
left: -9999px;
}

div#nav li:hover ul,
div#nav li.sfhover ul {
left: auto;
}

div#nav li:hover ul,
div#nav li.sfhover ul,
div#nav li li:hover ul,
div#nav li li.sfhover ul,
div#nav li li li:hover ul,
div#nav li li li.sfhover ul,
div#nav li li li li:hover ul,
div#nav li li li li.sfhover ul {
left: auto;
}
div#nav h3 {
line-height: 1.4em; 
padding: 2px 0 0 8px;
font-family: arial, verdana;
font-size: 14px;
color: #ffffff;
}

.resortinfo a:hover, 
body.resortinfoOn li.resortinfoOn a,
body.drivingDirections li.resortinfoOn a,
body.amenities li.resortinfoOn a,
body.policies li.resortinfoOn a
{
background: #a29882;
color: #ffffff;
}
.area a:hover, body.areaOn li.areaOn a {
background: #a29882;
color: #ffffff;
}
.camp a:hover, body.campOn li.campOn a {
background: #a29882;
color: #ffffff;
}

body.rentalOn li.rentalOn a {
background: #a29882;
color: #ffffff;
}
.eventsNav a:hover, body.mapOn li.mapOn a {
background: #a29882;
color: #ffffff;
}
.gallery a:hover, body.galleryOn li.galleryOn a {
background: #a29882;
color: #ffffff;
}
.profiles a:hover, body.profilesOn li.profilesOn a,
body.proDetails li.profilesOn a
 {
background: #a29882;
color: #ffffff;
}

.drivingDirections a:hover, body.directionOn li.directionOn a {
background: #a29882;
color: #ffffff;
}
div#footerNav {
padding: 10px 0 6px 0;
width:780px;

}
div#footerNav ul {
list-style: none; 
text-align: left;
}
div#footerNav ul li {
display: inline;
color: #ffffff; 
}
div#footerNav li a {
color: #ffffff;
text-decoration: none;
padding: 0 10px 0 10px;
}
div#footerNav a:hover {
text-decoration: underline; 
}

/* Common Styles */

.powered {text-align: left; padding: 18px 10px 10px 25px;}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.imagePadLeft {padding: 0 0 0 10px;}
.imagePadRight {padding: 0 10px 0 0;}

.topVisible {}
.sideVisible {
display: none;
}
/* Reservation Box Styles */

div#reservationBox {
float: right;
width: 225px;
z-index: 2;
background: #DFDAAA;
padding:0px 0px 10px 10px;
margin:0px 0px 15px 0px;
}
div#reservationBoxLight {
float: right;
width: 240px;
height: 200px;
z-index: 2;
background: transparent url(/acc64_cl266/images/discover_spa_01.gif) no-repeat;
background-position: center 20px;
}

body.default div#reservationBox p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #5E573A;
}

div#reservationBox h3 {
text-align: center;
font-family: arial, verdana;
font-size: 16px;
color: #333333;
padding: 20px 0 12px 0;
}

div#reservationBox h6 {
text-align: center;
}

div#reservationBox input {
font-size: 15px;
} 

/* Guest Comment Box Styles */

div#guestCommentBox {
width:230px;
padding-top:15px;
margin:15px 0px 0px 0px;
}

div#guestCommentBox p {
padding: 0px 2px 1px 3px;
}
div#guestCommentBox h2 a:link{
display:inline;
padding: 0px 0px 0px 3px;
text-decoration:none;
}


div#secondaryreservationBox {
width: 220px;
float:right;
height:115px;
margin:9px 10px 0px 10px;
padding-left:10px;
background:#FFFFFF;
filter: alpha(opacity=65);
 -moz-opacity:0.65;
    opacity: 0.65;
}
body.default div#secondaryreservationBox p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #5E573A;
}

div#secondaryreservationBox h3 {
text-align: center;
font-family: arial, verdana;
font-size: 16px;
color: #333333;
padding: 20px 0 12px 0;
}

div#secondaryreservationBox h6 {
text-align: center;
}

div#secondaryreservationBox input {
font-size: 15px;
} 

/* Guest Comment Box Styles */

div#guestCommentBox {
width:230px;
padding-top:15px;
}

div#guestCommentBox p {
padding: 0px 2px 1px 3px;
}
div#guestCommentBox h2 a:link{
display:inline;
padding: 0px 0px 0px 3px;
text-decoration:none;
}


div#newsletterButton {
width:200px;
padding-top:15px;
margin-left:0px;
}

body.gallery p {
font-size:14px;
}

/* styles for Featured Inp Default  */

div#defaultInp {
padding-left: 10px !important;
padding-right: 0px;
margin: 0 10px 0 0px;
z-index: 2;
float: left;
width: 260px;
border: 1px solid #915e4b;
}

div#defaultInp h2 a:link {
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 16px;
color: #666633;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration:none;

}

div#defaultInp p a:link {
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 12px;
color: #666633;
font-weight:500;
text-decoration:none;
}
div#defaultInp p a:hover {
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 12px;
color: #CC0000;
font-weight:500;
text-decoration:underline;
}

div#defaultInp p a:visited {
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 12px;
color: #666633;
text-decoration:underline;
font-weight:500;
}

div#defaultInp h6 {
text-align: center;
padding-top: 8px;
}

div#defaultInp h4 {
padding-top: 10px;
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 12px;
color: #666633;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
div#defaultInp h6 {
text-align: center;
padding-top: 8px;
}
div#defaultInp input {
font-size: 15px;
} 
.sInpRight
{
margin-right: 10px;
float:right;
}

div#inpCategoryWrapper h1{
padding-left:1px;
font-size:14px;
color: #666633;
}
div#inpCategoryWrapper dt a{
padding-left:1px;
text-decoration:none;
font-weight:bold;
color: #666633;
font-variant:small-caps;

}
div#inpCategoryWrapper dd a {
padding-left:10px;
text-decoration:none;
color: #666633;
}
div#inpCategoryWrapper dd {
margin-bottom:15px;
}

div#inpCategoryWrapper dl {
margin-bottom:1px;}

.profileListWrapper {
min-height:130px !important;
border-bottom:solid 1px #CCCCCC;
padding-bottom:5px;
margin:0px 0px 5px 0px;
}
.profileListWrapper h4 a{
text-decoration:none;
}
.profileWrapper p,		
.profileListWrapper p {
font-size:.90em;
}

.profileWrapper p.narrative {
font-size:1.1em;
}
.profileImage {
		float:right;
		width:125px;
		height:125px;
		margin:0px 0px 0px 10px;
		
		}