/* BEGIN OF GENERAL DEFAULT STYLES FOR MAIN ELEMENTS */

body	{
margin:0px;
padding:0px;
border: none;
background-color:#261C19;
font-family:Tahoma;
font-size: 10pt;
line-height:12pt;
font-weight: 500;
color: #E8DAC1;/*
margin: 0 auto 45px auto;*/
}
/* BEGIN OF HEADER SIZES FOR IE AND FF */

* html h1 {font-size: 16pt;}
* html h2 {font-size: 14pt;}
* html h5 {font-size: 8pt;}
h1 {font-size: 16pt;}
h2 {font-size: 14pt;}
h5 {font-size: 8pt;}

.headline1 {
font-size: 14pt;
font-weight: 500;
}
.headline2 {
font-size: 13pt;
font-weight: 500;
}
.headline3 {
font-size: 10pt;
font-weight: 600;
}

/* END OF HEADER SIZES FOR IE AND FF */

td {
font-family:Tahoma;
font-size: 10pt;
line-height:14pt;
padding: 4px 0px 4px 0px;
font-weight: 500;
color:#E8DAC1;
vertical-align:top;
}

a	{
color:#E8DAC1;
font-size:11px;
text-decoration: underline;
font-weight: 500;
}

a: hover	{
color:#E8DAC1;
font-size:11px;
text-decoration: underline;
font-weight: 500;
}

/* END OF GENERAL DEFAULT STYLES FOR MAIN ELEMENTS */

/* BEGIN OF MAIN DIVS THAT CREATE THE LAYOUT */

div#shell {
margin: 0 80px 0 120px;
width: 780px;
}

/* TWO COLUMN LAYOUT WITH EXPANDABLE MAIN ZONE */
/* THE MAIN LAYOUT IS COMPRISED OF A LEFT NAV TABLE AND MAIN ZONE TABLE NESTED WITHIN THE MIDDLE ZONE TABLE */
/* BEGIN OF THREE TABLES NEEDED FOR THE MAIN LAYOUT */
/* KEEP THE MARGIN AND PADDING SET TO NULL FOR THE THREE MAIN TABLES AND DO ALL OF YOUR STYLES ELSEWHERE, THIS WILL KEEP THE FORMATTING MORE SEPARATE FROM THE GENERAL LAYOUT AND MUCH EASIER TO KEEP TRACK OF */
table#middle_content_table {
border-right:4px solid #332621;
border-left:4px solid #332621;
bottom: auto;
right: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 780px;
background: #261C19 url("../img/expandable_background.gif") left top repeat-y !important;
z-index: 0;
}
/*THE IDEA WAS TO KEEP THE MARGIN SET TO NULL, BUT IF I DON'T GIVE THIS MARGINS, I WOULD HAVE TO SET THE PADDING FOR EVERY PAGE, SO WILL MAKE AN EXCEPTION HERE. */
* html table#main_zone_table {
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
width: 538px;
}

table#main_zone_table {
margin: 0px 40px 0px 20px;
padding: 0px 0px 0px 0px;
width: 538px;
}

table#navigation_table {
background-color: #412A21;
border-collapse: collapse;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 1;
width: 170px;
}

/* END OF THREE TABLES NEEDED FOR THE MAIN LAYOUT */

/* BEGINNING OF THE NAV.TPL */

/* MOVED TO THE NAVIGATION CSS

/* END OF THE NAV.TPL */

div#footer {
clear: both;
padding-bottom: 40px;
width: 780px;
border-top: 4px solid #332621;
}
/* HEADER DECORATION START */

div#mast	{ 
height: auto;
width: 780px;
}

div#mast_background	{ 
height: 80px;
width: auto;
z-index: 1;
border-bottom: solid 1px #593A2E; 
background-image: url("../img/bg_main.gif");
background-position: left top;
background-repeat: repeat;
}

div#user_tools {
position:relative;
width: 620px;
top: 3px; left:450px;  
width: 620px;
height: 25px;
}

div#top_title {
position: relative; 
top: 0px; left: 20px;  
width: 620px;
height: 80px;
background-image: url("../img/logo.gif");
background-position: left top;
background-repeat: repeat;
z-index: 2;
}

div#top_title h1 {
margin-top: 20px; 
margin-left: 60px;  
line-height: 30pt;
font-size: 22pt;
z-index: 3;
}

div#top_title a {
text-decoration: none;
}

img#top_picture {
width: 772px;
height: 245px;
vertical-align: baseline;
z-index: 3;
}

div#top_pic {
z-index: 4;
margin-top: 80px; 
margin-left: 60px; 
border-right: 4px solid #332621;
border-left: 4px solid #332621;
border-bottom: 4px solid #332621;
border-top: none;
padding: 0px;
margin: 0px;
width: 772px;
height: 245px;
}

/* HEADER DECORATION ENDS */

/* END OF MAIN DIVS THAT CREATE THE LAYOUT */

/* BEGIN OF HOME PAGE */

* html div#homezone {
position: relative;
top: -2px; 
left: 0px;
padding-top: -80px;
/*margin-top: -20px;*/
margin-right: -34px;
width: 566;
height: 100%;
background-color: #523D33;
}


div#homezone {
position: relative;
top: -2px; 
left: 0px;
/*right margin is too narrow for FF and too wide for IE!   */
/**/
margin-right: -34px;
width: 566;
height: 100%;
background-color: #523D33;
}

* html div.tophalf { 
border-bottom: 1px solid #b78b7b; /* pinkish mauve */
margin:  0px 0px 0px 0px;
padding: 6px 20px 20px 20px;
}
div.tophalf { 
border-bottom: 1px solid #b78b7b; /* pinkish mauve */
margin:  0px 0px 0px 0px;
padding: 6px 20px 20px 20px;
}
div.bottomhalf { 
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
 }

div#leftquarter { 
position: relative;
top: 0px; 
left: 0px;
width: 220px;
height: 166px;
background-color: #2e221d;
border: none; 
padding: 10px 10px 10px 10px;   
margin: 8px 0px 0px 16px;  
}

#rightquarter { 
float: right;
background-color:#392A23;
border: none; 
width: 244px;
height: 166px;
padding: 0px 0px 0px 0px;   
margin: -166px 10px 0px 0px; 
}
/* BEGIN OF LIST OF AMENITIES IN LEFT QUARTER OF HOME PAGE */

.list_0_1 li {
background-image: url("../img/read.gif");
list-style-type: none; 
background-position: 0% 3px;
background-repeat: no-repeat;
font-size: 11px;
margin: 0px 0px 2px 0px; 
padding: 4px 0px 0px 14px;
/*
height:14px;
line-height: 8px;*/
color:#E8DAC1;
}

/* END OF LIST OF AMENITIES IN LEFT QUARTER OF HOME PAGE  */

/* END OF HOME PAGE */


/* BEGIN OF RESERVATIONS STYLES */

.res_showstate a:link { /*Definition for state toggling image */
/*cursor:hand;
cursor:pointer;
float: right;*/
text-align: center;
margin-top: 2px;
margin-left 10px;
}

.res_headers{
font-family:Tahoma;
font-size: 8pt;
line-height:14pt;
margin: 0px 0px 10px 0px;
padding: 4px 0px 4px 0px;
font-weight: 500;
color:#E8DAC1;
vertical-align:top;
}

.res_switchcontent{
padding: 4px 0px 4px 0px;
}

p.AddRoomLink  {
width: 100%;
color: white;
text-align: left;
text-decoration: underline; 
border: none; 
background-color: #261C19;
cursor:hand;
cursor:pointer;
}

/* END OF RESERVATIONS STYLES */

/* BEGIN OF ROOMS STYLES */

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor: pointer;
float: right;
text-align: left;
margin-top: 2px;
margin-right: 3px;

font-family:Tahoma;
font-size: 10pt;
line-height:12pt;
font-weight: 500;
color: #E8DAC1;
}


.switchcontent{
width: 100%;
display: none;

}
.headers{
width: 102%;
font-size: 120%;
font-weight: bold;
margin-left: -10px;
padding-right: 10px;
text-align: left; 
border-top:1px solid #593A2E; 
border-bottom:1px solid #593A2E; 
background-color:#412A21;
}

.switchcontent{
width: 100%;
/*display: none;*/

}

table.rooms td {
padding-left: 4px;
}
table.rates td {
padding-left: 00px;
}
table.rates th {
padding-left: 0px;
}
/* END OF ROOMS STYLES */

/* BEGIN OF FAQ PAGE */

table.faq td {
width: 100%;
padding: 0px 0px 0px 20px;
border: 1px solid black ;
background-color: #705C51;
}

table.faq {
width: 100%;
margin: 10px -50px 10px 0px;
}

/* END OF FAQ PAGE */

/* BEGIN OF GALLERY PAGE */
.gallery_table_border{
border: 1px solid #705C51;
} 

.gallery_bg{
padding: 9px 9px 9px 9px;
background-color: #705C51;
}
.gallery_bg image{
border-color: #E8DAC1;
}
/* END OF GALLERY PAGE */

/* STYLES FOR RATE CALENDAR */

table.rates th {
background-color: #705C51;
text-align: left;
font-family:Tahoma;
font-size: 8pt;
line-height:12pt;
font-weight: 600;
color: white;
}

table.rates {
border-collapse: collapse;
}

/* HIGHLIGHTED TEXT */

.highlighted {
font-family:Tahoma;
font-size: 8pt;
line-height:12pt;
font-weight: 500;
color:#E0AE9B;
}


/* BEGIN OF FOOTER STYLES */

.clientcopy {
font-family:Tahoma;
font-size: 8pt;
line-height:12pt;
font-weight: 500;
color: #E8DAC1; 
}

.smallcopy {
font-size: 8pt;
font-family: Arial;
color:#E0AE9B;
}

.smallcopy_alternative  {
font-size: 8pt;
font-family: Arial;
color:#FFFFFF;
}

table.copyrights {
border: none; 
width: 100%; 
text-align: center; 
border:1px solid #593A2E; 
padding: 0px 0px 0px 20px; 
background-color: #472E25;
}

/* FOOTER STYLES FROM TEMPLATES */						

.footer	{
color:#E8DAC1;
font-size:11px;
}	
.footer a	{
color:#E0AE9B;
font-size:11px;
text-decoration:none;
font-weight:600;
}
.footer a:hover	{
color:#E0AE9B;
font-size:11px;
text-decoration:underline;
font-weight:600;
}
/*
td.footer {
padding: 0px 0px 0px 0px; 
text-align: right; }
*/
/* END OF FOOTER STYLES */

/* BEGIN OF LIST STYLE USED FOR HOME, ROOMS, AND AMENITIES PAGE */

ul li.cube {
list-style-position: outside; 
list-style-type: square; 
margin-left: 0px;
margin-bottom: 10px;
font-weight: 500;
}

/* FOR THE BOLDED PART OF THE LIST, USE 
 *
 *
 *
 * *font-family:Tahoma;
font-size: 10pt;
line-height:12pt;
font-weight: 600;
color: #E8DAC1;/


/* END OF LIST STYLE USED FOR HOME, ROOMS, AND ... PAGE*/

/* BEGIN OF CONTACT US PAGE */

/*table.contactus_table {
width: 400px; 
padding: 0px;
border: none;
} 
*/
#contactus_biz_info_bg {
border:1px solid #593A2E; 
background-color:#412A21;
height: auto;
width: 220px;
font-family:Tahoma;
font-size: 8pt;
line-height: 10pt;
font-weight: 500;
color: #E8DAC1;
padding-top: auto;   
padding-left: auto;
padding-right:auto;
padding-bottom:auto;
}
#contactus_biz_info_box { 
border:1px solid #C3C9CF; 
height: auto;
margin-top: 4px;   
margin-left: 4px;
margin-right:4px;
margin-bottom:4px;
padding-top: 10px;   
padding-left: 14px;
padding-right:14px;
padding-bottom:10px;
}

* html #topBox  { 
border:1px solid #C3C9CF; 
position: absolute; 
left: 454px; top: 3px;
width: 190px; 
bottom: auto;
height: auto;
min-height: 160px;
_height: 160px;
max-height: 260px; 
padding-top: 14px;   
padding-left: 14px;
margin-top: 4px;   
margin-left: 4px;
}

* html #bottomBox {	
border:1px solid #C3C9CF; 
position: absolute; 
left: 0px; top: 166px;
height: 110px; width: 190px;
margin-top: 4px;   
margin-left: 4px;
padding-top: 10px;   
padding-left: 10px;}

.input_1	{
height:16px; width: 165px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
color:black;
}

/*END OF CONTACT US PAGE STYLES*/

/* BEGINNING OF STYLES FOR THE REFER A FRIEND PAGE */

.text_counter {
background-color:#261C19;
color:#E8DAC1;
font-size:9px;
border:0px;
vertical-align:middle;
text-align:right;
width:60px;
}

.textarea_2 {
width: 406px;
height:60px;
color:black;
}
/* END OF STYLES FOR THE REFER A FRIEND PAGE */


/* BEGIN OF RESERVATION REQUEST PAGE*/

.input_2	{
height:16px;
width: 130px;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
border:0px;
}

.input_3	{
height:16px;
width: 150px;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
border:0px;
}

.input_4	{
height:16px;
width: 300px;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
border:0px;
}

.input_full_width	{
height:16px;
width: 100%;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
border:0px;
}

table.res_form_main th {
width: 100%; 
padding: 30px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}

table.res_form_main th.no_top_pad {
width: 100%; 
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}

table.res_form_main td.main_zone_data {
width: 100%; 
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}

input.check_1 {
width: 18px;
border: none;
}

input, textarea {
font-family:Tahoma;
font-size:11px;
color:#777E85;
}	

input.Button1{
color: #333444;
background-color:#C3C9CF;
border:1px solid #878D94;
font-weight: 600;
}
input#Button2{

background-color:#C3C9CF;
border:1px solid #878D94;
}

textarea.textarea_1 {
width: 406px;
color:black;
}

/*END OF RESERVATION REQUEST PAGE STYLES */

/* BEGIN OF ROOMS AND RATES PAGE STYLES */

div.roomframe {
border: solid 1px white; 
width: 520px;
padding: 10px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}

.rooms {
border: solid 1px white; 
width: 520px;
padding: 20px 0px 20px 0px;
margin: 0px 0px 10px 0px;
}

table.roomframe {

border: solid 1px white;
width: 520px;
padding: 10px 0px 10px 15px;
margin: 0px 0px 10px 0px;
}


table.rooms {
border: solid 1px white; 
width: 520px;
padding: 20px 0px 20px 0px;
margin: 0px 0px 10px 0px;
}
table.rooms td.buttonrow {
padding: 0px 10px 0px 14px;
margin: 0px 0px 0px 0px;
text-align: left;
}

table.rooms td.roomframe {
padding: 0px 10px 0px 10px;
}

img.roompic {
margin:2px 26px 0px 0px;
float: center;
border:solid 1px white;
/*width:125;*/
}
.rightalign {
margin: 0px 0px 0px 320px; 
}


*/
img.info {
margin:4px 6px 0px 0px; 
text-align: left;
}

/* END OF ROOMS AND RATES PAGE STYLES */

/* BEGIN OF POP UP FOR ROOMS AND RATES PAGE */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
/* border: 1px solid #778;*/
border-bottom:1px solid #593A2E; 
font: bold 12px Verdana, sans-serif;


}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border:1px solid #593A2E; 
border-bottom: none;
text-decoration: underline;
background-color: #6A4B3F;
color: #E8DAC1;

}

ul.tabbernav li a:link { color: #261C19;/*color: #E8DAC1; */}
ul.tabbernav li a:visited { color: #000; }
ul.tabbernav li a:hover
{
 color: #000;
 border-color: #593A2E;
}

ul.tabbernav li.tabberactive a
{
background-color: #fff;
color: #000;
border-bottom: 1px solid #fff;
text-decoration: none;
}

ul.tabbernav li.tabberactive a:hover
{
color:White;
background: white;
border-bottom: 1px solid white;
text-decoration: underline;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border-top:0;
/*font-size:11px;

background-color:#261C19;
*/
font-family:Tahoma;
font-size: 10pt;
line-height:12pt;
font-weight: 500;
color: #E8DAC1;
/*

/*
border:1px solid #878D94;
color:#777E85;
*/
/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
/*background-color:#C3C9CF;
*/
}
.tabberlive#tab2 {

.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* BEGIN OF ROOM DETAIL TAB, POP UP PAGE */

/* BEGIN OF STYLES FOR THE ROOM DETAIL BOX */

/*How big are these popups? 600 by 340, this is given in the page calling the popups. */
#room_detail_box {
position: relative; 
top: -6px; left: -2px;
width: 590px;  
height: 300px; 
z-index: 4;
border:1px solid #593A2E; 
background-color: White;
color:Black;
}
table.room_detail_table {
position: relative; 
top: 30px; left: 6px;
}
table.room_detail_table td {
padding: 0px 0px 0px 4px; 
}
img.mainphoto_room {/* 
position: absolute; 
top: 60px; left: 0px;*/
width: 300px; height: 176px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
border: 0px 0px 0px 0px;
}

#room_text_1 {
position: relative; 
top: 0px; left: 10px;
}

/* END OF STYLES FOR THE ROOM DETAIL BOX */

/* END OF ROOM DETAIL TAB, POP UP PAGE */

/* BEGIN OF PHOTO GALLERY TAB, POP UP PAGE */

/* BEGIN OF STYLES FOR THE WIDE PICTURE BOX */

#picture_box_wides {
position: relative; 
top: -6px; left: -2px;
width: 590px;  height: 300px; 
z-index: 4;
border:1px solid #593A2E; 
background-color: White;
color:Black;
}

img.scrollwide {width: 80px; height: 52px;}

img.mainphoto_wide { 
position: absolute; 
top: 64px; left: 4px;
width: 290px; height: 174px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
border: none;
}

#gallery_text_1 {
position: relative; 
top: 40px; left: 304px;
}

#gallery_text_2 {
position: relative; 
top: 10px; left: 20px;
}
table.tictactoe td {
padding: 1px 1px 2px 1px;
/*padding: 2px 2px 3px 2px;*/
}

#photostrip_tictactoe  { 
position: absolute; 
top: 70px; left: 300px;
width: 270px; height: 180px; 
z-index: 2; 
overflow: hidden;
visibility: visible;
padding: 0px;  
margin: 0px;
border-style: none;}

#photostrip_tictactoe a { border-top: none; }
#photostrip_tictactoe a:link img  { border-style: none; }
#photostrip_tictactoe a:visited img { border-style: none; }
#photostrip_tictactoe a:active img { border-style: none; }
#photostrip_tictactoe a:hover { border: 1px solid white;  }	 

/* END OF STYLES FOR THE WIDE PICTURE BOX */

/* END OF PHOTO GALLERY TAB, POP UP PAGE */

/* END OF POP UP PAGE FOR ROOMS AND RATES PAGE */

/* BEGIN OF PHOTO GALLERY PAGE */

/* BEGIN OF STYLES FOR THE TALL PICTURE BOX OF PHOTO GALLERY PAGE */

.photostrip_tall img#blech {border: solid 4px red;}
.photostrip_tall td#brecht {border: solid 4px red;}
.photostrip_tall {border: solid 4px red;
}
/*The problem with the Gallery page seems to be that it's somehow not accessing the style sheet. The only way I could get anything to work was by putting it directly in the tpl. */
div#photoframe	{ }
/*
#photoframe img#virtually	{ float: left;  width: 260px; height: 207px; margin: 40px; }
*/
table.photostrip_tall  {
position: relative; 
top: -316px; left: 370px;
/*
width: 200px; 
height: auto; */
 
padding: 0px;  
margin: 0px;
}

table#photostrip_tall a { border-top: none; }
table#photostrip_tall a:link img  { border-style: none; }
tablephotostrip_tall a:visited img { border-style: none; }
table#photostrip_tall a:active img { border-style: none; }
table#photostrip_tall a:hover { border-style: none;/*border: 1px solid white; */ }	 
/*
img#virtually  {
width: 343px; height: 230px;
width: 260px; height: 207px;
border: 4px solid red;
} */
div#photoframe { 
margin-top: 10px; 
margin-left: 10px;
border: 1px solid white; 
width: 350px;
}

table#photoframe td#tabletext { 
padding: 2px 2px 10px 20px;
}
/* END OF STYLES FOR THE TALL PICTURE BOX */

/* END OF PHOTO GALLERY PAGE */

/* BEGIN OF SOME COLORS THAT YOU MIGHT WANT TO USE */
/* COLOR SWATCH: BROWNS AND NEUTRALS */

swatches {
background-color: #4b3027; /* medium brown */

/* secondary background color */ background-color: #705c51; /* taupe, light cool brown */ 

background-color: #ad7765; /* peach-tan, light warm brown */ 
background-color:#392A23;
background-color:#412A21;
background-color:#C3C9CF; 
}
/* END OF SOME COLORS THAT YOU MIGHT WANT TO USE */

/* NOTES */

/*setting a line height for the line breaks could be useful, e.g.,  line-height:1px;*/
/*TOP RIGHT BOTTOM LEFT*/