html {font-size: 100%; /* IE hack */ }
body {margin: 0; padding: 0; background-color: white; color: #4C4C4C; font-family: arial,sans-serif; font-size: 0.8em; }
table {font-size: 100%; /* IE hack */ }
input, select, ol {font-size: 1em; }
ul, ul li {margin: 0; padding: 0; list-style: none; font-size: 1em; }
ul li {background: url('/assets/images/bullet.gif') no-repeat top left; padding-left: 12px; }
button {display: block; width: 100%; margin: 0; border: 0; padding: 2px 0 2px 0; background: transparent; vertical-align: middle; cursor: pointer; font-family: arial,sans-serif; font-weight: normal; text-align: center; color: white; font-size: 0.89em; } /* do not remove font-weight normal */
label {cursor: pointer; }
h1 {font-size: 26px; color: #000; font-weight: normal; margin: 0; letter-spacing: -1px;}
h2 {font-size: 1.15em; margin: 0; color: #D1773D; }
h5 {font-size: 1.25em; margin: 0; padding: 0 20px 6px 0; } /* Google Maps balloon */


/* Global */
#wrapper {margin: 0 auto 0 auto; text-align: center; width: 970px; }
#canvas {text-align: left; width: 970px; }
.greenBox {background-color: #918D57; color: white; }
.extraBigText {font-size: 4.5em; }
.bigText {font-size: 1.3em; font-weight: normal; } /* do not remove font-weight normal */
.smallText {font-size: 0.89em; font-weight: normal; } /* do not remove font-weight normal */
.contentText {line-height: 1.5em; vertical-align: top; }
.alertText {color: red; font-weight: bold; }
.greyBG {background-color: #E5E5E5; }
.lightGreyBG {background-color: #F4F3F1; }
.offGreyBG {background-color: #EFEBE7; }
.whitePanel {border: 1px solid #E5E5E5; }
.imgBorder {border: 5px solid #EFEBE7; }
.brownText {color: #D1773D; }


/* Top Nav */
div.topNavContainer {position: relative; border-bottom: 1px solid #474036; }
div.topNavTL {z-index: 10; position: absolute; top: 0px; left: 0px; width: 5px; height: 5px; background: url('/assets/images/topnav-bg.gif') no-repeat top left; overflow: hidden; }
div.topNavTR {z-index: 11; position: absolute; top: 0; right: 0; width: 5px; height: 5px; background: url('/assets/images/topnav-bg.gif') no-repeat top right; overflow: hidden; }
.topNav {z-index: 1; background-color: #948671; }
.topNav td {vertical-align: middle; text-align: center; font-weight: bold; cursor: pointer; }
.topNav div {margin-top: 1px; }
.topNavOn {background-color: #7C705F; }


/* Left Panel & Nav  */
.leftPanel {vertical-align: bottom; background: url('/assets/images/leftnav-bg.gif') repeat-y top left; }
table.leftNavItem td a {display: block; position: relative; text-decoration: none; padding: 4px 5px 5px 14px; border-top: 1px solid white; }
table.leftNavItem td a:link, table.leftNavItem td a:visited {color: white; background-color: #E08C32; text-decoration: none; }
table.leftNavItem td a:hover, table.leftNavItem td a:active {color: white; background-color: #D1773D; text-decoration: none; }
table.leftNavItem td a:active {color: #EFEBE7; }
.leftNavOn {background-color: #D1773D !important; font-weight: bold; }


/* Find Rooms & Rates */
div.whiteTextBold {color: white; font-weight: bold; }
.findRoomsRates td {vertical-align: middle; }
.findRoomsRates input, .findRoomsRates select {margin: 0;  font-size: 0.8em; font-family: arial,sans-serif; font-weight: normal; } /* do not remove font-weight normal */
.findRoomsRates input {width: 113px; padding: 2px 0 2px 3px; border: 1px solid #7F9DB9; } /* see IE specific margin-top hack in html head */
.findRoomsRates select {width: 52px; height: 19px; }
.orangeSubmit {display: block; margin: 0; border: 1px solid #474036; background-color: #E79339; }
.orangeSubmitHoverOff {background-color: #E79339; border-color: white #474036 #474036 white; }
.orangeSubmitHoverOn {background-color: #D1773D; border-color: white #474036 #474036 white; }


/* Photos Box */
table.photosBox {z-index: 1000; position: absolute; bottom: 0; right: 0; } /* see IE specific bottom/right hack in html head - http://www.brunildo.org/test/ap_contbox1odd.html */
table.photosBox td a {display: block; position: relative; padding: 6px 20px 5px 15px; border-top: 1px solid white; border-left: 1px solid white; }
table.photosBox td a:link, table.photosBox td a:visited {color: white; background-color: #E08C32; text-decoration: none; }
table.photosBox td a:hover, table.photosBox td a:active {color: white; background-color: #D1773D; text-decoration: none; }
table.photosBox td a:active {color: #EFEBE7; }


/* Datepicker */
.datepicker {overflow: hidden; height: 260px; width: 456px; border: 1px solid #E5E5E5; background: white url('/assets/images/datepicker-bg.gif') no-repeat center center; }
.datepicker a {cursor: pointer; color: #648AB1; text-decoration: underline; }
.datepicker a:link {color: #648AB1; text-decoration: underline; }
.datepicker a:visited {color: #648AB1; text-decoration: underline; }
.datepicker a:hover {color: #648AB1; text-decoration: none; }
.datepicker a:active {color: red; text-decoration: none; }
.datepicker table {margin: 0; padding: 0; border: 0; overflow: hidden; border-collapse: collapse; font-size: 11px; }
.datepicker th, .datepicker td {margin: 0; padding: 0; border: 0; cursor: default; text-align: center; font-family: verdana,arial,sans-serif; }
.datepicker th {font-weight: normal; height: 22px; }
.datepicker td {height: 19px; }
.datepicker td.active {cursor: pointer; }
.datepicker td.inactive {background-color: white; color: #BBBBBB; text-decoration: line-through; }
.datepicker td.today {background: #F4F3F1; }
.datepicker td.hilite {background: #E08C32; color: white; }
.datepicker table.month1 {background-color: white; position: absolute; width: 194px; top: 74px; left: 30px; }
.datepicker table.month2 {background-color: white; position: absolute; width: 194px; top: 74px; left: 234px; }
.datepicker table.monthlinks {position: absolute; left: 26px; top: 43px; }
.datepicker table.monthlinks td.past {text-decoration: line-through; color: #BBBBBB; }
.datepicker table.monthlinks td {height: 20px; padding: 0 4px 0 4px; font-size: 13px; font-family: arial,sans-serif; }
.datepicker table.monthlinks td.curmonth {background-color: #F4F3F1; font-weight: bold; }
.datepicker caption {font-size: 13px; font-weight: bold; text-align: center; background-color: black; height: 22px; line-height: 22px; width: 194px; color: white; }
.datepicker span.yearlinks {position: absolute; font-size: 13px; left: 26px; top: 22px; padding: 0 4px 0 4px; }
.datepicker span.curyear {font-weight: bold; background-color: #F4F3F1;  }
.datepicker span.btnclose {position: absolute; font-size: 11px; right: 11px; top: 10px; }
.datepicker span.btnclose a {padding-right: 19px; background: url('/assets/images/icon-close.gif') no-repeat center right; }


/* Location */
div.fullMapPanel {width: 742px; height: 510px; }
div.leftMapPanel {width: 500px; height: 510px; float: left; }
div.rightMapPanel {width: 242px; height: 510px; overflow: auto; float: right; }
div.directionsMapPanel {width: 492px; height: 510px; }
h2.mapStaticList {margin: 28px 0 24px 0; }
ul.mapStaticList li {margin-bottom: 12px; }
ul.directionsList {margin: 13px 5px 22px 14px;}
li.directionsOn {font-weight: bold; padding-bottom: 1px; }
li.directionsOff {background-image: none; padding-bottom: 1px; }
table.mapMarkers thead td {padding: 10px 9px 5px 0; }
table.mapMarkers tbody td {padding: 9px 9px 0 0; vertical-align: middle; }
.markerLabel {text-align: center; color: black; width: 28px; height: 18px; line-height: 18px; font-size: 11px; background-color: #FD776B; }
table.mapGroups thead td {padding: 10px 9px 5px 0; }
table.mapGroups tbody td {padding: 4px 0 5px 0; border-bottom: 1px #E5E5E5 solid; vertical-align: top; }
.groupCheckbox {margin: 2px 0 0 0 ; padding: 0; width: 13px; height: 13px; overflow: hidden; }
.groupIcon {margin-left: 10px; margin-top: 3px; height: 10px; width: 11px; float: right; }
table.directionsForm td {padding-bottom: 12px; vertical-align: middle; }


/* Google Maps */
.mlabel {display: block; text-align: center; line-height: 28px; color: black; width: 28px; height: 28px; position: absolute; font-size: 11px; cursor: pointer; }


/* Rates */
table.ratesTable td {background-color: white; text-align: right; vertical-align: top; }


/* Reservations */
.bumpLeft {position: relative; left: -9px; }
td.buttonLink a {text-align: center; display: block; position: relative; padding: 4px 21px 4px 21px; border-width: 1px; border-style: solid; border-color: white #474036 #474036 white; font-size: 0.89em; color: white; text-decoration: none; }
td.buttonLink a:link, td.buttonLink a:visited {color: white; background-color: #E79339; text-decoration: none; }
td.buttonLink a:hover, td.buttonLink a:active {color: white; background-color: #D1773D; text-decoration: none; }
td.buttonLink a:active {color: #EFEBE7; }
.inputMedium {width: 214px; }
.inputLong {width: 477px; }


/* Availability Calendar */
table.calendar {font-size: 1.15em; text-align: center; vertical-align: middle; }
table.calendar a img {margin: 1px; border: solid 1px #E5E5E5; }
table.calendar a:hover img {border-color: #648AB1; }
table.calendar a:hover {border-width: 0; }
.calBorder {border: 1px solid #CCCCCC; }
.calRoomAvailable {width: 48px; height: 28px; background-color: #99FF99; text-indent: 3px; text-align: left; vertical-align: top; }
.calRoomAvailable a {position: relative; left: 3px; }
.calRoomNotAvailable {width: 48px; height: 28px; background-color: #ff9999; text-indent: 3px; text-align: left; vertical-align: top; }
.calRoomNotAvailable a {position: relative; left: 3px; }
.calRoomsBooked {float: right; background-color: #FFFF99; font-size: 12px; }


/* Guest Rooms */
.rightImgHolder {margin: 8px 8px 6px 8px; }
.rightCaptionHolder {margin: 0 20px 17px 10px; }


/* Footer */
.footerAddress {height: 48px; vertical-align: middle; text-align: center; }
.footerText {color: #8E8E8E; }
.footerText a, .footerText a:link {color: #8E8E8E; text-decoration: none; }
.footerText a:hover {text-decoration: underline; }


/* Links */
a:link {color: #648AB1; }
a:visited {color: #996699; }
a:hover {text-decoration: none; }
a:active {color: red; }

a.whiteLink:link {color: white; }
a.whiteLink:visited {color: white; }
a.whiteLink:hover {text-decoration: none; }
a.whiteLink:active {color: #EFEBE7; }

a.noUnderlineLink:link {text-decoration: none; }
a.noUnderlineLink:visited {text-decoration: none; }
a.noUnderlineLink:active {text-decoration: underline; }
a.noUnderlineLink:hover {text-decoration: underline; }