html, body {margin:0; padding:0}
body {background:url(/graphics/bg.gif) repeat-x #834026; font-family: Verdana, Arial, Helvetica, sans-serif; color:#834026; font-size:0.75em; line-height: 1.2em;}
h1, h2 {margin: 10px;}
h1 {font-size:1.2em; font-weight:normal; color: #3d1911; margin-top:0px; padding-bottom:0; text-transform:uppercase;}
h2 {font-size:1.1em; margin-left:0; color: #3d1911;}
h3, h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight: normal; color:#3d1911; margin:10px 10px 0 10px;}
a, .mor {color: #3d1911; text-decoration:none;}
a img {border:none;}
.cleared {clear:both;}
p.home {font-size:smaller; padding:0 10px;}

div#header {height:63px; padding-top: 20px; background:url(/graphics/logo.jpg) no-repeat;}
#topnav {float:right; padding:0px 15px 0 0;}

div#container {width:985px;}

div#wrapper {float:left; width:100%; background:url(/graphics/leftnavbg.jpg) no-repeat #834026; height: 100%; }

div#content {margin-left: 279px; background:#ffffff; min-height: 520px; border-bottom:1px solid #fff;}
div#popup_content {margin: 10px; padding: 5px;  background:#fff; border-bottom:1px solid #fff;}

img.pagehead {padding:10px;}

div#subnav {background:#3d1911; margin:0 10px; font-size:smaller;}
div#subnav a {color:#fff;}
div#subnav ul {padding:0 5px; margin-top:0; margin-left:0;}
div#subnav li {list-style-type: none; display: inline;}

div#col1 {float:left; background:#fff; width:450px; padding: 0 10px 0 10px;  }
div#col2 {float:left; background:#fff; width:225px; padding: 0 7px 0 0;  }
div#colfull {float:left; background:#fff; width:675px; padding: 0 21px 0 10px;}
.home#col1, .home#col2 {padding-top:10px;}
div#col1 p {margin-top:0;}
div#col_both {width:685px; padding: 0 10px;}

img.gallery {margin:0 12px 12px 0;}
.reserve {border-bottom:dotted 1px #3d1911;}
img.reserve {float:left; padding:0 5px 5px 0; width:80px; height:80px; border-bottom:none;}

div#nav {float:left; width:219px; margin-left:-985px;}
div#nav ul {margin-top:0}
div#nav li {list-style-type: none; width:219px; height:24px; margin:0 0 0 20px; text-transform:uppercase;}
div#nav li a {text-decoration:none; width:219px; height:24px; display:block;}
div#nav a, div#subscribe {color:#fff;}
li#nav_home {background:url(/graphics/nav/home_off.jpg);}
li#nav_home a:hover {background:url(/graphics/nav/home_on.gif);}
li#nav_res {background:url(/graphics/nav/res_off.gif);}
li#nav_res a:hover {background:url(/graphics/nav/res_on.gif);}
li#nav_wed {background:url(/graphics/nav/wed_off.gif);}
li#nav_wed a:hover {background:url(/graphics/nav/wed_on.gif);}
li#nav_conf {background:url(/graphics/nav/conf_off.gif);}
li#nav_conf a:hover {background:url(/graphics/nav/conf_on.gif);}
li#nav_rest {background:url(/graphics/nav/rest_off.gif);}
li#nav_rest a:hover {background:url(/graphics/nav/rest_on.gif);}
li#nav_acc {background:url(/graphics/nav/acc_off.gif);}
li#nav_acc a:hover {background:url(/graphics/nav/acc_on.gif);}
li#nav_fac {background:url(/graphics/nav/fac_off.gif);}
li#nav_fac a:hover {background:url(/graphics/nav/fac_on.gif);}
li#nav_spec {background:url(/graphics/nav/spec_off.gif);}
li#nav_spec a:hover {background:url(/graphics/nav/spec_on.gif);}
li#nav_cont {background:url(/graphics/nav/cont_off.gif);}
li#nav_cont a:hover {background:url(/graphics/nav/cont_on.gif);}
li#nav_admin {background:url(/graphics/nav/admin_off.gif);}
li#nav_admin a:hover {background:url(/graphics/nav/admin_on.gif);}
div#nav p {color:#fff; font-size:0.8em;}

.offleft {position: absolute; left: -1000px; width: 100px;}

div#book {margin-left:60px; background: url("/graphics/book_bg.jpg") bottom right no-repeat; font-size:smaller; width:219px;}
form#sidebarBookingForm {padding:0 10px; margin-top:0; width: auto;}

/* #awards {color: #3d1911; background-color:#FFFFFF;float:left; font-size:0.9em; width:202px; margin-left:60px; margin-top:1px; background-image:url(../graphics/awardsbg.gif); padding:4px 5px 5px 12px; line-height:1em;}
#awards strong {margin:0; padding:0; color: #3d1911; font-size:0.9em; }
#awards img {margin-top:4px;} */

#awards { background-image:url(../graphics/awards.gif); width:219px; height:66px; margin-left:60px; margin-top:1px; }


#wed_comp, #wed_suite, #wed_accom {display: none; }

div#footer, div#subscribe, div#header {font-size:0.85em;}
div#footer {background: #834026 url("/graphics/end.jpg") top right no-repeat; clear:left; padding: 0 0 10px 60px; color:#fff; line-height:1em;}
div#footer ul {padding:0 0 5px 0; margin:0;}
div#footer li {list-style-type: none; text-transform:uppercase; display: inline;}
div#footer a {text-decoration:none; color:#fff;}



/* Booking engine */

div.error { font-weight: bold; border: 1px #834026 dotted; margin: 0 0 10px 0; padding: 4px}
div.message { font-weight: normal; border: 1px black dotted; margin: 0 0 10px 0; padding: 4px}
div.message a { text-decoration: underline; }

.note { font-size: 9px; }

table#singleHotelSearchResults { width: 450px; padding-bottom: 15px; }
table#singleHotelSearchResults td { width: 55px; text-align: center; border: 2px #834026 solid; }
table#singleHotelSearchResults td.not_searched { width: 60px; text-align: center; border: none; background-color: #ddd; }
table#singleHotelSearchResults td div.date { font-weight: bold; font-size: 9px; }
table#singleHotelSearchResults td div.availability { font-size: 8px; }
table#singleHotelSearchResults td div.unavailable { font-size: 8px; }

form.bookingEngineForm { width: 550px; border: 0; }
form.bookingEngineForm label { float: left; width: 200px; clear: left;}
form.bookingEngineForm input.submit { clear: left; float: left; margin-left: 200px} 

form.bookingEngineForm div.input { float: left; width: 350px; margin-bottom: 3px; }

form.bookingEngineForm textarea { height: 200px }

#bookingOptions { clear: left; padding-top: 20px; }

table#bookingOptions { width: 450px }
table#bookingOptions tr { vertical-align: top; }
table#bookingOptions th { text-align: left; }
table#bookingOptions td { padding-top: 8px;  text-align: left; }
table#bookingOptions td a.bookNow { background: url("/graphics/book_button_s.gif") top left no-repeat; padding-left: 25px; }

#stayDetails dt { float: left; width: 200px; clear: left; font-weight: bold;}
#stayDetails dd { float: left; padding: 0; margin: 0; width: 250px; }

form#occupantDetailsForm  { clear: left; padding-top: 15px }

table#stayDetailedPriceBreakdown { width: 100%; margin: 5px 0 15px 0; }
table#stayDetailedPriceBreakdown th { text-align: left; }

/* Booking engine admin */

div#admin_content {width: 1220px; background:#ffffff; padding: 20px 2%; float: left; }
div#admin_content h1 { font-size: 14px; font-weight: bold; padding: 0.5em 0}

table.bookingEngineAdmin { width: 1000px }
table.bookingEngineAdmin th { text-align: left }
table.bookingEngineAdmin td { font-size: 9px }
table.bookingEngineAdmin tr { vertical-align: top; }

table.bookingEngineAdmin td textarea { width: 300px; height: 150px; font-size: 13px }

p.addNewRate a { text-decoration: underline; }

ul#admin_nav {position: absolute; left: 250px; top: 130px; clear: both; }
ul#admin_nav  {margin-top:0}
ul#admin_nav li {list-style-type: none; text-transform:uppercase; display: inline; }
ul#admin_nav li a {color:#000; font-weight: bold; text-decoration: underline; }

form#bookingSearchForm,form#availabilityDropdown { font-size: 10px; margin: 10px 0 10px 0; }

div.label { float: left; width: 200px; clear: left; font-weight: bold;}
.note { font-size: 75%; color: #999; }

th.weekend { color: red; }

table.monthlyRoomAvailability td { font-family: "Courier New"; border-right: 1px #ccc solid;}
table.monthlyRoomAvailability td.sold_out { font-weight: bold; }
table.monthlyRoomAvailability td.sold_out a { font-weight: bold; }
table.monthlyRoomAvailability td.room_name { font-family: Verdana, Arial, Helvetica, sans-serif; }
table.monthlyRoomAvailability th { border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; }
table.monthlyRoomAvailability th.room_name { text-align: left; }

form#updateRoomAvailability { padding-top: 20px; width: 500px; }
form#updateRoomAvailability fieldset { border: 0; }
form#updateRoomAvailability fieldset legend { font-weight: bold; font-size: 1.2em; }
form#updateRoomAvailability label { float: left; clear: left; font-weight: bold; width: 200px; margin-top: 10px; }
form#updateRoomAvailability input,form#updateRoomAvailability select { float: left; margin-top: 10px; }
form#updateRoomAvailability input.submit { clear: left; margin-left: 200px; }