/* Global Styles */

* { 
margin: 0;
padding: 0;
}

body {
background: url(../Images/stripe_side.jpg);
color: #5E573A;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
}

/* 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;}

p {font-size: 12px;}

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

dl {
padding-bottom:5px;}
dt {
padding-left:10px;
font-weight:bold;
}
dd { padding-left:25px;}

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 */
.imgRight {
	float:right;
	margin:10px 0px 10px 10px;
}

.imgLeft {
	float:left;
	margin:10px 10px 10px 0px;
}
div#main {
padding:0px;
margin:0px;
height:auto;
background:#ffffff;
width:869px;
}
div#mainTwoCol {
background:#ffffff;
width: 869px;
padding:0px;
margin:0px;
height:auto;
}
div#masterWrapper {
margin: 10px auto 0 auto; 
text-align: left; 
width: 870px;
padding-top:5px;
padding-bottom:0px;
}

div#masterWrapperSecondary {
margin: 10px auto 0 auto; 
text-align: left; 
width: 870px;
padding-top:5px;
padding-bottom:10px;
}

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

div#wrapperSecondary {
width: 870px;
height:auto;
background: #ffffff;
border:#B5AF7D solid 1px;
margin: 10px 10px 0px 10px;
}  

div#headerTop {
height: 224px;
width:870px;
max-width:870px !important;
background:  #ffd364 url(../images/header_r2_c1.jpg) top left repeat-y;
}
/* above the navigation */
div#headerTopSecondary 
{
height: 150px;
width:870px;
max-width:870px !important;
background: #ffd364 url(../images/73068563.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: 870px;
height:224px;
margin:0px;
padding:0px;
background: url(../images/Default_header_slice.jpg) top left;
}

div#defaultLeftCol {
width:240px;
float:left;
padding:0px 0px 0px 0px;
margin:none;
background:#1C77D4;
height:auto;
border:none;
}

div#defaultLeftCol img {
padding-bottom:10px;
}
div#defaultMidCol {
width:389px;
min-height:348px !important;
float:left;
background:#FFFFFF;
}

div#defaultMidCol p{
margin: 0px 2px 0px 7px;
}
div#defaultMidCol h1{
margin: 5px 2px 0px 7px;
padding-bottom:0px;
color:#1C77D4;
}
div#defaultRightCol {
width:195px;
float:left;
height:auto;
background:#FFFFFF;
}

div#dhColLLogo{
float:left;
width:207px;
height: 224px;
background: transparent url(/images/default_header_1.jpg) top left no-repeat; 
}
div#dhColLogo h1 a {
display: block;
width: 207px;
height: 224px;
background: transparent url(/images/default_header_1.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:236px;
height: 224px;
background: transparent url(/images/default_header_2.jpg) top left no-repeat;
}
div#dhColMid {
float:left;
width:309px;
height: 224px;
background: transparent url(/images/default_header_right.jpg) top left no-repeat;
}
div#dhColRight {
float:left;
width:121px;
height: 224px;
background: transparent url(/images/default_header_4.jpg) top left no-repeat;
}
div#dhLogoFloat {
	position: absolute;
	width: 250px;
	height: 150px;
	background: transparent url(/images/PalmPavilionLogoColor.gif) top left no-repeat;
	left: 604px;
	top: 78px;
}
div#secondaryHeaderWrapper {
width: 870px;
height:150px;
min-height:150px;
margin:0px;
padding:0px;
}

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

div#secondaryColLeft {
float:left;
width: 625px;
padding: 5px 0px 0px 10px;
}


div#secondaryColRight {
float: left;
width: 225px;
height: 300px;
min-height: 200px;
margin: 10px 0px 0px 0px;
padding-left: 5px;
}

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: 870px;
height: 29px;
border-top: 1px solid #333366;
border-bottom: 1px solid #333366;
}

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 20px;
padding:0px;
background:#FFFFFF;
min-height:300px !important;
height:auto;
}

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

body.default div#content {
padding-right:1px;
margin: 0px 0px 1px 0px;
background:#FFFFFF;
}
body.default div#content p {
font-size: 13px;
}
div#content p {
padding: 5px 5px 5px 0;
font-size:14px;
}
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;
}

body.menu div#secondaryColLeft {
width: 600px;
}
body.menu div#secondaryColLeft p {
font-size: 13px;
margin: 0px 0px 10px 0px;
}
body.menu div#secondaryColLeft dl {
padding-bottom:5px;
}
body.menu div#secondaryColLeft dt {
padding-left:10px;
font-weight:bold;
}
body.menu div#secondaryColLeft dd {
padding-left:25px;
}


/* Navigation Styles */
div#navCol {
padding:0px 0px 0px 0px;
float:left;
margin:0px 0px 5px 0px;
height: auto;

}
div#topNav {
width:870px;
height: 30px;
background: transparent url(../images/nav_back.jpg) no-repeat;
border-bottom:#003366 solid 1px;
}
div#topNav ul {
width: 100%;
padding: 2px 0 0 0; 
list-style: none;
}
div#topNav ul li {
display: block;
float: left;
margin: 0px 4px 0px 5px;
border-right: 1px solid #1C77D4;
padding-right: 4px;
}

div#topNav ul li.sfirst {
margin-left: 20px !important; 
margin-left: 10px;
}
div#topNav ul li.slast {
border-right: 0px;
}

div#topNav ul li a {
display: block;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #1C77D4;
font-weight: bold; 
text-decoration: none;
margin: 5px 0px 0px 0px;
}

/* "currently on" and "hover" states */

div#topNav ul li:hover a,
div#topNav ul li.sfhover a
{
color: #CC0000;
}
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #CC0000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

div#topNav ul ul {
padding: 0px;
margin:0px;
position: absolute;
left: -9999px;
width: 149px;
z-index: 100;
filter: alpha(opacity=85);
 -moz-opacity:0.85;
    opacity: 0.85;
background-color: #ffffff;
}

div#topNav ul ul li {
float: none; 
padding:0px;
margin:0px;
width: 151px;
border-bottom:#CCCCCC dotted 1px;
border-right:none;
background-color: #ffffff;
}
div#topNav ul ul li a {
display: block;
color: #1C77D4;
line-height:20px;
padding: 3px 0px 3px 6px;
margin: 0px 0px 0px 0px;
width: 145px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.15em;
}
div#topNav ul li a:hover {
color: #1D2149; 
}

div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
color: #ffffff;
background:#1D2149;

}

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

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

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


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

}

div#footer {
height: 30px;
width:870px;
max-width:870px;
background: #951323;
margin: 0px 10px 0px 10px;
border-bottom: #B5AF7D solid 1px;
border-left: #B5AF7D solid 1px;
border-right: #B5AF7D solid 1px;
border-top: none;
}
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 {}
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 { float:left; width:130px;}

.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 {
width: 230px;
z-index: 2;
background: #1C77D4;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 10px;
filter: alpha(opacity=85);
 -moz-opacity:0.85;
    opacity: 0.85;

}
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: #ffffff;
}

div#reservationBox h3 {
text-align: center;
font-family: arial, verdana;
font-size: 16px;
color: #ffffff;
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;
}

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:230px;
padding-top:15px;
}
#LinkBack a {
	color:#999;
	text-decoration:none;
}
body.gallery p {
font-size:14px;
}
#tripAdvisorWrapperInterior {
	width:468px;
	margin:15px auto 15px auto;	
}
#tripAdvisorWrapper ul {
	list-style:none;	
}