/* Basic Layout Properties */

* { padding: 0; margin: 0; }
html, body { margin: 0; padding: 0; width: 100%; height: auto; min-height: 100%; padding: 0; color: #000; font: 12px/1.4em Verdana, sans-serif; background-color: #930; }
a { color: #efefef; text-decoration: none; font-weight: bold; }
a:hover { color: #ccc; text-decoration: underline; }
p { padding: 10px; }
dl { padding: 0 10px; }
dd { margin-bottom: 20px; }
dt { font-weight: bold; margin-bottom: 10px; }
dd span { color: #666; }
img { border: none; padding: 3px; margin: 5px 5px; }
img.floatLeft { float: left; padding: 0; margin: 5px 5px 0 0;  }
img.floatRight { float: right; padding: 0;}
img.facebook { padding: 0; margin: 0; }
img.facebook2 { padding: 0; margin: 0; position: relative; top: 3px; }

#required  { position: relative; top: 30px; left: 150px; font-family: Tahoma, sans-serif; font-size: 13px; float: left; }
#required span { color: #f00; font-style: italic; }
.clearer { clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.clearer2 { clear: both; display: block; height: 5px; margin-bottom: -1px; font-size: 1px; line-height: 1px; border-bottom: 1px dotted #ccc; }
div.horiz {  height: 20px; margin: 20px 0; }
div.horiz hr { display: none; }

#container { position: absolute; width: 100%; height: 100%; min-height: 100%;  }
#address { font-size: 11px; width: 780px; height: 25px; line-height: 5px; margin: 0 auto; text-align: center; }
#main-bg { position: relative; top: 0; left: 0; width: 780px; height: auto; margin: 0 auto; padding: 0; border-left: 2px #ccc solid; border-right: 2px #ccc solid; }

#flash-content { position: relative; top: 0; width: 780px; height: 370px; margin: 0 auto; }
#flash-content-gallery { position: relative; top: 15px; width: 760px; height: 500px; margin: 0 auto; }

#flash-contentAlt { position: relative; top: 0px; width: 780px; height: 370px; margin: 0 auto; text-align: center; }
#flash-contentAlt a { color: #930; background-color: #fff; }
#flash-contentAlt li { display: inline; padding-right: 0.1em; padding-left: 0.4em; border-left: 1px solid #630; }
#flash-contentAlt li.first { border-left: none; }

#page-content { position: relative; top: 0; width: 780px; margin: 0 auto; height: auto; }
#page-content a { color: #930; background-color: #fff; text-decoration: none; font-weight: bold; }
#page-content a:hover { color: #333; text-decoration: underline; }
#page { position: relative; width: 750px; margin: 0 auto; padding: 0 10px; }

#footer { margin-top: 10px; text-align: center; width: 780px; height: 45px; line-height: 40px; }
#footer a { color: #930; text-decoration: none; font-weight: bold; background-color: #fff; }
#footer a:hover { color: #333; text-decoration: underline; }
#footerCopy { padding: 0; font-size: 11px; }

/* Subpage Layout Properties  */

/* Home */

#homeHeader1 h3, #homeHeader2 h3, #homeHeader3 h3{ width: 300px; height: 35px; margin-bottom: 0; }
#homeHeader1 h3 span, #homeHeader2 h4 span, #homeHeader3 h4 span { font: 16px Tahoma, sans-serif; font-weight: bold; }
#imageStrip { width: 720px; min-height: 100%; margin: 0 auto; padding: 0; }

/* History */

#historyHeader h3 { width: 300px; height: 40px; margin-bottom: 0; float: left; }
#historyHeader h3 span{ font: 16px Tahoma, sans-serif; font-weight: bold; }
.pageInfo h4 { font: 14px Tahoma, sans-serif; padding: 0 10px; font-weight: bold; color: #930; background-color: #fff; }

/* Accolades */

#accoladesHeader h2 span { font: 16px Tahoma, sans-serif; font-weight: bold; }
#accoladesHeader h2 { width: 100%; height: 35px; margin-bottom: 10px;}

/* Accomodations */

#accomHeader1 h4 span, #accomHeader2 h4 span , #accomHeader3 h4 span , #accomHeader4 h4 span , #accomHeader5 h4 span { font: 16px Tahoma, sans-serif; font-weight: bold;}
#accomHeader2 h4, #accomHeader3 h4, #accomHeader4 h4, #accomHeader5 h4  { width: 100%; height: 35px; margin-bottom: 0; }

.roomInfo { position: relative; top: 10px; float: left; width: 410px; }
.roomImages { display: block; position: relative; left: 8px; top: 20px; float: left; width: 450px; height: 100px; }
.roomImages img { padding: 0; margin: 0; }
.roomInfo p span { color: #930; text-decoration: none; font-weight: bold; font-size: 14px; background-color: #fff; }
.roomInfo p { padding: 5px 0; margin-left: 12px; }
.mainImage { display: block; float: right; width: 300px; height: 250px; } 
.mainImage img { border: none; padding: 0px; margin: 10px 0px; }
.room { margin-top: 20px; }
.checkAvail { width: 295px; height: 23px; float: right; text-align: right; position: relative; top: 20px; right: 6px; background-color:inherit; color:inherit; }
.checkAvail img { padding: 0; margin: 0;  }
img.moveRight { padding-right: 2px; }
#otherCaption { display: block; float: right; width: 770px; height: 30; } 
#otherCaption h3 { width: 450px; height: 35px; padding: 0; margin: 0 auto; text-align: center; }
#otherCaption h3 span{ font: 16px Tahoma, sans-serif; font-weight: bold; }

/* Directions */

#directionsHeader1 h2, #directionsHeader2 h2, #directionsHeader3 h2 { width: 350px; height: 35px; padding: 10px 0; }
#directionsHeader1 h2 span, #directionsHeader2 h2 span, #directionsHeader3 h2 span { font: 16px Tahoma, sans-serif; font-weight: bold; }
.directions { padding: 10px 0; }
.directions p { padding: 10px 10px; }
.directionsList li { display: inline; padding-right: 0.1em; padding-left: 0.4em; border-left: 1px solid #630; }
.directionsList li.first { border-left: none; }

/* Contact form */

form { padding: 0 10px; }
.inlineSection { overflow: auto; }
.oneField { display: block; margin: 0; }
.inlineSection .oneField { clear: none !important; float: left; padding: 0; margin: 6px 4px 0 0; }
form .oneChoice { white-space: nowrap; }
label, form .label { color: #333; margin: 0; }
form .inlineLabel { display: block !important; padding: 0; }
.preField span { color: #f00; font-size: 10px; } 
label.preField  { float: left; clear: left; line-height: 10px; display: inline-block; min-width: 9em; padding: 0 2px; margin: 0.6em 4px 0 0; background-image: none !important; }
.inlineSection .preField { padding-left: 2px !important; margin-top: 8px !important; }
form textarea { padding: 0; vertical-align: top; margin: 2px 0 1px 0; border: 1px solid #630; }
input[type=text] { border: 1px solid #630; margin: 2px 0; }
form select { padding: 0; margin: 2px 0 1px 0; }
form .inlineSection select { margin-top: 0 !important; }
form #contactFormSubmit { text-align: left; float: left; position: relative; padding: 5px 0; margin-left: 12px; }
/* Fixes IE problem with fieldset+legend boundaries */
form fieldset { position: relative; margin-top: 1.5em; padding-top: 1.75em; }
form legend { position: absolute; top: -.5em; left: .5em; }
/* Min-width for IE6 */
label.preField, form .label  { width: 9em; }
form p { font-weight: bold; color: #930;  background-color: #fff; }
.fieldName { min-height: 30px; }
.fieldName img { border: none; padding: 0; margin: 0; }
.contactField { float: left; position: relative; padding: 5px 0; margin-left: 12px; }

#contactHeader h3 { width: 300px; height: 35px; margin-bottom: 0; float: left; }
#contactHeader h3 span, #contactThanksHeader h3 span , #contactErrorHeader h3 span { font: 16px Tahoma, sans-serif; font-weight: bold;  }
#contactThanksHeader h3 { width: 300px; height: 35px; margin-bottom: 0; }
#contactErrorHeader h3 { width: 300px; height: 35px; margin-bottom: 0; }

/* Links */

.linkSet { font-size: 11px; float: left; width: 750px; height: 100px; background-color: #fff; border-bottom: 1px solid #ccc; float: left; margin: 0; padding: 10px 0;}
.linkSet ul { margin: 5px 0 0 5px;}
.linkSet li { list-style-type: none; margin: 0; }
.linkSet h3 { font: 12px Tahoma, sans-serif; font-weight: bold; margin-left: 15px; }
#linksHeader h2 span { font: 16px Tahoma, sans-serif; font-weight: bold; }
#linksHeader h2 { width: 100%; height: 35px; margin-bottom: 10px;}

/* Gallery  */

#galleryHeader h2 { width: 350px; height: 35px; padding: 5px 0; }
#galleryHeader h2 span{ font: 16px Tahoma, sans-serif; font-weight: bold; }
#galleryText { width: 750px; }
#galleryText p { padding: 0 0; }

/* Attractions */

.leftList p { padding: 5px 0 15px 10px; }
.leftList dl { margin: 5px 0 0 5px; }
.leftList dt.first  { list-style-type: none; margin: 0px 0 5px 10px; }
.leftList dt { list-style-type: none; margin: 10px 0 5px 10px; }
.leftList dt span { color: #930;  background-color: #fff; }
.leftList dd { list-style-type: none; padding: 0 0; margin: 0 0 0 20px; }
#attractionsHeader h2 span { font: 16px Tahoma, sans-serif; font-weight: bold; display: none; }
#attractionsHeader1 h3 span, #attractionsHeader2 h3 span, #attractionsHeader3 h3 span, #attractionsHeader4 h3 span, #attractionsHeader5 h3 span, #attractionsHeader6 h3 span, #attractionsHeader7 h3 span, #attractionsHeader8 h3 span, #attractionsHeader9 h3 span, #attractionsHeader10 h3 span, #attractionsHeader11 h3 span , #attractionsHeader12 h3 span { font: 16px Tahoma, sans-serif; font-weight: bold; }
#attractionsHeader h2, #attractionsHeader1 h3, #attractionsHeader2 h3, #attractionsHeader3 h3, #attractionsHeader4 h3, #attractionsHeader5 h3, #attractionsHeader6 h3, #attractionsHeader7 h3, #attractionsHeader8 h3, #attractionsHeader9 h3, #attractionsHeader10 h3, #attractionsHeader11 h3 , #attractionsHeader12 h3 { width: 350px; height: 35px; margin: 10px 0; }

/* Thick Box */

#TB_window { position: absolute; width: 100%; height: 500px; z-index: 102; color:#000; background-color: #fff; border: 2px solid #930; text-align:left; top:50%; left:50%; }
#generalInfo, #thickboxContent, #accomHeader1 h4 { position: relative; top: 0; padding: 10px; }