/* CSS Document */
/*============= General CSS ===============*/
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-color: #fafafa;
}

img {
border: 0px;
}
	img.framed {
	border: #999 1px solid;
	}
	img.spaceAround {
	margin:10px 25px 20px 0;
	}
	
h1, h2, h3, h4, h5, h6 {
padding: 0px;
margin: 0px;
font-weight:normal;
color: #666;
}

h1 {
font-size: 22px;
margin-bottom: 10px;
}

h2 {
font-size: 18px;
}

h2.vMargin {
    margin:10px 0px;
    }

h3 {
font-size: 18px;
}

h4 {
font-size: 14px;
font-weight: bold;
}

.customText
{
    font-size:16px;
    font-weight:bold;
}

.cdwsMembers 
{
    text-align:justify;
    margin:10px 0px;
}

p {
margin: 0 0 10px 0;
text-align:justify;
}

a {
color: #0099CC;
text-decoration: none;
outline:none;
}

a:hover 
{
    color:#33ccff;
}


a.blueLink {
color: #33ccff;
}

a.moreArrow { color:#0099cc; font-weight:bold; padding-right:10px; background:url(../images/more-arrow.gif) no-repeat top right; }
a:hover.moreArrow { text-decoration:underline; }
ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.lFloat {
float: left;
}

.rFloat {
float: right;
}

.rAligned {
text-align: right;
}

.cAligned {
text-align: center;
}

.underLine {
text-decoration: underline;
}

.bolded {
font-weight: bold;
}

.white {
color: #ffffff;
}

.halfWidth {
width: 49%;
}

.Clear {
clear: both;
line-height: 0px;
height: 0px;
font-size: 0px;
}

/*============= Basic Layout CSS ===============*/
#mainContainer {
width: 827px;
margin: 0 auto;
}

#header {
padding: 10px 0 10px 10px;
}

#contentWrapper {
width: 100%;
padding-top: 10px;
}

#contentColumn {
width: 550px;
}
    #contentColumn .mainHDevider {
    clear: both;
    height: 35px;
    background:#fff url(../images/home-devider.jpg) center center no-repeat;
    }

#rightColumn {
width: 262px;
}

#footerContainer {
clear: both;
text-align: center;
padding: 40px 10px 10px;
}
/*============= Detailed Layout CSS ===============*/
#header #loginBox {
position: relative;
width: 260px;
}
	#header #loginBox h3 {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	}
	#header .loginForm {
	position: relative;
	height: 50px;
	padding: 6px 0 0 10px;
	color: #fff;
	font-weight: bold;
	}
	#header .loginBtn {
	position: absolute;
	width: 44px;
	height: 39px;
	bottom: 17px;
	right: 8px;
	cursor: pointer;
	z-index: 80;
	!bottom: 26px; /*Fix IE*/
	}

#rightColumn .rBox {
background: #ffffff url(../images/right-side-boxes-head-bg.gif) top left repeat-x;
}

#rightColumn h3.rBoxTitle {
margin-bottom: 10px;
}

.footerMenu {
font-weight: bold;
}
	.footerMenu a {
	color: #666;
	padding: 2px 5px;
	font-weight: bold;
	}
	
.rights {
margin-top: 10px;
font-size: 10px;
}
	.rights a {
	color: #0099cc;
	}
	.rights a:hover, .footerMenu a:hover {
	text-decoration: underline;
	}
	
	/*======= Special Links =======*/
	.moreLink {
	color: #0099cc;
	font-weight: bold;
	font-size: 11px;
	}
	
	.roundedBtnLink {
	width:80px;
	padding:2px 10px 2px 0;
	margin: 0 7px;
	background:transparent url(../images/rounded-buttons-right.gif) no-repeat scroll right center;
	}
		.roundedBtnLink b {
		background:transparent url(../images/rounded-buttons-left.gif) no-repeat scroll left center;
		padding:3px 10px 3px 20px;
		}
		.roundedBtnFix { /*IE Fix*/
		height: 7px;
		padding: 4px 0;
		}
	/*======= Weather Box =======*/
	.tempDegree {
	font-size: 20px;
	padding-top: 5px;
	color: #3399CC;
	}
	.weatherLocation {
	width: 120px;
	border: #ccc 1px solid;
	}
	.weatherLoadingLayer, .pollLoadingLayer {
        /*display: none;*/
        position:absolute;
        /*left:-17px;*/
        top:30px;
        height:105px;
        width:220px;
        _width: 240px;
        text-align: center;
        opacity:0.80;
        -moz-opacity: 0.80;
        filter:alpha(opacity=80);
        -khtml-opacity: 0.80;
	    background:#fff url(../images/loading.gif) center center no-repeat;
    }
    .pollLoadingLayer {
        height:200px;
    }
	/*======= News Box =======*/
	.newsBox {
	position: relative;
	height: 340px;
	margin-top: 15px;
	background: url(../images/news-box-1.jpg) top left no-repeat;
	}
	    .newsBoxAlt {
	    background: url(../images/news-box-2.jpg) top left no-repeat;
	    }
		.newsBox .newsBoxTop, .newsBox .newsBoxBot {
		height: 30px;
		padding:5px 0 0 10px;
		cursor: pointer;
		}
		.newsBox .newsBoxMidC, .newsBox .newsBoxMidM {
		height: 270px;
		}
		    .newsBox .newsBoxMidM {
		    display: none;
		    background-color: #fff;
		    }
			.newsBoxItem {
			padding:6px 2px;
			}
			.newsBoxItem img, .newsBoxItem p {
			margin-top: 5px;
			text-align:left;
			}
			.newsBoxItem img {
			margin-right: 10px;
			}
			.newsBoxItem h5{
			font-weight:bold;
			}
		.newsBox .newsBoxBot {
		}
/*======= Small Boxes =======*/
img.topMargin {
margin:25px 0 0 0;
}
.halfWidth .textWidth {
width: 160px;
}
.textWidth {
width: 430px;
}

.textWidthWithoutIcon{
width: 235px;
}
.envBoxFix { /* To make the environment and newsletter boxes height equal*/
height: 123px;
}

/*=============== Round Corners Boxes =============*/
.RoundMe {
border: #ccc 1px solid;
}

#header #loginBox .RoundMe {
margin: 10px 0px;
background: #66ccff url(../images/login-form-bg.jpg) repeat-x;
}

#contentColumn .RoundMe {
background-color: #FFFFFF;
border: #ccc 1px solid;
padding: 10px 19px; /*No more than 19px because of IE6 problem*/
margin-top: 30px;
}

#rightColumn .RoundMe {
background-color: #FFFFFF;
border: #ccc 1px solid;
padding: 5px 20px 10px;
_padding: 5px 10px 10px;
margin-top: 25px;
}
	body:nth-of-type(1) .RoundMe { /*This is a hack for "Google Chrome" (affects Opera and Safari too)*/
	border: #999 1px solid !important;
	}

#contentColumn .RoundMeFirst, #rightColumn .RoundMeFirst {
margin-top: 10px !important;
    direction: ltr;
}

.minHeight {
min-height: 707px;
height:auto !important;
height: 707px;
}
/*.RoundedBtn {
min-width: 90px;
!width: 90px;
text-align: center;
margin: 10px 5px 5px 5px;
border: #ccc 1px solid;
background: #3399cc url(../images/rounded-btns-bg.gif) repeat-x;
}
	.RoundedBtn a {
	color: #fff;
	display: block;
	padding: 2px 15px 0;
	}
*/

/*====================== Forms ===========================*/
.loginForm p {
clear: left;
margin: 0;
padding: 0px 60px 5px 0px;/*width of left column containing the label elements*/
height: 1%;
}

.loginForm label {
font-size: 14px;
font-weight: bold;
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-right: 2px;
white-space: nowrap;
vertical-align: top;
}

.loginForm input { 
width: 101px;
height: 20px;
padding: 2px 3px;
border: none;
background:url(../images/login-input-bg.gif) no-repeat;
}

input.newsletter { 
width: 214px;
height: 22px;
padding: 4px 8px;
border: none;
background:url(../images/newsletter-input-bg.gif) no-repeat;
}

/**/


/*====================== Poll  ===========================*/

.pollQuestion{
    font-weight:bold;
}

.pollButton{
width: 86px;
height: 21px;
float: right;
color: White;
font-weight: bold;
border: none;
background: #fff url(../images/vote-btn.gif) no-repeat;
}

.pollFooter{
    font-weight:bold;
    text-align:center;
}

.pollFooter a {
    display: none;
    font-weight:bold;
    text-align:center;
}

/*====================== destinations popups ===========================*/
.morePopup { display:none; }
a.launchWebsite { margin-left:8px; }
a:hover.launchWebsite { text-decoration:underline; color:#666; } 
.destinationBanner { border:1px #666 solid; display:block; margin:5px auto 10px auto; }



/*====================== PAGES ===========================*/
/*======= Home Page =======*/
ul.faded, ul.faded2 { width:160px; height:120px; float:left; }
ul.faded li, ul.faded2 li { padding-top:15px; } 

/*======= Diving Home Page =======*/
.topDistLinks {
padding: 10px 0 30px 0;
}
    .topDistLinks ul {
    float:left;
    padding:0 20px 0 20px;
    background: #fff url(../images/top-destination-devider.gif) right no-repeat;
    }
    .topDistLinks ul.last {
    background: none;
    }

/*============== Medical Facilities ==============*/
.medicalListContainer { display:block; }
.medicalListContainer li { padding-bottom:20px; margin:20px 0px; background:url(../images/home-devider.jpg) no-repeat bottom center; }
.medicalListContainer li label { font-weight:bold; width:150px; display:block; float:left; }
.medicalListContainer li a { color:#3399cc; font-weight:bold; float:right; text-decoration:underline; }
.medicalListContainer li a:hover { text-decoration:none; }
.medicalListContainer li.lastMedical { background:none; }
.MedicalLocation { background-color:#EEEEEE; font-size:14px; padding:5px; color:#0099CC; }
/*============== Tech Diving ==============*/
.techTaleHeader { background:url(../images/wrecks/tech-table-header.gif) no-repeat bottom; 
            height:34px; font-size:13px; color:#1288c3; padding-top:10px; padding-bottom:6px; font-weight:bold; }
.techHeading { width:245px; padding-left:27px; float:left; }
.techCol1 { width:130px; float:left; text-align:center; }
.techCol2 { width:85px; float:left; text-align:center; }
.techTaleContents { background: url(../images/wrecks/tech-table-bg.gif) repeat-y top; }
.mainThumbLeft { float: left; margin: 0px 10px 10px 0px; }

/*=============== Tabs ==============*/
.tabsMenuContainer
{
    display: inline-block;
}
ul.bullets{
list-style-type:disc;
padding-left: 20px;
margin: auto;
}
.tabsMenuContainer li
{
    float: left;
    margin:0;padding:0;
    margin-right: 3px;
}
.tabsMenuContainer li a {
    height: 32px;
    background: url(../images/tabs/tab-right-brdr.gif) no-repeat bottom right;
    display: block;
    color: #666;
}
.tabsMenuContainer li a b
{
    background: url(../images/tabs/tab-left-brdr.gif) no-repeat bottom left;
    height: 32px;
    line-height: 32px;
    padding: 0px 8px;
    display: block;
}

.tabsMenuContainer li a:hover b
{
    color: #64ccff;
}

.tabsMenuContainer li.activeTab a
{
    background-position: top right;
}
.tabsMenuContainer li.activeTab a b
{
    background-position: top left;
    color: #fff;
}
.tabsDetailsContainer { border:1px #cccccc solid; display: block; padding:15px; }

/*=== Common ===*/
.noData{
width:100%;
text-align:center;
font-weight:bold;
font-size:14px;
}

.copyrightCredit
{
    display: block;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}



.blueMagazine img 
{
    margin:0px 10px 0px 0px;
    border:1px solid #999999;
    
}

.blueMagazine p 
{
    text-align:left;
    margin:15px 0px 0px 0px;
}






.modalContainer {
width: 548px;
margin-left:-130px;
display:none;
top:35%;
left:50%;
/*position:absolute !important;*/
}
.modalContainer {
_margin: 0 auto !important;
_left: expression((documentElement.clientWidth /2) - 274+"px");
}

.popupTopBorder, .popupBottomBorder {
height: 10px;
background: transparent url(../images/popup/top-border.gif) left top no-repeat;
}

.popupBottomBorder {
background: transparent url(../images/popup/bottom-border.gif) left bottom no-repeat;
}

.modalCloseImg {
float: right;
margin: 6px;

}

.popupBody {
padding: 10px 20px;
background: transparent url(../images/popup/body-bg.gif) left top repeat-y;
}
#popupContents {max-width:500px;}

#modalOverlay {
  background-color:#000;
  cursor:wait;
}

.modalContainer p, .modalContainer h1 {
margin: 0px;
padding: 0px;
}

/*======= Alerts =======*/
.alertIcon {
width: 40px;
height: 40px;
margin-right: 10px;
/*background: #666 url(../images/popup/blank-bg2.gif) top left no-repeat;*/
}

.popupBody .loading {
background: #fff url(../images/popup/loading.gif) center center no-repeat;
}

.popupBody .success {
background: #666 url(../images/popup/success.gif) top left no-repeat;
}

.popupBody .error {
background: #666 url(../images/popup/error.gif) top left no-repeat;
}









#myslidemenu {
width: 817px;
height: 29px;
padding-left: 10px;
background: url(../images/main-menu-bg.jpg) left top no-repeat;
z-index:1000;
}

.jqueryslidemenu {
position: relative;
font-weight: bold;
width: 100%;
z-index: 100;
}

.jqueryslidemenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li {
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
display: block;
color: white;
padding: 4px 18px;
border-right: 1px solid #9b9b9b;
color: #333333;
text-decoration: none;
font-size: 16px;
}
	.jqueryslidemenu ul li a.last { /* To remove the last menu item's border */
	border-right: none;
	}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
color: #333333;
}

.jqueryslidemenu ul li a:hover {
color: #ffffff;
background: #66ccff url(../images/main-menu-hover-bg.jpg) bottom repeat-x; 
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #D7D7D7;
border: 1px solid gray;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
font: normal 13px Verdana;
width: 135px; /*width of sub menus*/
padding: 5px;
margin: 0;
border:none;
border-top-width: 0;
/*border-bottom: 1px solid gray;*/
border-collapse:collapse;
}

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
/* Made Hidden by Hedaya */
.downarrowclass {
/*display: none;*/
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass {
/*display: none;*/
position: absolute;
top: 6px;
right: 5px;
}