@charset "utf-8";
/* -- Global -- */
* {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; margin: 0; padding: 0; list-style-type: none;}
/* -- Body -- */
html, body {height: 100%;} 
body {text-align: center; background: #0A3C4D url(../images/bg.gif) repeat;}
/* -- Headers -- */
h1 {height: 183px; background: url(../images/stag_logo.jpg) no-repeat;}
h2 {font-size: 19px; color:#FEC500;}
.itemhead {font-size: 17px; font-weight:bold; color:#FEC500;}
/* -- Main Divs -- */
#wrapper {width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -64px; text-align: left;} 
#header {position: relative; min-width: 900px; width: 100%; height: 214px; background: url(../images/header_bg.png) repeat-x; text-align: center;}
#logo {width: 810px; margin: 0 auto;}
#push {height: 64px;}
#menubar {width: 542px; height: 34px; margin: -14px auto 0px auto;}
#content {width: 900px; margin: 0 auto; margin-top: 1px; margin-bottom: 14px;}
#footer {bottom: 0; height: 50px; background: url(../images/footer_bg.gif) repeat-x; padding-top: 14px;}
/* -- Top Floats and Quick Enquiry Form -- */
#phonetag {position: absolute; top: 0px; left: 0px; width: 152px; height: 152px; background: url(../images/corner_tag.png) no-repeat;}
.formFloat {position: absolute; top: 0px; right: 0px; width: 302px; height: 168px; background: url(../images/enquiry_box.png) no-repeat;}
#linktag {position: absolute; top: 0px; right: 0px; width: 84px; height: 69px; background: url(../images/link_tag_sm.png) no-repeat;}
#linktag a {display: block; width: 84px; height: 69px;}
.floatText {float: left; width: 59px; height: 20px; padding: 1px 0px 1px 11px; text-align: right;}
.floatText p {padding: 2px 2px 0px 0px; font-size: 14px; font-weight: bold; color:#FEC500;}
.floatInput {float: left; height: 20px; padding: 1px 0px 1px 0px;}
.floatInput input {width: 176px;}
.floatbigBox {float: left; height: 40px; padding: 1px 0px 1px 0px;}
.bigBox {width: 176px; height: 36px;}
#enqButtons {float: left; width: 250px; padding: 1px 11px 0px 0px;}
#enqButtons button {float: right; width: 88px; color: #FFFFFF; background-color: #1E869A; border: 1px solid #106B7C; margin-left: 4px;}
#enqButtons button:hover {background-color: #37A9BF; cursor: pointer; /* cursor: hand; for IE5 */}
/* -- Top Floats and Quick Enquiry Form -- */
.enqTitle {width: 302px; height: 30px; background: url(../images/quick_enquiry.gif) no-repeat;}
.enqError {width: 302px; height: 30px; background: url(../images/quick_error.gif) no-repeat;}
.formSuccess {top: 0px; right: 0px; width: 302px; height: 168px; background: url(../images/enquiry_success.png) no-repeat;}
/* -- Layout Divs -- */
#introleft {float: left; width: 213px; margin-right: 16px; padding-top: 3px;}
#introright {width: 664px; float: left;}
#activleft {float: left; width: 335px; margin-right: 16px; padding-top: 3px;}
#activright {width: 542px; float: left;}
#homeboxes {clear: both;}
#contactleft {float: left; width: 388px;}
#contactright {float: right; width: 496px; padding-top: 3px;}
#backandforth {width: 542px; margin-top: 16px; padding-top: 6px; border-top-width: 2px; border-top-style: solid; border-top-color: #0D5268;}
#goback {float: left;}
#goforward {float: right;}
/* -- Content Divs -- */
img.picpad {margin-top: 16px;}
.itembox {float: left; width: 213px; height: 257px; margin-top: 16px; margin-left: 16px;}
.itembox a {display: block; width: 191px; height: 235px; background: url(../images/box.gif); padding: 11px;}
.itembox a span {font-family: Verdana, Arial, Helvetica, sans-serif;}
.itembox a img {margin-bottom: 3px}
.itembox a:hover {background: url(../images/box.gif) -213px 0px; text-decoration: none;}
.itembox a:hover span.itemhead {text-decoration: underline;}
.nopad {margin-left: 0px;}
.notop {margin-top: 10px;}
/* -- Activities Tabs -- */
.tabsbar {width: 900px; height: 71px; background: url(../images/tabs_bar.gif) 0px 31px no-repeat;}
.opentab {float: left; width: 202px; height: 42px; background: url(../images/opentab.gif) no-repeat;}
.closedtab {float: left; display: block; margin-left: 8px; width: 191px; height: 23px; font-weight:bold; background: url(../images/closedtab.gif) no-repeat; padding-left: 11px; padding-top: 8px;}
.closedtab:hover {text-decoration:none; background: url(../images/closedtab.gif) 0px -31px no-repeat;}
.closedtabL {float: left; display: block; margin-left: 0px; margin-right: 8px; width: 191px; height: 32px; font-weight:bold; background: url(../images/closedtab_left.gif) no-repeat; padding-left: 11px; padding-top: 8px;}
.closedtabL:hover {text-decoration:none; background: url(../images/closedtab_left.gif) 0px -40px no-repeat;}
.opentext {padding-left: 11px; padding-top: 11px;}
.tab {margin-top: -25px}
.food {padding-left: 11px; margin-top: -41px;}
.actipad {padding-top: 3px;}
#infopane {width: 279px; height: 50px; padding-left: 56px; padding-top: 6px; background: url(../images/activities_info.gif) 0px 8px no-repeat;}
#infopane p {padding-top: 4px;}
#daytimeactivities {height: 1395px;}
#eveningactivities {height: 849px;}
/* -- Packages Layout -- */
.pacpic {float: left;}
.pactextSm, .pactextBb {float: left; width: 217px; height: 156px; padding-left: 20px; padding-top: 7px; margin-left: -8px; background: url(../images/pac_box_small.gif) no-repeat;}
.pactextSm p {padding-top: 9px;}
.pactextBb p {padding-top: 12px;}
.pactextMe, .pactextMac {float: left; width: 217px; height: 169px; padding-left: 20px; padding-top: 7px; margin-left: -8px; background: url(../images/pac_box_med.gif) no-repeat;}
.pactextMe p {padding-top: 3px;}
.pactextMac p {padding-top: 13px;}
.pactextBi, .pactextTw {float: left; width: 217px; height: 201px; padding-left: 20px; padding-top: 7px; margin-left: -8px; background: url(../images/pac_box_large.gif) no-repeat;}
.pactextBi p {padding-top: 3px;}
.pactextTw p {padding-top: 13px;}
.pacpad {padding-top: 16px;}
.pactop {padding-top: 3px;}
.shift {margin-left: 16px;}
/* -- Content Styles -- */
p {padding-top: 12px;}
a {color: #FEC500; text-decoration: none; outline: none;}
a:hover {color: #FFEB8E; text-decoration: underline;}
.abs a {color: #57CAE6;}
.abs a:hover {color: #9CEBFF;}
a.footlinks {color: #FFFFFF;}
a.footlinks:hover {color: #FEC500;}
a.footlinks img {position: relative; top: 2px; border: none; padding-right: 3px;}
.yellow {color:#FEC500;}
.footleft {margin: 0px 37px 0px 0px;}
.footright {margin: 0px 0px 0px 37px;}
.slashes {color:#345A61; margin: 0px 15px 0px 15px;}
.short {padding-top: 0px;}
.padded {padding-top: 12px;}
.footspace {padding-top: 5px;}
.hide {text-indent: -9999px;}
.clear {clear: both; height: 0px;}
ul#bulletlist li {background: url(../images/bullet.gif) 1px 5px no-repeat; text-indent: 12px;}
ul#bulletlist li.nobullet {background: none;}
#activheadL {float: left;}
#activheadR {float: right; padding-top: 3px;}
/* -- Contact Form Styles -- */
.formstackL {float: left;}
.formstackR {float: right;}
.required, .error {font-weight: bold; color: #FF7E00;}
input {width: 182px; color: #000000;}
textarea {width: 386px; color: #000000;}
#contactleft p {padding-top: 8px;}
#formbuttons {float: right;}
#formbuttons button {color: #FFFFFF; background-color: #1E869A; border: 1px solid #106B7C; padding: 0px 10px 0px 10px; margin-left: 8px; margin-top: 8px;}
#formbuttons button:hover {background-color: #37A9BF; cursor: pointer; /* cursor: hand; for IE5 */}
#contactHead {width: 388px; height: 39px; background: url(../images/contact.gif) no-repeat; padding-top: 5px; margin-bottom: 2px; margin-top: 11px;}
#contactHeadex {width: 388px; height: 39px; background: url(../images/contact.gif) 29px 0px repeat-x; padding-top: 5px; margin-bottom: 2px; margin-top: 11px;}
#successmsg {padding-top: 12px;}
.successhead
/* -- Menu -- */
ul#mainmenu {margin-left: 180px;}
ul#mainmenu li {float: left; height: 32px;}
ul#mainmenu li a, ul#menu li span {display: block; height: 32px;}
.m1 {width: 77px; background: url(../images/buttons/home.gif);}
.m2 {width: 112px; background: url(../images/buttons/about_us.gif);}
.m3 {width: 115px; background: url(../images/buttons/activities.gif);}
.m4 {width: 110px; background: url(../images/buttons/packages.gif);}
.m5 {width: 128px; background: url(../images/buttons/contact_us.gif);}
.m1:hover {background: url(../images/buttons/home.gif) 0px -32px;}
.m2:hover {background: url(../images/buttons/about_us.gif) 0px -32px;}
.m3:hover {background: url(../images/buttons/activities.gif) 0px -32px;}
.m4:hover {background: url(../images/buttons/packages.gif) 0px -32px;}
.m5:hover {background: url(../images/buttons/contact_us.gif) 0px -32px;}
/* -- Menu Locked -- */
.m1l {width: 77px; background: url(../images/buttons/home.gif) 0px -32px;}
.m2l {width: 112px; background: url(../images/buttons/about_us.gif) 0px -32px;}
.m3l {width: 115px; background: url(../images/buttons/activities.gif) 0px -32px;}
.m4l {width: 110px; background: url(../images/buttons/packages.gif) 0px -32px;}
.m5l {width: 128px; background: url(../images/buttons/contact_us.gif) 0px -32px;}
.required, .error, .floatText .error {font-weight: bold; color: #FF7E00;}