/* GLOBAL DECLARATION STYLE */
* {color: #4F3900; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 0; text-decoration: none;}
html, body {background: url('graphics/fillers/backgrnd.gif'); height: 100%;} 

/* REPLACEMENT TAGS */
form {display: inline;}
img {border: 0; display: inline; margin: 0; padding: 0;}
img.icon {display: inline; padding: 0 1px 3px 1px; vertical-align: middle;}
img.thumb {border: 2px solid #BC4228; float: left; margin: 8px 16px 8px 0;}

/* GLOBAL STYLES */
.button {text-align: right; width: 515px;}
.frame {background: url('graphics/fillers/frame.gif'); float: left; height: 64px; margin-right: 7px !Important; margin-right: 4px; padding: 9px 0 0 5px; width: 97px;clear:both}
.gap {color: #000000; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; padding-left: 26px;}
.listbox_spacer {height: 4px; overflow: hidden; width: 1%;}
.module_items {background: url('graphics/fillers/mod_dots.gif'); height: 17px; width: 100%;} 
.section_title {float: left; width: 535px;}
.seperator {background: url('graphics/fillers/dots.gif'); float: left !Important; float: none; height: 20px; width: 535px;} 
.spacer {height: 7px; overflow: hidden; width: 100%;}
.text {clear: both; color: #372503; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; line-height: 1.3em; padding: 0 20px 0 15px;}
.text h1 {color: #372503; display: block; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 14px; font-weight: bold; padding-bottom: 5px;}
.text input.textfield {border: 1px solid #534223; height: 15px; padding: 0 4px 0 4px; width: 170px;}
.text input.find {padding-bottom: 2px; vertical-align: middle;}
.text input.sort {padding-bottom: 5px; vertical-align: middle;}
.text select {border: 1px solid #534223; width: 150px;}
.text_comment {clear: both; color: #760303; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; line-height: 1.3em; padding-left: 40px;}
.text_green {color: #41A63D; display: inline; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; font-weight: bold;}
.text_type {color: #41A63D; display: inline; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 11px; font-weight: normal; overflow: hidden;}
.text_type strong {color: #41A63D; display: inline; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 11px; font-weight: bold;}
.clear {clear: both;}

/* BACKGROUND AND HEADER */
#header {height: 197px; margin-top: -257px; margin-left: auto; margin-right: auto; overflow: hidden; width: 759px;}
#background {background: url('graphics/fillers/topfill.gif'); height: 357px; width: 100%;}
#clickthrough {float: right; height: 197px; width: 759px;}
#huts {background: url('graphics/fillers/topimage.jpg'); height: 207px; margin-left: auto; margin-right: auto; width: 100%;}
#logo {float: left; height: 197px; width: 197px;}
#timedate {color: #62432B; font-weight: bold; height: 31px; padding: 15px 0 0 0; text-align: right; width: 724px;}

/* MENU */
#menu {background: url('graphics/fillers/menu.jpg'); height: 48px !Important; height: 49px; margin-top: -9px; margin-left: auto; margin-right: auto; padding: 2px 0 0 31px !Important; padding: 1px 0 0 31px; overflow: hidden; width: 728px;}
#menu a {color: #FFFFFF; font-family: tahoma, arial, helvetica, sans-serif; font-weight: bold;  text-decoration: none;}
#menu a:hover {text-decoration: underline;}
#menu img {display: inline; padding: 0 1px 0 1px; vertical-align: middle;}

/* MAIN CONTENT */
#container {background: url('graphics/fillers/base.jpg'); margin-left: auto; margin-right: auto; overflow: hidden; width: 759px;}
#paper {background: url('graphics/fillers/paper.jpg'); float: left !Important; float: inherit; height: 100%; margin-left: 5px !Important; margin-left: auto; margin-right: auto; width: 749px;}
#content {float: left; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; width: 535px;}
#content b, i, strong {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; font-weight: bold;}
#content em {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; font-style: italic;}
#content li {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; margin: .1em .1em .1em 3em; }
#content ol {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; list-style-type: decimal; margin: .1em .1em .1em .3em;}
#content p {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; margin: 0px; padding: 0px}
#content pre {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; white-space: normal;}
#content u {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; text-decoration: underline;}
#content ul {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; margin-bottom: .1em; margin-top: .1em;}
#content_spacer {float: left; height: 10px; width: 100%;}
#media {color: #372503; float: left; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; line-height: 1.3em; padding: 0 20px 0 15px; width: 500px;}
#media h1 {color: #372503; display: inline; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; font-weight: bold; line-height: 30px;}
#modules {float: left; overflow: hidden; width: 214px;}
#modules_spacer {float: left; height: 10px; width: 100%;}

/* CONTENT LINKS */
#content a {color: #372503; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
#content a.bold {color: #372503; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: underline;}
#content a.normal {color: #372503; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}
#content a.normal:hover {text-decoration: underline;}
#content a.red {color: #740303; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none;}
#content a.red:hover {text-decoration: underline;}
#content a.more {color: #BD1717; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-weight: bold; text-decoration: underline; letter-spacing: 0.1em;}
#content a.related {border-bottom: 1px dotted #BD1717; color: #BD1717; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 11px; font-weight: bold; text-decoration: none;}
#content a.adminpage {color: #BD1717; display: inline; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 13px; font-weight: bold; padding: 0 0 5px 0; text-decoration: none; width: 150px;}
#content a.adminpage:hover {text-decoration: underline;}


/* FRONT PAGE */
#middle {float: left; overflow: hidden; width: 535px;}
#map {float: left; width: 267px;}
#highlight {float: left; width: 268px;}

/* 2 COLUMNS */
.tab {float: left; overflow: hidden; width: 500px;}
.tab h1 {color: #372503; display: block; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 14px; font-weight: bold; padding-bottom: 5px;}
.tab img.butsp {padding-top: 4px;}
.tab textarea {border: 1px solid #000000; color:#000000; padding: 3px; height: 65px;}
.tab ul {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; list-style-type: square; margin-left: -10px;}
.left {float: left; width: 270px;}
.right {float: left; width: 230px;}
#link_left {float: left; width: 90px;}
#link_right {float: left; width: 410px;}
#button_left {float: left; padding: 8px 0 0 10px;}
#button_right {float: right; padding: 8px 60px 0 0;}

/* 3 COLUMNS */
#grid {float: left; overflow: hidden; width: 500px;}
#grid_left, #grid_mid, #grid_right {float: left; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; width: 166px;}

/* GALLERY */
.album {float: left; overflow: hidden; width: 525px;}
.medium {background: url('graphics/fillers/medium.gif'); float: left; height: 160px; padding: 15px 0 0 22px; width: 246px;}
.thumb {background: url('graphics/fillers/frame.gif'); float: left; height: 64px; margin-right: 23px; padding: 9px 0 0 5px; width: 97px;}
.details {float: left; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; line-height: 14px; width: 240px;}
.details h1 {color: #372503; display: block; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 14px; font-weight: bold; padding: 13px 0 5px 0;}
.details img.butsp {padding-top: 4px;}
.gallery_sp {float: left; height: 20px; width: 500px;}
#gallery_mod { line-height: 16px; padding: 0 15px 5px 15px;}
#gallery_mod a {color: #4F3900; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none;}
#gallery_mod a:hover {text-decoration: underline;}

/* CONTACTS */
#address {color: #000000; float: left; width: 230px;}
#address b, strong {color: #000000; font-weight: bold; width: 230px;}
#findus {float: left; width: 270px;}

/* FORM */
#form {float: left; margin-bottom: 10px; padding: 5px; overflow: hidden; width: 450px;}
#details {float: left; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 24px; padding-left: 10px;}
#fields {float: right; line-height: 22px; padding-right: 10px;}
#fields input.submit {padding-top: 10px;}
#fields input.textfield {background: url('graphics/fillers/textbox.gif'); border: 0; color: #534223; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 12px; height: 18px; margin-top: 3px; width: 200px;}
#message {float: left; padding: 0 10px 0 10px; width: 525px;}
#message_button {float: right; padding: 10px 10px 0 0; width: 97px;}
#message textarea {background: url('graphics/fillers/textarea.gif'); border: 0; color: #534223; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 12px; height: 180px; line-height: 22px; padding: 0 4px 0 4px; width: 435px;}
#message textarea.enquiry_textarea {background: url('graphics/fillers/textarea.gif'); border: 0; color: #534223; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 12px; height: 135px; line-height: 22px; padding: 0 4px 0 4px; width: 435px;}
#check {color: #760303; float: right; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 24px;}
#previous_page {float: left; padding-left: 10px; width: 100px;}
#proceed {float: right; text-align: right; width: 100px;}
#filter {float: left; padding-left: 5px; overflow: hidden; width: 500px;}
#options {float: right; padding: 0 10px 0 15px; width: 190px;}
#options input.textfield {border: 1px solid #000000; color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; height: 15px; padding: 1px 4px 0 4px;  width: 180px;}
#options select {border: 1px solid #000000; color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; margin-top: 7px; width: 190px;}
#options input.event {padding: 7px 0 1px 0; vertical-align: middle;}

/* PAGING */
#paging {clear: both; color: #760303; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; line-height: 1.3em; padding: 0 20px 0 15px; text-align: center;}
#paging a {color: #760303; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 14px; font-weight: bold; line-height: 1.3em; text-decoration: underline;}

/* PRODUCT */
.product {background: url('graphics/fillers/product.gif'); float: left; height: 90px; clear: both; padding: 12px 0 0 6px; width: 128px;}
.prod_sp {padding-top: 9px;}

/* WIDGETS */
#bottom_cont {float: left; overflow: hidden;}
#widgets {float: right; text-align: right; width: 420px;}
#widgets a {float: right; padding-right: 10px;}

/* MODULES: GENERIC */
a {color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
form {display: inline;}
.base {background: url('graphics/fillers/mod_base.jpg'); width: 214px;}
.component {padding: 0 15px 5px 15px;}
.endpiece {background: url('graphics/fillers/mod_bot.jpg'); height: 4px; overflow: hidden; width: 214px;}
.title {height: 43px; width: 214px;}

/* MODULES: QUICK LINKS */
.quicklinks {line-height: 16px; padding: 0 15px 5px 15px;}
.quicklinks a {color: #4F3900; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none;}
.quicklinks a:hover {text-decoration: underline;}
.quicklinks a.current {color: #4F3900; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: underline;}

/* MODULES: EVENTS */
#events {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; padding: 0 15px 5px 15px;}
#events a {color: #920F02; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; font-weight: bold; text-decoration: underline;}

/* MODULES: MEMBERS */
#member {overflow: hidden; width: 188px;}
#member a, a.tellmore {color: #4F3900; font-family: tahoma, arial, helvetica, sans-serif; font-weight: normal; text-decoration: underline;}
#member_button {float: right; padding-right: 2px;}
#member_details {float: left; padding: 2px 0 0 3px;}
#member_fields {float: left; line-height: 22px; padding-top: 7px;}
#member_form {overflow: hidden; width: 100%;}
#member_labels {float: left; font-weight: bold; line-height: 22px; padding-top: 6px !Important; padding-top: 5px;}
.members_textfield {border: 1px solid #534223; color: #534223; height: 14px; padding: 1px 4px 1px 4px; width: 106px;}

/* MODULES: NEWS */
#news {font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; padding: 0 15px 5px 15px;}
#news a {color: #920F02; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma, arial; font-size: 12px; font-weight: bold; text-decoration: underline;}
#news_mod {overflow: hidden;}
#news_left {float: left;}
#news_right {float: right;}
#newsend {background: url('graphics/fillers/mod_bot.jpg'); height: 4px; overflow: hidden; width: 214px;}
#news_image {background: url('graphics/fillers/medium.gif'); float: left; height: 150px; padding: 15px 0 0 22px; width: 240px;}

/* MODULES: RESERVATIONS */
#reserve_button {overflow: hidden; width: 186px; text-align: right;}
#reserve_details {overflow: hidden; width: 188px;}
#reserve_fields {float: right; padding: 7px 2px 0 0;}
#reserve_labels {float: left; font-weight: bold; line-height: 22px; padding-top: 6px !Important; padding-top: 5px;}
#reserve_max {float: right; padding: 2px 2px 0 0;}
#reserve_min {float: left; padding: 2px 0 0 0;}
#reserve_price {overflow: hidden; width: 188px;}
.reserve_calendar {display: inline; padding: 0 0 3px 0; vertical-align: bottom;}
.reserve_text {font-weight: bold; padding-bottom: 3px;}
.reserve_textfield {border: 1px solid #534223; color: #534223; height: 14px; padding: 1px 4px 1px 4px; width: 128px;}
select.reserve_amount {border: 1px solid #534223; color: #534223; width: 60px;}
select.reserve_listbox {border: 1px solid #534223; color: #534223; width: 186px;}
select.reserve_volume {border: 1px solid #534223; color: #534223; width: 50px;}
.checkbox {float: left; padding-top: 7px; width: 20px;}
.reservation {float: left; width: 480px;}

/* MODULES: SEARCH */
#search {overflow: hidden; width: 188px;}
#search a {color: #4F3900; font-family: tahoma, arial, helvetica, sans-serif; font-weight: normal; text-decoration: underline;}
#search_advanced {float: left; padding: 2px 0 0 3px;}
#search_button {float: right; padding-right: 2px;}
.search_textfield {border: 1px solid #534223; color: #534223; height: 14px; padding: 1px 4px 1px 4px; width: 176px;}

/* FOOTER */
#footer {background: url('graphics/fillers/footer.jpg'); color: #FFFFFF; height: 37px; line-height: 14px; margin-left: auto; margin-right: auto; padding-top: 2px; text-align: center; overflow: hidden; width: 759px;}
#footer a {color: #FFFFFF; font-family: tahoma, arial, helvetica, sans-serif; font-weight: normal; padding: 0 2px 0 2px; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#spacer {height: 20px; margin-left: auto; margin-right: auto; width: 759px;}

/* MEMBERS */
.admin_frame{float: left; padding-left: 5px; overflow: hidden; width: 495px;}
.admin_frame textarea.productdetails {border: 1px solid #7F9DB9; padding: 0 5px 0 5px; width: 460px;}
.admin_frame input.p_address {border: 1px solid #7F9DB9; color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; height: 15px; margin-bottom: 7px; padding: 1px 4px 0 4px; width: 460px;}
.admin_frame input.checkitem {height: 20px;}
.counter {color: #760303; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; font-weight: bold; margin-top: 53px; padding-right: 22px; text-align: right;}
.redtext {color: #740303; font-family: 'trebuchet ms', helvetica, sans-serif, tahoma; font-size: 12px; font-weight: bold;}
#admin {float: right; padding: 0 10px 0 15px; width: 190px;}
#admin input.box {border: 1px solid #7F9DB9; color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; height: 15px; margin-bottom: 7px; padding: 1px 4px 0 4px;}
#admin input.fileupload {border: 1px solid #7F9DB9; border-spacing: 0px;color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; height: 19px; margin-bottom: 4px; padding: 1px 4px 0 4px; width: 176px;}
#admin select.listitem {border: 1px solid #7F9DB9; color: #534223; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; margin-bottom: 7px; width: auto;}
