body 
{
	margin:0;
	padding:0;
	background: #eef5f9 url(../images/page-layout/page-bg.gif) repeat-x ; 
	font-family:Verdana, Arial, Sans-Serif;
	font-size:0.8em;
	z-index:0;
	color:#333;
}

a {color:#006699; text-decoration:none; border-bottom:1px solid #006699;}
a:hover {color:#FE1A02; text-decoration:none; border-bottom:1px solid #FE1A02;}
a img {margin:5px 10px; border:4px solid #fff;}
a:hover img {margin:5px 10px; border:4px solid #FE9A02;}

.headerLeft  {background: url(../images/page-layout/header-left-bg.gif) repeat-x ; display:block; position:absolute; top:0; left:0; width:49%; height:150px; float:left; z-index:1;}
.headerRight {background: url(../images/page-layout/header-right-bg.gif) repeat-x; display:block; position:absolute; top:0; right:0; width:49%; height:150px; float:right; z-index:1;}
.menubg  {background: url(../images/page-layout/menu-bg.gif) center top no-repeat; display:block; position:relative; top:150px; width:100%; height:150px; float:left; z-index:1;}
* html .menubg {position:relative; margin-top:-150px;}

* html .headerLeft {position:fixed;}
* html .headerRight {position:fixed;}
  
.PageLayout 
{	
	top:-150px;
	margin:0 auto;
	padding:0;
	width:1024px;
	font-family:Verdana, Arial, Sans-Serif;
	position:relative;
	z-index:10;
	}

html>/**/body .PageLayout {top:0;}

.PageHeader {background: url("../images/page-layout/header.gif") no-repeat scroll 0 0 transparent;
    height: 152px;
    position: absolute;
    top: 0;
    width: 1024px;}

.PageHeader h1 
{
	text-indent:-99999px;
	margin:0;
	padding:0;
	height:0;
	width:0; 
	display:block;
	}

.PageHeader h2, .PageHeader h2 a
{
	margin:0;
	padding:0;
	height:152px;
	width:796px; 
	display:block;
float: left;
	z-index:10;
	border:0;
	}
	
.PageHeader h2 span, .PageHeader p a span
{
	text-indent:-99999px;
	margin:0;
	padding:0;
	height:0;
	display:block;
	width:0; 
	}	

.PageHeader p, .PageHeader p a
{
	margin:0;
	padding:0;
	height:152px;
	width:210px;
	display:inline-block;
	float:left;
	z-index:10;
	border:0;
	}
.PageHeader p a {background: url(../images/page-layout/padi-banner.png) center top no-repeat; }
 
.PageHeader p.PADIcenter {  height: auto;
    margin: -22px 0 0;
    position: relative;
    text-align: center;
    width: 1006px;}

.PageHeader p.PADIcenter a {color:#fff; width:1006px; height:auto; background: none;}

.Navigation 
{
	margin:0 auto;
	padding:0;
	width:1024px;
	height:70px;
	display: block;
	position:relative;
	z-index:10;
	}

.Navigation ul  
{
	margin:0;
	padding:0;
	position:relative;
	z-index:10;
}	
.Navigation ul li 
{
	margin:0;
	padding:0;
	display:inline;
	position:relative;
	z-index:10;
	}
	
.Navigation .SecondryNav 
{
	width:1024px;
	font-size:1em; 
	}
.Navigation .SecondryNav ul {float:right; padding:3px 10px 0 10px;}
.Navigation .SecondryNav ul li {padding:0 10px 0 10px; border-left: 1px solid #FF8A2B;}
.Navigation .SecondryNav ul li.none {border-left: 0;}
.Navigation .SecondryNav ul li.noBorder {border-left: 0px; }
.Navigation .PrimaryNav { height:40px;
	width:1024px;font-size:1.3em; font-weight:bolder; }
.Navigation .PrimaryNav ul {float:left; padding: 9px 0 0;}
.Navigation .PrimaryNav ul li {padding:0 8px;}

.Navigation a {color:#006699; text-decoration:none; text-decoration:none; border:0;}
.Navigation .PrimaryNav a:hover {border-bottom:2px solid #006699;}
.Navigation .SecondryNav a:hover {border-bottom:1px solid #006699;}
 

.PageConatiner {display:block;width:1004px; float:left; padding: 40px 0 0 0;}

.PageContentWrapper { width:740px; background: url(../images/page-layout/content-bottom.gif) bottom center no-repeat; 
                      padding:0; margin:10px 0; border-bottom: 1px solid transparent; float:left; }
.PageContentTop { background: url(../images/page-layout/content-top.gif) top center no-repeat; 
                  padding:30px 0 0 0; margin:0;}
.PageContent {background: #FFF; padding:1px 20px; margin:0 0 30px 0;}

.PageContent h3 {color:#FE1A02; font-size:2em; font-weight:bold; margin: 0 ; padding:10px 0;}
.PageContent h4 {color:#0F6CA6; font-size:1.1em; font-weight:bold; margin: 0; padding:10px 0; clear:both;}
.PageContent h4 span {color:#333; font-size:.8em; font-weight:normal; margin: 0; padding: 0;}

.PageContent p {line-height:1.5em;  margin: 0; padding:10px 0; clear:both;}

.RHS-nav h4, .RHS-nav h4 {color:#0F6CA6; font-size:1.1em; font-weight:bold; margin: 0; padding:10px 0; clear:both;}


.clear {clear:both;}

dl {display:block; clear:both; padding:0; margin:0; border:1px solid #fff;}
dt {display:block; float:left; width:280px; padding:0; margin:10px 0 0 0;}
dt label {padding:3px 5px 0 0; display:block; text-align:right;}
dd {display:block; float:left; width:250px; padding:0; margin:10px 0 0 0;}

.txt {border: 1px solid #555; width:250px; height:16px; padding:2px;}
.txtmulti {border: 1px solid #555; width:250px; height:101px; padding:2px;}



* html .PageContentWrapper {border-bottom:0px;}

.PageContent a img.homepage {margin:5px 10px; border:4px solid #fff;}
.PageContent a:hover img.homepage {margin:5px 10px; border:4px solid #FE9A02;}

.RHS-nav {float:left; width:250px;
          background: url(../images/page-layout/side-bottom.gif) bottom center no-repeat; 
                      padding:0; margin:10px 0 10px 10px; border-bottom: 1px solid transparent; float:left; }
.RHS-navTop { background: url(../images/page-layout/side-top.gif) top center no-repeat; 
                  padding:18px 0 0 0; margin:0;}
.RHS-navContent {background: #FFF; padding:10px 20px; margin:0 0 18px 0;}

.RHS-navContent img {background: #FFF; padding:0; margin:5px 4px;}
.RHS-navContent a img {margin:1px 0px; border:4px solid #fff;}
.RHS-navContent a:hover img {margin:1px 0px; border:4px solid #FE9A02;}


* html .RHS-nav {border-bottom:0px;}


.PageFooter {background:  url(../images/page-layout/footer-bg.gif) center top repeat-x; display:block; position:relative; width:100%; float:left; }
/* .contactFooter {width:1024px; 	margin:0 auto; background: url(../images/page-layout/contact-bg.gif) no-repeat; padding:30px 0 10px 0;}
.contactFooter a {color:#fff;}

.contactText {padding: 5px 10px 0 20px; width:650px; float:left;}
.contactInfo {padding: 50px 20px 0 10px; width:300px; float:left;}
*/

.contactFooter {width:1024px; 	margin:0 auto; padding:20px 0 10px 0;}
.contactFooter a {color:#fff; border-color:#fff;}
.contactFooter a:hover {color:#FE1A02; text-decoration:none; border-bottom:1px solid #FE1A02;}
.contactFooter a.img {border:0;}
.contactFooter a.img img {margin:10px 10px 10px 0;}

.contactText {padding: 5px 10px 0 20px; width:650px; float:left;}
.contactInfo {padding: 30px 20px 0 10px; width:300px; float:left;}

.contactFooter h3 {color:#FE1A02; font-size:1.5em; font-weight:bold; margin:10px 0 10px 0; padding:0;}
.contactFooter h4 {color:#0F6CA6; font-size:1.1em; font-weight:bold; margin:10px 0 10px 0; padding:0;}
.contactFooter p {line-height:1.5em; margin:10px 0 10px 0; padding:0;}
.contactFooter li {line-height:1.5em; list-style-type:none; padding: 0 0 10px 15px; margin-top:0; margin-bottom:0;}
.contactFooter li img {margin:-1px 10px 0 -35px; float:left; vertical-align:text-top;}

.PageFooter hr {color: #fff;
background-color: #fff;
height: 1px;}
.legal a {text-decoration:none;}
.legal {font-size:.9em;}


 a.img {border: none;}

/* ####   Lightboo CSS    #### */

#lightbox {position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a {border: none;}
#lightbox a img {border: none;}

#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px;}

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData {padding:0 10px; color: #666; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }	
#imageData #caption {font-weight: bold;	}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose {float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay { position: absolute ; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

img.divesite {float:left; margin: 0 10px 10px 0}

#skypedetectionswf {display:none;}