html { font-size: 100%; /* IE hack */ }
body {margin:0; background: #0967b4 url(../../images/bg.gif) 50% 0 repeat-y; color: #333; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }
/* Style Kit v7.0 */
div {display: inline-block;}
div {display: block;}
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0; padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
/* Colours */
.red {color: #ed1c24;}
/* Links */
a {color: #ed1c24; text-decoration: none;}
a:hover {text-decoration: underline;}
#butt-close {position:absolute; top: 62px; right: 0; width: 94px; height: 33px; display: block; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_close.gif) no-repeat;}
#synd-butts {position:absolute; top: 52px; left: 645px; width: 161px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_register.gif) no-repeat;}
#fb-link {position:absolute; top: 4px; left: 101px; width: 24px; height: 24px; display: block; }
#tw-link {position:absolute; top: 4px; left: 129px; width: 24px; height: 24px; display: block; }
#butt-viral {position:absolute; top: 12px; left: 666px; width: 167px; height: 33px; display: block; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_tellfriend.gif) no-repeat;}
#butt-checklist {display: block; width: 161px; height: 28px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_checklist.gif) no-repeat;}
#butt-beaches-back {display: block; width: 213px; height: 37px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_beaches_back.gif) no-repeat;}
#butt-gallery-back {display: block; width: 213px; height: 37px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_gallery_back.gif) no-repeat;}
#butt-register {display: none; width: 177px; height: 37px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_register_page.gif) no-repeat;}
a.addthis_button {float: left; margin-right: 8px;}
a.link-txt {display: block; padding-left: 15px; background:url(../../images/bullet.gif) 0 0.4em no-repeat;}
/* Headings */
h1 {position:absolute; left: 38px; width: 248px; height: 203px; }
h1 a {display: block; width: 248px; height: 203px; text-indent: -9999px; overflow: hidden; background:url(../../images/logo.gif) no-repeat;}
h2 {font-size: 2.2em; margin-bottom: 15px; color: #0055a5; text-transform:uppercase}
h2 span {color: #ed1c24;}
h3 {font-size: 1.6em; margin-bottom: 10px; color: #0055a5; text-transform:uppercase}
h3 span {color: #ed1c24;}
/* Lists */
#nav {position:absolute; top: 45px; left: 314px; width: 500px; height: 44px; display: block; margin: 0; padding: 4px 0 0 5px; list-style: none; background:url(../../images/nav_bg2.gif) no-repeat;}
#nav li {display: inline-block;}
#nav li {display: block; float: left; height: 30px; margin: 0 30px 0 0; padding: 0;}
#nav a {display: block; height: 30px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;}
#nav a:hover, #nav li.current a {background-position: 0 -30px; }
#nav #n-01 {width: 47px; background-image:url(../../images/nav_home.gif);}
#nav #n-02 {width: 78px; background-image:url(../../images/nav_event.gif);}
#nav #n-03 {width: 65px; background-image:url(../../images/nav_beaches.gif);}
#nav #n-04 {width: 91px; background-image:url(../../images/nav_rego.gif);}
#nav #n-05 {width: 104px; background-image:url(../../images/nav_record.gif);}
#nav #n-06 {width: 62px; background-image:url(../../images/nav_gallery.gif);}
#nav #n-07 {width: 47px; background-image:url(../../images/nav_links.gif);}
#nav #n-08 {width: 36px; background-image:url(../../images/nav_faq.gif);}
#nav #n-09 {width: 104px; background-image:url(../../images/nav_subscribe.gif);}
#footnav {display: block; float: left; margin: 0; padding: 2px 0 0 0;}
#footnav li {display: inline-block;}
#footnav li {display: block; float: left; padding-right: 8px; background:url(../../images/footer_div.gif) 100% 50% no-repeat; margin-right: 8px;}
#footnav a {color: #FFF;}
ul.squares {display: block; margin: 0 0 15px 0; padding: 0; list-style: none;}
ul.squares li {display: inline-block;}
ul.squares li {display: block; padding-left: 15px; margin-bottom: 5px; background:url(../../images/bullet.gif) 0 0.4em no-repeat;}
#news {display: block; height: 30px; margin: 0 0 20px 0; padding: 12px 0 0 125px; background: url(../../images/bg_news.gif) no-repeat; color: #FFF; list-style: none;}
#news a {color: #FFF;}
#links-list {display: block; margin: 0; padding: 0; list-style: none;}
#links-list li {display: inline-block;}
#links-list li {display: block; margin: 0 0 10px 0; }
#links-list ul {display: block; float: left; padding: 0; margin: 0 0 10px 0; list-style: none;}
#links-list ul li {display: block; float: left; width: 155px; height: 120px; margin: 0 23px 10px 0; padding: 0; list-style: none;}
#links-list ul li.last {margin-right: 0;}
#gallery-list {float: left; display: block; margin: 0; padding: 25px 0 0 5px; list-style: none;}
#gallery-list li {display: inline-block;}
#gallery-list li {display: block; float: left; margin: 0 5px 10px 0; width: 275px; height: 210px;}
#gallery-list li img {display: block; margin-bottom: 10px;}
#gallery-list h3 {text-align: center;}
#album-list {display: block; float: left; padding: 0; margin: 0 0 15px 0; list-style: none;}
#album-list li {display: inline-block;}
#album-list li {display: block; float: left; width: 157px; height: 112px; margin: 0 20px 20px 0; padding: 0; list-style: none;}
#album-list img {width: 155px; height: 110px; border: 1px solid #d0d0d0; display: block;}
#album-list li.last {margin-right: 0;}
ol {margin: 0 0 15px 0; padding: 0 0 0 16px; }
ol li {margin-bottom: 15px; }
ul.errormess {margin: 0 0 25px 0; padding: 0; list-style: none; color: #990000;}
/* Tables */
/* Forms */
#regfrm {display: block; background: #e9e9e9; padding: 25px 45px 15px 45px;}
#regfrm fieldset {display: block; width: 235px;}
#regfrm fieldset.full {width: 100%;}
#regfrm fieldset.buffer {margin-bottom: 25px;}
#regfrm label {display: block; margin-bottom: 3px; font-weight: bold;}
#regfrm input.frmfld {display: block; padding: 4px 2px; width: 220px; margin: 0 5px 10px 0; border: 1px solid #d0d0d0; background-color: #FFF;}
#regfrm select {display: block; padding: 4px 2px; width: 224px; margin: 0 5px 10px 0; border: 1px solid #d0d0d0; background-color: #FFF;}
#regfrm select.dob {display: inline; padding: 4px 2px; width: auto; }
#regfrm #submitter {display: block; float: left; width: 120px; height: 37px; background:url(../../images/butt_submit.gif) no-repeat; text-indent: -9999px; overflow: hidden; border: none; cursor: pointer;}
#regfrm #mandate {float: right; width: 200px; font-size: 11px; text-align: right; font-style: italic; color: #888;}
#regfrm #waiver-text {border: 1px solid #ccc; height: 200px; background-color: #f8f8f8; padding: 10px; overflow: auto; margin-bottom: 20px;}
/* Superstructure */
#shield {position: relative; width: 970px; margin: 20px auto; }
#header {position: absolute; top: 0; left: 0; z-index: 1; width: 970px; height: 203px;}
#main {padding: 130px 23px 0 29px; font-size: 1.1em; line-height: 1.4em;}
#page-bg {background: #FFF url(../../images/page_bg.gif) repeat-y;}
#page-header {background: url(../../images/page_head.gif) 0 0 no-repeat; padding: 10px 27px 20px 20px; min-height: 400px; }
#page-footer {height: 6px; background: url(../../images/page_foot.gif) 6px 0 no-repeat; padding: 17px; color: #FFF;}
#sidebar {position: relative; float: left; width: 250px; padding: 110px 0 0 0 ; }
#page {float: right; width: 600px; }
/* Infrastructure */
#counter {position:absolute; top: 6px; left: 855px; width: 71px; height: 88px; padding: 5px 10px; text-align: center; background:url(../../images/countdown.gif) no-repeat; font-size:4.8em; color: #0055a5; overflow: hidden;}
#copyright {padding: 2px 0 0 0; float: right; }
img.masthead {display: block; width: 600px; margin-bottom: 25px;}
div.page-txt {padding: 0 0 0 15px;}
div.page-txt-col-left {float: left; width: 265px; padding: 0 0 0 15px;}
div.page-txt-col-right {float: right; width: 265px; padding: 0 15px 0 0;}
#link-intro {padding: 30px 50px 0 285px; min-height: 75px; height:auto !important; height:75px;}
.blue-border {border: 5px solid #0055a5;}
#popup {background: #ee3625 url(../../images/bg_red.gif) !important; margin: 20px 10px;}
#popup #popform {width: 529px; margin: 0 auto; font-size: 1.1em;}
#popup #pophead {position: relative; width: 529px; height: 154px; background: url(../../images/pop_head.gif) no-repeat;}
#popup #popbody {background: #FFF; padding: 15px;}
#popup #popfoot {width: 529px; height: 15px; background: url(../../images/pop_foot.gif) no-repeat;}
#popform fieldset {display: block; width: 235px;}
#popform fieldset {display: block; width: 235px;}
#popform fieldset.full {width: 100%;}
#popform fieldset.buffer {margin-bottom: 25px;}
#popform label {display: block; margin-bottom: 3px; font-weight: bold;}
#popform input.frmfld {display: block; padding: 4px 2px; width: 220px; margin: 0 5px 10px 0; border: 1px solid #d0d0d0; background-color: #FFF;}
#popform #submitter {display: block; float: right; width: 120px; height: 37px; background:url(../../images/butt_submit.gif) no-repeat; text-indent: -9999px; overflow: hidden; border: none; cursor: pointer;}
#rego-closed {display: block; margin: 20px auto 50px auto;}
#subform {position: relative; width: 750px; height: 460px; background: #FFF url(../../images/pop_logo.gif) 15px 15px no-repeat; overflow: hidden;}
#subform #pop-close {position: absolute; right: 15px; top: 15px; display: block; width: 27px; height: 27px; background:url(../../images/pop_close.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#subform #pop-title {position: absolute; left: 245px; top: 45px; display: block; width: 422px; height: 66px; background:url(../../images/pop_title.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#subform #pop-img {position: absolute; left: 359px; top: 158px; display: block; width: 366px; height: 272px; }
#subform form {position: absolute; left: 30px; top: 200px; display: block; width: 275px; display: block; color: #0a5ba0; font-weight: bold; font-size: 11px;}
#subform form fieldset {display: block; padding: 0; margin: 0 0 15px 0;}
#subform input.cbox {margin-right: 10px;}
#subform label {display: block; width: 275px; height: 20px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}
#subform #lab-name {background-image: url(../../images/pop_label_name.gif);}
#subform #lab-email {background-image: url(../../images/pop_label_email.gif);}
#subform input.frmfld {display: block; width: 271px; padding: 2px; font-size: 12px; color: #ed1c24; font-weight: bold; margin-bottom: 5px; border: 1px solid #0a5ba0;}
#subform #butt-add {display: block; width: 86px; height: 31px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_add.gif) no-repeat;}
#subform #pop-subthanks {position: absolute; left: 30px; top: 250px; display: block; width: 275px; display: none; }