/* Hide from IE-Mac \*/ 
* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


/*global base tags*/
body 
{
margin:0px;
text-align:center;
padding:0px;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
color: #785724;
background: url(images/bg.jpg) top left repeat-x;
background-color: #C9A78F;
}
#container
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 740px;
padding-right: 0px;
background-color: #F8F3D5;
}
#blockcontainer
{
/*margin-left: auto;
margin-right: auto;*/
position:relative;
background:  url(images/layout_for_photochop_10.gif) repeat-y;
width:740px;
padding:0;
height: 100%;
padding-bottom: 40px;
}
#insiteblockcontainer
{
/*margin-left: auto;
margin-right: auto;*/
position:relative;
background:  url(images/layout_for_photochop_10.gif) repeat-y;
width:740px;
padding:0;
height: 100%;
padding-bottom: 0px;
}
#insiteblockcontainer2
{
/*margin-left: auto;
margin-right: auto;*/
position:relative;
background-color: #F8F3D5;
width:740px;
padding:0;
height: 100%;
padding-bottom: 0px;
}
#header1
{
height:82px;
width:740px;
background:  url(images/layout_for_photochop_01.jpg) no-repeat;
background-position: left top;
padding:0;
position: relative;
left: 0;
}
#header1 p, h1, h2, h3, h4
{
display:none;
}
p.indent
{
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
span.inheader2
{
font-size: 1.2em;
font-weight: bold;
}
span.inheader2red
{
font-size: 1.2em;
font-weight: bold;
color:#990000;
}
#header2
{
height:39px;
width:740px;
background:  url(images/layout_for_photochop_02.jpg) no-repeat;
background-position: left top;
padding:0;
position: relative;
}
p 
{
margin: 0;
font-size: 0.8em;
padding: 0px;
}
#insiteleft img
{
padding-left: 3px;
padding-right: 3px;
}
#insiteleft img.thumb
{
padding: 0px;
border: 1px solid black;
}
span.inheader
{
font-size: 1.5em;
font-weight: bold;
}
#insiteleft h4
{
margin-top: 0px;
display: block;
font-size: 1.5em;
font-weight: bold;
}
span.inheaderred
{
font-size: 1.5em;
font-weight: bold;
color:#990000;
}
p.centertext
{
text-align: center;
}
p.justified
{
text-align: justify;
}
p.justifiedred
{
text-align: justify;
color:#990000;
}
span.italic
{
font-style: italic;
overflow: visible;
width: 100%;
display: block;
}
span.italic2
{
font-style: italic;
}
span.bold
{
font-weight: bold;
}
span.left
{
text-align: left;
}
a
{
text-decoration: underline;
color: #785724;
}

#insiteleft table 
{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
width: 460px;
font-size: 0.9em;
color: #FFF;
font-weight: bold;
}
#insiteleft tr.productheader
{
background-color: #45351E;
font-size: 1.1em;
}
#insiteleft td.link
{
background-color: #E39D48;
border-color: #C55527;
border-width: 1px 1px 1px 1px;
border-style: solid;
display: block;
width: 215px;
}
#insiteleft tr.light
{
background-color: #AB7D32;
}
#insiteleft tr.dark
{
background-color: #743F0B;
}
#insiteleft td
{
padding: 4px 4px 4px 4px;
}
#insiteleft td.dates
{
width: 90px;
}
#weatherholder
{
margin-left: 15px;
}
#homepageimage1
{
height:176px;
width:740px;
background:  url(images/ssm_banner.jpg) no-repeat;
background-position: left top;
padding:0;
position: relative;
top: 40px;
z-index: 1;
}
#homepageimage2
{
height:86px;
width:740px;
background:  url(images/layout_for_photochop_05.jpg) no-repeat;
background-position: left top;
padding:0;
position: relative;
top: 40px;
z-index: 1;
}
#homepageleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
float: left;
background:  url(images/lefthead_welcome.gif) no-repeat;
background-color: #AB7D32;
}
#ratesleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/rateshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#contactleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/contactushead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#reservationleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/reservationhead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#summerleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/summeractivitieshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#winterleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/winteractivitieshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#directionsleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/directionshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#localepicsleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/localepicshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#suitepicsleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/suitepicshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#fullsuitepicshead	
{
position: relative;
top: 40px;
width: 740px;
height: 45px;
background:  url(images/fullsuitepicshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#fullareapicshead	
{
position: relative;
top: 40px;
width: 740px;
height: 45px;
background:  url(images/fullareapicshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#suitefeaturesleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/suitefeatureshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#localefeaturesleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/localefeatureshead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#suitabilityleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/suitabilityhead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#linksleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/linkslefthead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#phototourleftheader	
{
position: relative;
top: 40px;
width: 520px;
height: 45px;
background:  url(images/phototourhead.gif) no-repeat;
background-color: #AB7D32;
z-index: 1;
}
#homepagerightheader
{
position: relative;
top: 40px;
width: 220px;
height: 45px;
float: left;
background:  url(images/righthead_info.gif) no-repeat;
background-color: #743F0B;
}
#contentrightheader
{
position: relative;
top: -5px;
left: 520px;
width: 220px;
height: 45px;
background:  url(images/righthead_info.gif) no-repeat;
background-color: #743F0B;
z-index: 1;
}
#contentleft	
{
position: relative;
top: 40px;
width: 511px;
padding: 3px 5px 15px 5px;
float: left;
}
#contentright
{
position: relative;
top: 40px;
width: 209px;
padding: 3px 5px 15px 5px;
float: left;
}
li
{
font-size: 0.8em;
}
#insiteleft	
{
position: relative;
top: 0px;
width: 511px;
padding: 3px 5px 15px 5px;
float: left;
}
#insiteright
{
position: relative;
top: 0px;
width: 209px;
padding: 3px 5px 15px 5px;
float: left;
}
#insitefull
{
position: relative;
top: 20px;
width: 730px;
padding: 10px 5px 10px 5px;
float: left;
}
#footer	
{
top: 40px;
position: relative;
/*height: 15px;*/
float: left;
padding: 5px;
width: 730px;
background-color: #743F0B;
border:0;
text-align: center;
color: #F8F3D5;	
}
#insitefooter{
top: 0px;
position: relative;
/*height: 15px;*/
float: left;
padding: 5px;
width: 730px;
background-color: #743F0B;
border:0;
text-align: center;
color: #F8F3D5;
}
#footer a, #insitefooter a
{
color: #F8F3D5;
}
div#formcontainer
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-weight: normal; 
font-size:1.0em;
}
input
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-weight: normal; 
font-size:1.0em;
background:#FFF;
}
input.btn
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-weight: bold; 
font-size:0.7em;
background:#EEE;
}
input.btnequote
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-weight: bold; 
font-size:1.0em;
background:#EEE;
}
textarea
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-weight: normal; 
font-size:1.0em;
background:#FFF;
}
span.required
{
color: #F00;
}
#menuholder{
margin-left: auto;
margin-right: auto;
position:absolute;
background-color: #45351E;
top: 121px;
width:740px;
padding:0;
height: 40px;
border-bottom: 1px solid #000;
font-weight: bold;
z-index: 1000;
text-align: center;
}
#menu {
margin-left: auto;
margin-right: auto;
width:720px; 
height:40px; 
font-size:0.85em; 
position:relative;
}
/* hack to correct IE5.5 faulty box model */
* html #menu {
width:720px; 
w\idth:720px;
}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu ul ul {
width:120px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
float:left;
width:120px;
position:relative;
}
/* style the links for the top level */
#menu a, #menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:120px; 
height:40px; 
border:0px solid #000; 
border-width:0px 0px 0px 0px; 
background:#45351E; 
padding-left:0px; 
line-height:3.4em;
}
#menu a.doubleline, #menu a:visited.doubleline {
line-height: 1.7em;
border-right: 1px solid #AB7D32;
width: 119px;
}
#menu a.barnav, #menu a:visited.barnav {
width: 119px;
border-right: 1px solid #AB7D32;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
width:120px; 
w\idth:120px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:40px;
left:0; 
width:120px;
}
/* another hack for IE5.5 */
* html #menu ul ul {
top:40px;
t\op:40px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
background:#B4925F; 
color:#000; 
height:auto;
line-height:1em; 
padding:5px 1px;
width:118px;
border-width:1px 0px 0px 0px;
}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {
width:120px;
w\idth:118px;
}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
color:#fff; 
background:#633c1c;
}
#menu :hover > a, #menu ul ul :hover > a {
color:#fff;
background:#633c1c;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{
visibility:visible; 
}

/*css hack for floating div layers*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix
{
display: block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;