/* Page-wide Styles */
html, body { height: 100% }
body { background: #284086; color: #434343; font-size: 14px; font-family: "Lucida Grande", Helvetica, Arial, sans serif; line-height: 18px; }
body > div { position: relative; text-align: center; width: 100%; z-index: 1; }
a { color: #3c5fc3; text-decoration: none; }
a:hover { text-decoration: underline; }
em { font-style: italic; font-weight: bold; }
h2 { color: #284086; font-size: 32px; line-height: 48px; margin-bottom: 18px; }
h3 { font-size: 14px; font-weight: bold; line-height: 32px; }
p { margin-bottom: 18px; }
small { display: block; font-size: 10px; margin-top: 32px; }
strong { font-weight: bold; font-style: italic; }
ol, ul { margin-bottom: 18px; }

/* Helpers */
.bullet { list-style-type: disc; padding-left: 18px; }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.flash { color: green; font-size: 14px; font-weight: bold; }
.negative { color: red; }
.no_border { border: 0; padding: 0; }
div#content .no_border { border: 0; padding: 0; }

/* Layout */
div#wrapper { margin: 0 auto -201px; min-height: 100%; width: 100%; }
div#header{ background: url(/img/header_bground.png) repeat-x; height: 80px; position: relative; z-index: 50; }
div#banner { background: url(/img/banner_bground.jpg) repeat-x; height: 170px; }
body.home_page div#banner { background: url(/img/banner_bground.jpg) repeat-x; height: 341px; }
div#content { background: #284085 url(/img/content_bground.jpg) repeat-x bottom left; min-height: 288px; padding: 32px 0; }
div#push { height: 201px; }
div#footer { background: url(/img/footer_bground.png) top left repeat-x; height: 101px; padding-top: 100px; text-align: center; }
div.content { margin: 0 auto; padding: 0 80px; position: relative; width: 800px; }
div.carousel_holder { text-align: center; width: 860px; }
div#content_box { width: 800px; }
div#content_box_top { background: url(/img/contentbox_top.png) no-repeat; height: 20px; }
div#content_box_middle { background: url(/img/contentbox_middle.png) repeat-y; min-height: 200px; overflow: hidden; padding: 0 20px; text-align: left; width: 760px; }
div#content_box_bottom { background: url(/img/contentbox_bottom.png) no-repeat; clear: both; height: 20px; }


/* Content */
h1#logo a { background: url(/img/logo.png) no-repeat; height: 303px; left: -50px; position: absolute; text-indent: -9999em; width: 323px; z-index: 1000; }
div#callout_boxes { height: 250px; padding-top: 50px; }
a.callout_box { background: url(/img/callout_box.png); display: block; float: left; height: 160px; margin-right: 70px; padding: 20px; width: 180px; }
a.callout_box.last { display: block; float: right; margin-right: 0; }
div#content img { background-color: #FFF; border: 1px solid #CCC; padding: 7px; }
div#content img.left { margin: 0 16px 16px 0; }
div#content img.right { margin: 0 0 16px 16px; }
div#content_box_middle { text-align: left; }
div#footer p { margin-bottom: 0; }
ul#accommodations_list li { float: left; padding-bottom: 16px; text-align: center; vertical-align: middle; width: 33%; }
ul.features { list-style-type: disc; padding-left: 32px; width: 440px; }
ul.features li { }
ul#features_left { width: 250px; }
ul#faq {  }
ul#faq p.question { font-size: 16px; font-style: italic; font-weight: bold; line-height: 24px; margin-bottom: 0; margin-top: 8px; }
ul#park_features li ul { list-style-type: disc; margin-left: 30px; padding-left: 10px; }
ul#questions_list { }
div.attraction { border-top: 1px solid #FFF; border-bottom: 1px solid #AAA;  margin: 0; overflow: hidden; padding: 15px 0;  }
div.attraction img { height: 112px; width: 112px; }
div.attraction.first { border-top: none; }
div.attraction.last { border-bottom: none; }
div#footer p { color: #CCC; font-size: 10px; }
div#footer p.visitor_counter { font-size: 16px; margin-bottom: 10px; text-transform: uppercase; }
div#footer span.visitor_count { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 24px; }

/* Navigation */
#navigation { float: right; position: relative; z-index: 2000; }
ul#navigation { margin-top: 30px; }
ul#navigation li { float: left; margin-left: 5px; }
ul#navigation li.active { background: url(/img/nav_active.png) repeat-x; }
ul#navigation li.active span.nav_wrapper { background: url(/img/nav_right.png) top right no-repeat; display: block; }
ul#navigation li a { color: white; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans serif; font-size: .875em; height: 14px; padding: 3px 8px; text-decoration: none; text-transform: uppercase; }
ul#navigation li.active a { background: url(/img/nav_left.png) top left no-repeat; }

/* Selectors */
ul#spectator_selectors { background: url(/img/attraction_box.jpg); height: 148px; margin: 0 0 24px 8px; padding: 4px 8px 8px 8px; width: 164px; }
ul#spectator_selectors li a { background: url(/img/attraction_btn.png); color: #FFFFFF; display: block; font-weight: bold; font-size: 16px; height: 17px; margin-bottom: 5px; padding: 6px 5px; text-shadow: #333 0 1px 1px; width: 150px; }
ul#spectator_selectors li a:hover { cursor: pointer; text-decoration: none; }

/* Addresses */
div.address { margin-bottom: 16px; }
span.address { display: block; }

/* Rules */
ol { list-style-type: decimal; margin-left: -10px; padding-left: 30px; width: 600px; }
ol li {  }
ol#park_rules_list li { margin-bottom: 16px; }
ol#tournament_rules_list { list-style-type: none; margin-left: 5px; }
ol#tournament_rules_list > li { margin-bottom: 16px; }
ol#tournament_rules_list li ul li { }


/* Form */
form#contact_form { width: 450px; }
fieldset { border: 1px solid #FFF; border-top: 1px solid #CCC; border-left: 1px solid #CCC; padding: 15px; }
label, input, textarea { display: block; font-size: 14px; }
input, textarea { color: #333; }
input[type='text'] { width: 250px; }
textarea#message { height: 200px; width: 350px; }
p#contact_info { width: 450px; }