@charset "UTF-8";
/* CSS Document */
@import url(../styles/lightbox.css);
@import url(../styles/calendar.css);
@import url(../styles/local-wrecks.css);


/* Page Structure
----------------------------------------------- */
* { padding: 0; margin: 0;}
body {
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	}
#wrapper {
	}
	
p { margin: 10px; text-align: justify; }
a:link,
a:visited {
	color: #ccc;
	text-decoration: none;
	}
a:hover,
a:active { color: #993333; }
a img { border-style: none; }
a.pdf-link {background:url(../images/icon-pdf.png) no-repeat top left; padding-left:20px;}

acronym { cursor: help;	}	
h1 {
font-size: 1.65em;
background: #ccc;
text-align: center;
line-height: 2em;
border-bottom: #666 solid 2px;
}	
h2 {
	font-size: 1.45em;
	text-align: center;
	position: relative;
	padding-top: 40px;
	margin-left:10px;
	margin-right:10px;
	color: #000;	
	margin-bottom: 5px;
	border-bottom: #666 solid 2px;
	}
h3	{margin-left:10px;}
	
#header {
	height: 160px;
	margin: 0 auto;
	text-align: center;
	border-bottom: #CC3333 solid 1px;
	}
	
#inner-wrapper {
	width: 990px;
	background: url(../images/content-bg2.gif) repeat-y left;
	color:#ccc;
	margin: 0 auto;
	padding-bottom: 1px;
	border-right: #CC3333 1px solid;
	}
	
#content {
	width: 810px;
	float: right;
	background-color: transparent;
	position: relative;
	z-index: 1;
	}
	
#content #background-img-gal {
	z-index: 0;
	width: 810px;
	float: left;
	}
#area2-paragraph-spacing p {
	line-height: .75em;
	}	
	

#content-area-1 a:link,
#content-area-1 a:visited  { border-bottom: #CC3333 solid 1px; color: #000;}
#content-area-1 a:hover,
#content-area-1 a:active { background: #993333; color: #000; }

#content-area-1 h1 { color: #000; }	
	
#content-area-1 {/* 2 column */
	float: left;
	width: 790px;
	overflow: hidden;
	padding: 10px 10px 30px 10px;
	color: #000;
	background: #ccc url(../images/content-background-pattern.jpg) repeat-y left;
	}
#content-area-1 li{ margin-left: 20px; }	
	
#HOME #content-area-1 {/* 2 column */
	padding: 0px;
	width: 810px;
	margin: 0px;
	}
#index object { margin-left: 1px; width: 808px; }
	
	
#CONDITIONS #content-area-1,
#CONTACT #content-area-1,	
#EDUCATION #content-area-1  {/* 3 column - no overlap */
	width: 610px;
	}
#CONTACT #content-area-2 #dates p {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
	font-size: 95%;
}
#VIDEO-SCRUBBER object,
#VIDEO-MOUTHPIECE object,
#VIDEO-O2-SENSOR object {
	width: 320px;
	margin-left: 146px;
	margin-top: 20px;
	}
	
/* content-area-2 */		
#content-area-2 {
	width: 180px;
	z-index: 5;
	position: absolute;
	background-image: url(../images/opaque-bg.png);
	background-repeat: repeat;
	top: 0px;
	left: 630px;
	padding-bottom: 20px;
	text-align: center;
	height: auto;
	overflow: hidden;
	}
#dates ul { padding-bottom: 1em; }
#dates li {
	list-style-type: none;
	line-height: 1.1em;
	position: relative;
	}
	
#sidebar h3,
#content-area-2 h3 {
	background:#cc3333;
	padding: 3px 0 3px 0px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
	}
#content-area-2 .external-link {
	padding-right: 14px;
	background: url(../images/icon-external-link-white.gif) no-repeat right center;
}

#sidebar { width: 180px; float: left; overflow: hidden; }
#sidebar ul { padding-left:5px; padding-right: 5px; margin-bottom:40px; }
#sidebar li {
	list-style:none;
	padding-left: 22px;
	padding-right: 5px;
	border-bottom: #CCC solid 1px;
	margin-left: 0px;
	background: url(../images/nav-link-icon.gif) no-repeat 10px center;
	line-height: 1em;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	}
#sidebar li a:link {text-decoration: none; color: #CCCCCC;}
#sidebar li a:hover,
#sidebar li a:active {
	text-decoration: none;
	color: #cc3333;
	}
#shop-online {
	padding-bottom: 26px;
	background-image: url(../images/icon-credit-cards.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}	
	
	
#dates h4 {
	text-align: center;
	color: #993333;
	padding: 12px 10px 0px 10px;
	}
#dates p {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	text-align: center;
	}
#dates a:link,
#dates a:visited {
	text-decoration: underline;
	}
#deates a:hover  {
	color: #cc3333;
	} 
	
#footer {
	margin: 0 auto;
	text-align: center;
	border-top: #CC3333 1px solid;
	color: #CCCCCC;
	}
#footer p {
	text-align: center; 
	font-size: 80%;
	color: #666666;
}
#features {
	padding: 10px;
	}

#sponsor {
	margin-bottom: 10px;
	background-color: #666666;
	}
#sponsor img {
	padding-right: 5%;
	padding-left: 5%;
}

.external-link {
	background: url(../images/icon-external-link.gif) right center no-repeat;
	padding-right: 14px;
}



/*________________________________________ About page ____________________________________________ */
#ABOUT #content-area-1 h2 {position: relative;}
#ABOUT #content-area-1 h2 span {
	color: #FF3333;
	font-style: italic;
	position: absolute;
	left: 630px;
	top: 38px;
	font-size: 80%;
	width: 120px;
	}
  /*[if lt IE 6] #ABOUT #content-area-1 h2 span { position: fixed; left: 0; top: 0; color: #ccc; } */
#CONDITIONS #content-area-1 p.click-to-enlarge img {
	padding-bottom: 20px;
	background: url(../images/click-to-enlarge.jpg) left bottom no-repeat;
	margin-right: 5px;
	margin-left: 5px;
	}
#CONDITIONS #content-area-1 p.click-to-enlarge img:hover {
	padding-bottom: 20px;
	background: url(../images/click-to-enlarge-hover.jpg) left bottom no-repeat;
	margin-right: 5px;
	margin-left: 5px;
	}	
#CONDITIONS #content-area-1 p.click-to-enlarge a:link {
	background: none;
	border-bottom:none;
	}	

	
p.note {font-size: 85%; font-style: italic;}



/*________________________________________ Charter Triple Crown page ____________________________________________ */


#tripleCrown-thank-you { 
	text-align:center; 
	font-size: 90%; 
	background:url(/images/thank-you.jpg) no-repeat 450px 2px;
	}

#tripleCrown-thank-you p {text-align: center;}


/*________________________________________ CDN Ad Archive page ____________________________________________ */


.cdn-ads { 
	width:190px;
	float:left;
	margin:10px 10px 0px 0px;
	}

.cdn-ads p { 
	font-size:90%;
	font-style:italic;
	margin-top:0px;
	margin-left:0px;
	padding-left:20px;
	background:url(images/icon-pdf.png) no-repeat;
	}
.clear {clear: both;}


/*________________________________________ Divers Alert Network (DAN) page ____________________________________________ */

#DAN-des { padding:2px 25px 10px 40px; background: url(../images/dan-des.gif) left 4px no-repeat;}
#DAN-demp { padding:2px 25px 10px 40px; background: url(../images/dan-demp.gif) left 4px no-repeat;}
#DAN-first-aid-pro { padding:2px 25px 10px 40px; background: url(../images/dan-profd.gif) left 4px no-repeat;}
#DAN-neuro { padding:2px 25px 10px 40px; background: url(../images/dan-neuro.gif) left 4px no-repeat;}
#DAN-remo { padding:2px 25px 10px 40px; background: url(../images/dan-remo.gif) left 4px no-repeat;}
#DAN-bispro { padding:2px 25px 10px 40px; background: url(../images/dan-bls-pro.gif) left 4px no-repeat;}
#DAN-aed { padding:2px 25px 10px 40px; background: url(../images/dan-aed.gif) left 4px no-repeat;}
#DAN-marine-hazard { padding:2px 25px 10px 40px; background: url(../images/dan-First-Aid-Hazardous-Marine-Life-Injuries.gif) left 4px no-repeat;}
#DAN-adv-o2 { padding:2px 25px 10px 40px; background: url(../images/dan-adv-O2-first-aid-for-scuba-diving-injuries.gif) left 4px no-repeat;}
#DAN-o2 { padding:2px 25px 10px 40px; background: url(../images/dan-so2.gif) left 4px no-repeat;}