body {margin: 0px auto;padding: 0px;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background: #FFFFFF/*url('../images/layout/pagePad.jpg') repeat-y center 0px #DFEBF4*/;}

#pageBlock {margin: 0px auto 20px;padding: 0px;position: relative;width: 840px;height: auto;}

#header {margin: 0px auto;padding: 0px;position: relative;display: block;width: 800px;height: 207px;overflow: hidden;}
#header span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 0px;display: block;width: 800px;height: 207px;background: url('../images/layout/headerBG_p1.jpg') no-repeat 0px 0px;}
#header span span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 104px;display: block;width: 800px;height: 103px;background: url('../images/layout/headerBG_p2.jpg') no-repeat 0px 0px;}
#header a {margin: 0px;padding: 0px;position: absolute;left: 334px;top: 60px;display: block;width: 466px;height: 77px;overflow: hidden;}
#header a span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 0px;display: block;width: 466px;height: 77px;background: url('../images/layout/headerLink.jpg') no-repeat 0px 0px;}

#mainBlock {margin: 0px 20px;padding: 0px 0px 0px 185px;position: relative;width: 615px;height: auto;background: url('../images/layout/contentPad.gif') repeat-y 0px 0px;}
#mainBlock:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;} /* Clear box */

#contentBlock {margin: 0px;padding: 0px;position: relative;width: 100%;height: auto;float: left;}
#contentBlock .textBox {margin: 25px auto 0px;padding: 35px 20px 0px;position: relative;width: 520px;height: auto;border: dashed 1px #1B4568;}
#contentBlock .textBox:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;} /* Clear box */
#contentBlock .textBox h2 {margin: 0px;padding: 0px;position: absolute;right: -1px;top: -11px;width: 204px;height: 31px;font-size: 20px;font-weight: normal;color: #184061;background: url('../images/layout/textBoxHeaderBG.gif') no-repeat 0px 10px;}
#contentBlock .textBox h3 {margin: 0px 0px 5px;padding: 0px;position: relative;width: auto;height: auto;font-size: 20px;font-weight: normal;color: #184061;text-align: left;}
#contentBlock .textBox p {margin: 0px 0px 15px;padding: 0px;position: relative;width: auto;height: auto;text-align: justify;color: #184061;line-height: 20px;}
#contentBlock .textBox p.centered {text-align: center;}
#contentBlock .textBox img {margin: 6px 0px 10px 15px;padding: 0px;position: relative;border: none;float: right;clear: both;}
#contentBlock .textBox hr {margin: 0px auto 15px;padding: 0px;position: relative;width: 100%;height: 1px;background: none;border: none;border-top: dashed 1px #184061;}
#contentBlock .textBox ul {margin: 0px 0px 15px;padding: 0px;position: relative;width: auto;height: auto;list-style: url('../images/layout/bullet.gif');}
#contentBlock .textBox ul li {margin: 0px 0px 0px 15px;padding: 0px;position: relative;width: auto;height: auto;font-size: 12px;line-height: 20px;text-align: justify;color: #184061;}
#contentBlock .textBox a {margin: 0px;padding: 0px;position: relative;width: auto;height: auto;font-size: 12px;color: #FF6600;text-decoration: none;}
#contentBlock .textBox a:hover {color: #FF6600;text-decoration: underline;}

#columnLeft {margin: 0px 0px 0px -800px/*-100%*/;padding: 0px;position: relative;/*right: 185px;*/width: 185px;height: auto;float: left;}
* html #columnLeft {/*right: -40px*/;} /* IE6 Fix */

#navMain {margin: 0px;padding: 0px;position: relative;width: 185px;height: auto;background: url('../images/layout/navMainPad.jpg') repeat-y right 0px;}
#navMain ul {margin: 0px;padding: 0px;position: relative;width: 185px;height: auto;list-style: none;background: url('../images/layout/navMainBG.jpg') no-repeat right 0px;}
#navMain ul li ul {margin: 0px 0px 0px 3px;padding: 0px;position: relative;width: 185px;height: auto;list-style: none;background: none;}
#navMain li, #nav ul li {margin: 0px 0px 0px -3px;padding: 0px;position: relative;width: 188px;height: auto;}
#navMain li, #nav ul li {*margin-bottom: -3px;} /*  IE7 Fix */
#navMain li a, #nav ul li a {margin: 0px;padding: 0px;position: relative;display: block;width: 188px;height: 24px;text-indent: -9000px;overflow: hidden;}
#navMain li.alt a {height: 34px;}
#navMain li.alt_login a {height: 43px;}
#navMain li.alt_loggedIn a {height: 34px;}
#navMain li a span, #navMain ul li a span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 0px;display: block;width: 188px;height: 24px;}

#navMain ul.hideSubMenu {display: none;}
* html #navMain ul.hideSubMenu {display: block;} /* IE6 Fix */

#navMain li a.index span {height: 34px;background: url('../images/layout/navbuttons/index.png') no-repeat 0px 0px;}
#navMain li a.howToStart span {background: url('../images/layout/navbuttons/howToStart.png') no-repeat 0px 0px;}
#navMain li a.equipmentSelection span {background: url('../images/layout/navbuttons/equipmentSelection.png') no-repeat 0px 0px;}
#navMain li a.safetyTips span {background: url('../images/layout/navbuttons/safetyTips.png') no-repeat 0px 0px;}
#navMain li a.comfortTips span {background: url('../images/layout/navbuttons/comfortTips.png') no-repeat 0px 0px;}
#navMain li a.training span {background: url('../images/layout/navbuttons/training.png') no-repeat 0px 0px;}
#navMain li a.UKMap span {background: url('../images/layout/navbuttons/UKMap.png') no-repeat 0px 0px;}
#navMain li a.globalMap span {background: url('../images/layout/navbuttons/globalMap.png') no-repeat 0px 0px;}
#navMain li a.equipment span {background: url('../images/layout/navbuttons/equipment.png') no-repeat 0px 0px;}
#navMain li a.scubaDiving span {background: url('../images/layout/navbuttons/scubaDiving.png') no-repeat 0px 0px;}
#navMain li a.gallery span {background: url('../images/layout/navbuttons/gallery.png') no-repeat 0px 0px;}
#navMain li a.forum span {background: url('../images/layout/navbuttons/forum.png') no-repeat 0px 0px;}
#navMain li a.games span {background: url('../images/layout/navbuttons/games.png') no-repeat 0px 0px;}
#navMain li a.quiz span {background: url('../images/layout/navbuttons/quiz.png') no-repeat 0px 0px;}
#navMain li a.links span {height: 34px;background: url('../images/layout/navbuttons/links.png') no-repeat 0px 0px;}
#navMain li a.login span {height: 43px;background: url('../images/layout/navbuttons/login.png') no-repeat 0px 0px;}
#navMain li a.accountAdmin span {height: 34px;background: url('../images/layout/navbuttons/accountAdmin.png') no-repeat 0px 0px;}
#navMain li a.logout span {height: 34px;background: url('../images/layout/navbuttons/logout.png') no-repeat 0px 0px;}

* html #navMain li a.index span {background: none;} /* IE6 Fix */
* html #navMain li a.howToStart span {background: none;} /* IE6 Fix */
* html #navMain li a.equipmentSelection span {background: none;} /* IE6 Fix */
* html #navMain li a.safetyTips span {background: none;} /* IE6 Fix */
* html #navMain li a.comfortTips span {background: none;} /* IE6 Fix */
* html #navMain li a.training span {background: none;} /* IE6 Fix */
* html #navMain li a.UKMap span {background: none;} /* IE6 Fix */
* html #navMain li a.globalMap span {background: none;} /* IE6 Fix */
* html #navMain li a.equipment span {background: none;} /* IE6 Fix */
* html #navMain li a.scubaDiving span {background: none;} /* IE6 Fix */
* html #navMain li a.gallery span {background: none;} /* IE6 Fix */
* html #navMain li a.forum span {background: none;} /* IE6 Fix */
* html #navMain li a.games span {background: none;} /* IE6 Fix */
* html #navMain li a.quiz span {background: none;} /* IE6 Fix */
* html #navMain li a.links span {background: none;} /* IE6 Fix */
* html #navMain li a.login span {background: none;} /* IE6 Fix */
* html #navMain li a.accountAdmin span {background: none;} /* IE6 Fix */
* html #navMain li a.logout span {background: none;} /* IE6 Fix */

#navMain li {font-size: 0px;text-indent: -9000px;overflow: hidden;}
#navMain li span {margin: 0px;padding: 0px;position: relative;display: block;width: 188px;height: 24px;cursor: pointer;}
#navMain li.resourcePages span {background: url('../images/layout/navbuttons/resourcePages.png') no-repeat 0px 0px;}
#navMain li.snorkelingSites span {background: url('../images/layout/navbuttons/snorkelingSites.png') no-repeat 0px 0px;}
#navMain li.kidsZone span {background: url('../images/layout/navbuttons/kidsZone.png') no-repeat 0px 0px;}

* html #navMain li {font-size: 12px;text-indent: 0px;color: #CCCCCC;} /* IE6 Fix */
* html #navMain li.resourcePages span {background: none;} /* IE6 Fix */
* html #navMain li.snorkelingSites span {background: none;} /* IE6 Fix */
* html #navMain li.kidsZone span {background: none;} /* IE6 Fix */

#navMain li a:hover span {background-position: -188px 0px;}
#navMain li a#currentPage span {background-position: -376px 0px;}

/* Alt vars for IE6 version of main nav */
* html #navMain {margin: 0px;padding: 0px;position: relative;display: block;} /* IE6 Fix */
* html #navMain ul {margin: 0px;padding: 0px;position: relative;display: block;width: 185px;height: auto;text-align: left;} /* IE6 Fix */
* html #navMain ul li {margin: 0px;padding: 0px;position: relative;display: block;width: 185px;height: 20px;text-indent: 20px;} /* IE6 Fix */
* html #navMain ul li.resourcePages, * html #navMain ul li.snorkelingSites, * html #navMain ul li.kidsZone {height: auto;} /* IE6 Fix */
* html #navMain ul li span {display: none;} /* IE6 Fix */
* html #navMain ul a {margin: 0px;padding: 0px;position: relative;display: block;width: 185px;height: 20px;text-indent: 20px;color: #FFFFFF;font-size: 12px;text-decoration: none;} /* IE6 Fix */
* html #navMain ul a:hover {display: block;text-decoration: underline;} /* IE6 Fix */
* html #navMain li a#currentPage {text-decoration: underline;}
* html #navMain ul a span {display: none;} /* IE6 Fix */
* html #navMain ul li ul {margin: 0px;padding: 0px;position: relative;display: block;width: 185px;height: auto;} /* IE6 Fix */
* html #navMain ul li ul li {margin: 0px;padding: 0px;position: relative;display: block;width: 185px;height: 20px;} /* IE6 Fix */
* html #navMain ul li ul li span {display: none;} /* IE6 Fix */
* html #navMain ul li ul li a {margin: 0px;padding: 0px;position: relative;display: block;width: 185px;height: 20px;text-indent: 40px;color: #FFFFFF;font-size: 12px;text-decoration: none;} /* IE6 Fix */
* html #navMain ul li ul li a:hover {display: block;text-decoration: underline;} /* IE6 Fix */
* html #navMain ul li ul li a span {display: none;} /* IE6 Fix */
/* Alt vars for IE6 version of main nav */

#boxouts {margin: 0px 0px 1px;padding: 0px;position: relative;width: 185px;height: auto;background: url('../images/layout/boxoutTop.gif') no-repeat 0px 0px;list-style: none;}
#boxouts li {margin: 0px;padding: 0px;position: relative;width: 185px;height: 99px;}
#boxouts li {*height: 96px;} /* IE7 Fix */
#boxouts li a {margin: 0px;padding: 0px;position: absolute;left: -8px;top: 0px;display: block;width: 155px;height: 99px;}
#boxouts li a {*height: 96px;} /* IE7 Fix */
#boxouts li a img {margin: 0px;padding: 0px;position: relative;border: none;}

#boxouts li.first {margin: 0px;height: 50px;text-align: center;}
#boxouts li.first {*margin-bottom: -3px;} /* IE7 Fix */
#boxouts li.first a {margin: 0px;padding: 0px;position: absolute;left: 12px;top: 0px;display: block;width: 135px;height: 50px;overflow: hidden;text-indent: -9000px;}
#boxouts li.first a span {margin: 0px;padding: 0px;position: absolute;left: 0px;bottom: 0px;display: block;width: 135px;height: 36px;background: url('../images/boxout/header.jpg') no-repeat 0px 0px;}

#footer {margin: 0px auto;padding: 0px;position: relative;width: 800px;height: 74px;background: url('../images/layout/footerBG.jpg') no-repeat right 0px;}
#footer #columnBottom {margin: 0px;padding: 0px;position: absolute;left: 160px;top: -185px;display: block;width: 25px;height: 185px;background: url('../images/layout/columnBottom.jpg') no-repeat right 0px;}
#footer p {margin: 0px;padding: 0px;position: absolute;left: 20px;bottom: 0px;width: auto;height: auto;text-align: right;color: #184061;font-size: 11px;}
#footer p a {margin: 0px;padding: 0px;position: relative;text-decoration: none;color: #184061;font-size: 11px;}
#footer p a:hover {color: #266599;}
#footer ul {margin: 0px;padding: 0px;position: absolute;right: 30px;bottom: 0px;width: auto;height: auto;text-align: right;}
#footer ul li {margin: 0px 0px 0px 20px;padding: 0px;position: relative;display: inline;color: #184061;font-size: 10px;}
#footer ul li a {margin: 0px;padding: 0px;position: relative;text-decoration: none;color: #184061;font-size: 11px;}
#footer ul li a:hover {color: #266599;}
#footer ul li a img.boost {margin: 0px;padding: 0px;position: relative;border: none;}