/* Base Styles */
body, input, textarea, select { font-family: Arial, Verdana, Helvetica; font-size: 11px;  }
body { margin: 25px 0 25px 0; padding: 0px; }

body { background: #d6d7b8; color: #e4e5d2; }

a { color: #e4e5d2; text-decoration: none; }
a:hover { }

img { border: 0px; padding: 0px; margin: 0px; }

/* Form hack */
form { padding: 0px; margin: 0px; }

/* Formatting hack */
.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

/* Generic Styles */
.center { text-align: center }
.left { float: left }
.right { float: right }

/* Container */
#container { margin: 0 auto 0 auto; width: 700px; height: auto; background: #181818; }

/* Green bar */
#header { width: auto; height: 50px; padding: 10px 20px 10px 20px; background: url('/images/bgHeader.jpg') top center no-repeat; }

#header img { float: left; }

#header ul { float: left; list-style: none; margin: 10px 0 0 0; width: auto; height: auto; }

#header ul li { float: left; padding: 3px 4px 3px 4px; font-size: 11px; }
#header ul li:hover { background: #535353; cursor: pointer; }
#header ul li:hover a { color: #cccccc; }

#header ul li a { color: #535353; }
#header ul li a:hover { color: #cccccc; }

/* Green bar */
#greenbar { width: 100%; height: 20px; background: #bdd976; }

/* Banner */
#banner { }

/* Content */
#content { width: auto; height: auto; padding: 15px 20px 0px 20px; }

#content .page { float: left; width: 420px; height: auto; }
#content .side { float: right; width: 210px; height: auto; }
#content .side1 {  float: right; width: 210px; height: auto; top:inherit}

#content h1, #content h2, #content h3, #content h4 { color: #bdd976; }

#content h1 { padding: 25px 0 5px 0; margin: 0px; font-weight: normal; font-size: 18px; }
#content h2 { padding: 5px 0 5px 0; margin: 0px; font-weight: bold; font-size: 17px; }
#content h3 { padding: 5px 0 5px 0; margin: 0px; font-weight: bold; font-size: 11px; }
#content h4 { padding: 5px 0 0 0; margin: 0px; font-weight: bold; font-size: 11px; }

#content p { padding: 5px 0 5px 0; margin: 0px; line-height: 17px; }

#content a { color: #ffffff; text-decoration: underline; }
#content a:hover { color: #999999; text-decoration: underline; }

#content dl { padding: 0px; margin: 0px; width: 300px; height: auto; }
#content dt { clear: both; float: left; width: 40%; height: auto; padding: 5px 0 0 0; margin: 0px; font-weight: bold; }
#content dd { float: right; text-align: right; width: 60%; height: auto; padding: 5px 0 0 0; margin: 0px; }

#content ul { padding: 0px; margin: 3px 0 3px 30px; list-style: square; }
#content ul li { padding: 2px 0 2px 0; margin: 0px; }

#content .white { color: #ffffff; }
#content .ref { color: #ff0000; }
#content .green { color: #bdd976; }
#content .strong { font-weight: bold; }

#content .hr { width: 100%; height: 1px; margin: 20px 0 20px 0; padding: 0px; background: #bdd976; font-size: 0px; }

#content .contactform { width: 350px; }

#content .contactform dt { width: 150px; }
#content .contactform dd { width: 200px; }
#content .contactform dd input, #content .contactform dd textarea { width: 100%; }

#content .contactform dd .button { width: auto; height: auto; background: #181818; color: #e4e5d2; border: 1px solid #e4e5d2; }

/* photo */
#content .photo { width: 210px; height: auto; padding: 0px; margin: 0px; background: #393939 url('/images/bgPhotoRight.jpg') right bottom no-repeat; }
#content .photo img { padding: 5px; margin: 0px; }

#content .photo .pad { clear: both; width: auto; padding: 10px 15px 10px 15px; margin: 0px; border-top: 1px solid #181818; background: url('/images/bgPhotoLeft.jpg') left bottom no-repeat; }
#content .photo .brk { clear: both; width: auto; height: 1px; background-color: #181818; font-size: 0px; }
#content .photo .bot { clear: both; width: auto; height: 7px; background: url('/images/bgPhotoLeft.jpg') left bottom no-repeat; font-size: 0px; }

#content .photo .pad h3 { padding: 0px; margin: 0px; }
#content .photo .pad p { padding: 5px 0 0 0; margin: 0px; }
#content .photo .pad a { color: #ffffff; font-weight: bold; }
#content .photo .pad a:hover { text-decoration: underline; } 
#content .photo .pad dl { width: auto; }
#content .photo .pad dt { width: 90%; padding: 5px 0 0 0; }
#content .photo .pad dd { width: 10%; padding: 5px 0 0 0; }

/* book tickets now */
#content .bookticketsnow { background: url('/images/bgBookticketsnow.jpg'); width: 190px; height: 20px; margin: 10px 0 0 0; padding: 10px; cursor: pointer; text-align: center; }
#content .bookticketsnow h2 { margin: 0px; padding: 0px; }

/* infobox */
#content .infobox { background: url('/images/bgIndexbox.jpg') center center no-repeat; width: 400px; height: 40px; margin: 10px; text-align: center; }
#content .infobox h2 { margin: 0px; padding: 10px; }
#content .infobox .findoutmore { float: left; width: 199px; height: 40px; text-align: center; border-right: 1px solid #181818; cursor: pointer; }
#content .infobox .findoutmore:hover { background: url('/images/bgIndexbox_rr.jpg') center center no-repeat; }
#content .infobox .bookonline { float: right; width: 200px; height: 40px; text-align: center; cursor: pointer; }
#content .infobox .bookonline:hover { background: url('/images/bgIndexbox_rl.jpg') center center no-repeat; }

/* footer */
#footer { width: 100%; height: 20px; background: url('/images/bgFooter.jpg') bottom center no-repeat; }

/* anchor */
#anchor { margin: 5px auto 0 auto; width: 690px; height: auto; color: #524f46; }
#anchor p { padding: 0px; margin: 0px; line-height: normal; }
#anchor a { color: #524f46; border-bottom: 1px dotted #524f46; }
#anchor a:hover { color: #666666; }
#anchor .left { float: left; text-align: left;  }
#anchor .right { float: right; text-align: right; }
#anchor .small { font-size: 10px; line-height: 18px; }