body, p, td, th, li { font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
body, p, td, th, li, a { color: #8c4900; }

em { font-style: italic; }
strong { font-weight: bold; }

h1 { font-size: 200%; margin-top: 1em; padding-bottom: .5em; text-decoration: underline; }
h2 { font-size: 150%; font-weight: bold; padding-top: 1em; padding-bottom: .75em; }
h3 { font-size: 125%; }

#content p { padding-bottom: .5em; }
#content li { text-align: left; margin: 0px 20px 5px 20px; list-style-type: square; }

table.table1 td, table.table1 th { background: #AA681D; color: #FAE3BC; border: 1px solid #e7d2ae; padding: .25em .5em; }
table.table1 th p { text-align: center; vertical-align: middle; }
table.table1 td { vertical-align: top; }
table.table1 * { color: #FAE3BC; }

table.keymap { margin: 0 auto; }
table.keymap td { text-align: center; width: 64px; vertical-align: top; padding-bottom: 1em; font-size: 75%; }

img { border: 0px }

#content a, #content a:visited, #content a:hover, #content a:active { text-decoration: underline; }
#content a:hover { color: #900; }

/* THUMBNAIL */
.thumb { float:left; margin: 0 4px 4px 0; padding: 4px; background: #8C4900; text-align: center; }
.thumb .image .img { width: 122px; height: 92px; background: #f6dda8 url() center center no-repeat; cursor: hand; } /* #f6dda8 OR #975811 */
.thumb .desc { color: #F6DDA8; font-size: 85%; padding-top: 4px; }
.thumb .desc a { color: #F6DDA8 !important; font-weight: bold !important; text-decoration: none !important; }
.thumb .desc a:hover { color: #EFC798 !important; text-decoration: underline !important; }

#reservation-wrap { text-align: center; width: 80%; margin: 0 auto; }
#reservation { text-align: left; }
/*
#reservation dl { position: relative; margin: 0 auto;  }
#reservation dt { float: left; width: 30%; padding: 0 0 2px 0; text-align: left; }
#reservation dd { width: 60%; margin: 0 0 2px 0; padding-left: 6px; }
#reservation input.text { border: 1px solid #8c4900; width: 49%; }
#reservation input.text-short { border: 1px solid #8c4900; width: 24%; }
#reservation textarea { border: 1px solid #8c4900; width: 49%; }
#reservation select { border: 1px solid #8c4900; margin-bottom: 2px; }
*/

fieldset { border: 1px solid #AD5C00; padding: .5em; text-align: left; margin-bottom: .5em; }
fieldset legend { color: #8c4900; font-weight: bold; font-size: 100%; }
#login-wrap { text-align: center; }
#login { width: 80%; margin: 0 auto; }
#reservation table { width: 80%; margin: 0 auto; }
#reservation table td, #reservation table th { background: transparent; border: none; padding: 0 0 2px 0; margin: 0; vertical-align: top; }
#reservation table td.label { width: 33%; }
#reservation table td.input { width: 66%; }
#reservation table th { font-style: normal; text-align: right; padding-right: 8px; }
#reservation table * { color: #8c4900; }
#reservation table input.text { border: 1px solid #8c4900; width: 98%; }
#reservation table input.datechooser { border: 1px solid #8c4900; width: 50%; }
#reservation table input.text-short { border: 1px solid #8c4900; width: 25%; }
#reservation table textarea { border: 1px solid #8c4900; width: 98%; }
#reservation table select { border: 1px solid #8c4900; margin-bottom: 2px; }
#reservation input.button { border: 1px solid #8c4900; font-size:10px; font-weight:bold; color: #8C4900; cursor: hand;  }
#reservation table input.inputError { border: 1px solid red; }