/* CSS Document */
body { margin: 0; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(pics/bg.jpg) top left repeat-x #BDDBF5 }
h1 { padding: 0 0 10px 0; margin: 0; font-size: 1.8em }
h2 { padding: 0 0 5px 0; margin: 0; font-size: 1.4em }
#holder { margin: 0 auto; width: 1000px; background: url(pics/back.jpg) top left no-repeat #FFFFFF }
#header { width: 100%; height: 100px; background: url(pics/logo.jpg) top right no-repeat #BCDBF7; padding: 0px; margin: 0px }
#banner { margin: 0 auto; width: 400px; height: 100px; background: url(pics/banner.jpg) top left no-repeat }
#menu { float: left; width: 18%; background: url(pics/menu-left.gif) top left no-repeat; padding: 0px; margin: 0px }
#menu ul { list-style: none; padding: 0; margin: 0 }
#menu li { list-style: none; padding: 6px 0 7px 8px; margin: 6px 0 6px 3px }
#menu a { color: #000000; font-size: 1.2em; font-weight: bold; text-decoration: none }
#menu a:hover { color: #FFFFFF }
#nav { float: left; width: 82%; background: #FFCC00; height: 23px }
#nav ul { text-align: center; list-style: none; padding: 2px 0 0 0; margin: 0 }
#nav li { display: inline; padding: 0 10px 0 10px }
#nav a { color: #000000; font-size: 1.2em; font-weight: bold; text-decoration: none }
#nav a:hover { text-decoration: underline }
#content { float: left; width: 78%; padding: 10px 3% 0 0; background: url(pics/bigdiver.gif) top left repeat }
#footer { text-align: center }
#autoviewer { float: right; width: 266px; height: 200px; padding: 10px 0 0 0 }
.locationTable { width: 100%; margin: 0 auto }
.locationTableTop { background: url(pics/bg.jpg) top left repeat-x #BDDBF5 }
.bookingForm { width: 100%; border: 1px solid #BDDBF5; margin-bottom: 20px }
.bookingFormTop { background: #BDDBF5; padding: 5px; margin: 2px }
.errorForm { width: 100%; border: 1px solid #FF0000; margin-bottom: 20px }
.errorFormText { background: #FF8080; padding: 5px; margin: 2px }
.highlight { background: #BDDBF5 }
.footer { float: left; width: 33%; text-align: center }
.details { text-align: center; font-size: 1.4em; font-weight: bold }
.posh { text-align: center; font-family: "Monotype Corsiva"; font-size: 3em; font-weight: bold }
.small { font-size: 0.8em }
.bold { font-weight: bold }
.hidden { display: none; visibility: hidden }
.clearing { height: 0; clear: both; overflow: hidden; margin: -1px 0 0 0 }