body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

body {margin:0px; padding:0px; font:76% Century Gothic, Verdana, Helvetica, Arial,  sans-serif; color:#000; }

.left {float:left}

#container {width:100%; text-align:center}
#mainWrap {width:960px;}
#topNavWrap {float:left; padding-bottom:14px; margin-bottom:20px; border-bottom:1px dotted #a6a6a6; }
#topNavWrap ul {width:960px; list-style-type:none; padding-top:5px; margin-left:6px }
#topNavWrap ul li {display:inline; padding-right:23px}
#topNavWrap ul li a {background-image:url('images/topNavSprite.gif'); height:24px; position:relative; display:inline-block; }
#topNavWrap ul li a.home {background-position:0px 0px; width:85px;}
#topNavWrap ul li a:hover.home {background-position:0px -25px; width:85px}
#topNavWrap ul li a.about {background-position:-110px 0px; width:133px}
#topNavWrap ul li a:hover.about {background-position:-110px -25px; width:133px}
#topNavWrap ul li a.menu {background-position:-275px 0px; width:90px}
#topNavWrap ul li a:hover.menu {background-position:-275px -25px; width:90px}
#topNavWrap ul li a.gallery {background-position:-407px 0px; width:120px}
#topNavWrap ul li a:hover.gallery {background-position:-407px -25px; width:120px}
#topNavWrap ul li a.join {background-position:-565px 0px; width:230px}
#topNavWrap ul li a:hover.join {background-position:-565px -25px; width:230px}
#topNavWrap ul li a.location {background-position:-830px 0px; width:120px}
#topNavWrap ul li a:hover.location {background-position:-830px -25px; width:120px}

#activeSwirl {float:left}
#activeSwirl.home {margin-left:36px}
#activeSwirl.about {margin-left:170px}
#activeSwirl.menu {margin-left:310px}
#activeSwirl.gallery {margin-left:444px}
#activeSwirl.join {margin-left:642px}
#activeSwirl.location {margin-left:848px}

#contentWrap {width:940px;}

#contentWrap h1 {font-size:150%; color:#233657; font-weight:bold; }
#contentWrap h1 span.subHead {color:#c30c3e; font-weight:normal; font-style:italic}

#contentWrap table.home h1 {color:#c30c3e; display:block; font-weight:bold; font-size:160%; padding:7px 0px 5px 0px}
#contentWrap table.home p {color:#233657; line-height:22px; font-size:120%}
.homeImg {padding:10px 0px 20px 0px; float:left}

#contentWrap table {width:100%; text-align:left; float:left;}
#contentWrap table tr td {padding:8px}
#contentWrap table tr td p {color:#233657; padding:8px 10px 8px 0px}

#contentWrap table.menu {width:100%; float:left}
#contentWrap table.menu tr td.menuItem {text-align:center; border-bottom:1px dotted #a6a6a6; padding:0px 100px 10px 100px; width:640px}
#contentWrap table.menu tr td.menuItem h2 {color:#233657; font-size:170%; font-weight:bold; padding:7px 0px 4px 0px}
#contentWrap table.menu tr td.menuItem p {color:#233657; font-size:110%; padding:2px 0px !important}
#contentWrap table.menu tr td.menuItem p span.price {color:#c30c3e}

#contentWrap table.centered {text-align:center; float:left; color:#233657}
#contentWrap table.centered p {font-size:110%; }
#contentWrap table.centered h2 {font-weight:bold; font-size:170%; padding:15px 0px}
#contentWrap table.centered h3 {font-weight:bold; font-size:130%; padding:15px 0px}
.contactTop {margin-top:30px}
.contactBtm {margin-bottom:100px}

#contentWrap table.home {float:left;}
#contentWrap table.home tr td {vertical-align:top}
#contentWrap table.home tr td.homeFeatures {float:right; border-collapse:collapse; width:275px; text-align:center;}
#contentWrap table.home tr td.homeFeatures h2 {font-weight:bold; font-size:170%; color:#233657; text-transform:uppercase; }
#contentWrap table.home tr td.homeFeatures p {color:#233657; font-size:110%; padding:6px 0px 0px 0px !important; line-height:16px}
#contentWrap table.home tr td.homeFeatures p.featureDate {color:#c30c3e; font-size:100%; font-weight:bold; margin-bottom:8px; padding-bottom:7px !important; border-bottom:1px dotted #6a6a6a}

#pageLeft {width:450px; float:left; text-align:left}
#pageLeft p {color:#233657; padding:8px 0px}
#pageRight {float:right; text-align:left; width:450px}
#pageRight p.reference {color:#919191; font-style:italic}
#pageLeft ul li {display:inline; padding:0px 13px 13px 0px; float:left}


#joinList {width:350px}
#joinList p {color:#233657; font-size:110%; padding-top:6px; line-height:22px}
#joinForm {width:370px; margin-top:10px; text-align:left;}
.field {float:left; color:#233657; font-size:120%;}
.field h2 {font-weight:bold}
.field h2.name {padding-top:3px}
.field h2.add {padding-top:10px}
.field h2.postcode {padding-top:81px}
.field h2.email {padding-top:6px}
.fieldInput {float:left; margin-left:20px;}
.fieldInput .input {display:block; margin:5px 0px }
#submitWrap {display:block}
.submitBtn {background:url('images/submitBtm.gif') bottom no-repeat; padding-bottom:20px; width:110px; border:none; font-family:Century Gothic; color:#233657; font-weight:bold; font-size:140%; cursor:pointer; margin:20px 0px 0px 40px }


#location {float:left; text-align:left;}
#location h2 {font-size:120%; color:#233657}
#map {margin-left:42px; float:left}


#contactWrap  {color:#233657; margin:40px auto 50px auto}
#contactWrap p {font-size:110%}
#contactWrap h2 {font-weight:bold; font-size:170%; padding:15px 0px}
#contactWrap h3 {font-weight:bold; font-size:130%; padding:15px 0px}

.subText {padding-top:10px; }

#termsAndConditions {width:800px; text-align:left;}
#termsAndConditions p {padding-bottom:8px}


#footer {padding-top:20px; float:left; height:140px}
#footer ul {list-style-type:none}
#footer ul li {display:inline; padding-right:22px}
#footer ul li a {background-image:url('images/footerSprite.gif'); height:20px; position:relative; display:inline-block; }
#footer ul li a.terms {background-position:0px 0px; width:158px}
#footer ul li a:hover.terms {background-position:0px -22px; width:158px}
#footer ul li a.policy {background-position:-188px 0px; width:126px}
#footer ul li a:hover.policy {background-position:-188px -22px; width:126px}
#footer ul li a.contact {background-position:-345px 0px; width:102px}
#footer ul li a:hover.contact {background-position:-345px -22px; width:102px}

#footer ul li a.activeTerms {background-position:0px -22px; width:158px}
#footer ul li a.activePolicy {background-position:-188px -22px; width:126px}
#footer ul li a.activeContact {background-position:-345px -22px; width:102px}