body {
    background-color: #99CCFF;
    text-align: center; 
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 85%;
	color: #333333 ! important;
	line-height: 100%;

}

p { 
	margin-top: 0px; 
	text-align: left;
	}

a:link { 
	background-color: transparent;
	font-weight: bold; 
	text-decoration: underline; 
	color: #3363c9;
	
}
a:visited { 
	background-color: transparent;
	font-weight: bold; 
	text-decoration: underline; 
	color: #3363c9;
	
}
a:hover, a:active { 
	background-color: transparent;
	color: red;
		text-decoration: underline; 
	/*border-bottom: 1px dotted red;*/

	
}

em {
	/*text-decoration: italic;*/
	color: #3366cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

em.emquotealt {
	text-decoration: none !important;
	color: gray;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

em.emquote {
	text-decoration: none !important;
	color: #3366cc;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong {
	text-decoration: none;
	color: #3366cc;
	font-weight: bold;
}

.clearleft {
	clear: left;

}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.coststable {
	background-color: white;
	border-style: none;
	text-align: left;
	padding: 15px;
}
.costsrow {
	line-height: 110%;
	font-size: 90%;
}
.costscelllite {
	color: black;
	background-color: #99CCFF;
}
.costscelldark {
	color: yellow;
	background-color: #3366cc;
	font-weight: bold;
}



.celllite {
	float: left;
	background-color: #99CCFF;
	color: black;

}
.celldark {
	float: left;
	color: yellow;
	background-color: #3366cc;
	font-weight: bold;
}


#flickr {
	white-space:nowrap;
	background-color: #3366cc;
	background: #3366cc;
	overflow: hidden; 
	width: 100%; 
	text-align: left;
	clear:both;
	position: relative;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	/*height: 108px;*/
    vertical-align: text-top;
}
#map {
	position:relative;
	clear: both;
	float:right;
	height: 850px;
}
.limg {
	position:relative;
	left: 0em;
	float:left;
	border: solid #3363c9 3px;
    margin-right: 10px;
}
.rimg {
	position:relative;
	right: 0em;
	float:right;
    border: solid #3363c9 3px;
}
.gigapan {
	position:relative;
	left: 0em;
	float:left;
	border: solid #3363c9 3px;
    margin-right: 10px;
}
.lsimg {
	position:relative;
	left: 0em;
	float:left;
}
.rsimg {
	position:relative;
	right: 0em;
	float:right;
}
.firstletter{
	position:relative;
	left: 0em;
	float:left;
	font-weight: bold;
	color: #FF8C00;
	font-size: 150%;
	
	background: #DCDCDC;
	
    padding: 5px;
    padding_top: 0px;
	padding-bottom:15px;
}
#content {
	/*position: relative;*/
	/*clear: left;*/
	/*float: left;*/
}
#trailimageid {
	position:absolute;
    visibility:visible;
    left:0px;
    top:0px;
    width:1px;
    height:1px;
    z-index:1;
}
#imagelinks {
	border-bottom: none !important;
    vertical-align: text-top;
	position: relative;
	top: 0px;
}

#imagelinks a {
	border-bottom: none !important;
	}

#intro { 
	min-width: 600px;
	overflow: hidden;
	}

#main { 
	text-align: left;
	background-color: #99CCFF;
	background: #99CCFF;
	clear:both; 
	position: relative;
	display: block;
	
	
	margin: 0px 0px 0px 0px; 
	}

#maincontent { 
	text-align: left;
	background: white;
	margin: 0px 0px 0px 0px;
	padding: 15px; 
	

	}

#mainmenu {
	
	height:22;

	white-space:nowrap;
	float:left;
    width:100%;
	
	font-size: 11pt; 
	text-align: left;
	background-color: #0066ff;
	line-height: 100%;

	clear:both; 
	position: relative;
	display: block;

	margin: 0px 0px 0px 0px; 
	z-index: 1
	}

#leftmenu {	
	height:22;	
	float:left;
	}

#rightmenu {
	height:22;	
	float:right;
	}

html>body #mainmenu {
	
	min-height:20;
	
	white-space:nowrap;
	float:left;
    width:100%;
	
	font-size: 10pt; 
	text-align: left;
	background-color: #0066ff;
		line-height: 100%;
	clear:both; 
	position: relative;
	display: block;

	margin: 0px 0px 0px 0px; 
	z-index: 1
	}

#mainmenu-noscript {
	background-color: #0066ff;
	font-size: 10pt; 
	text-align: left;
	}

#mainmenu-noscript a {
	color: white;
	background-color: #0066ff;
    padding: 4px;
	padding-left: 7px;	
	font: 8pt Arial,Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;	
	margin: 0px 0px 0px 1px;
}


#mainmenu-noscript ul {
	margin:0;
    padding:0;
    list-style:none;
}

#mainmenu-noscript li {
	float:left;
    margin:0;
    padding:0;
	
	display: block; 
	padding-top: 5px; 
	padding-bottom: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	}

#mainmenu-noscript li currentmenu{
	float:left;
    margin:0;
    padding:0;
	color:yellow;
	display: block; 
	padding-top: 5px; 
	padding-bottom: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	}

#currentmenu li {
	float:left;
    margin:0;
    padding:0;
	color:yellow;
	display: block; 
	padding-top: 5px; 
	padding-bottom: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	}

#mainmenu-noscript a:hover {
	background-color: white;
	color: red;
	border-bottom: none !important;
}


#dot { 
	text-align: left;
	background-color: #99CCFF;
	background: #99CCFF;
	clear:both; 
	position: relative;
	height: 1px;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px; 
	line-height: 1;
	}
#footer2 { 
	text-align: left;
	background-color: #99CCFF;
	background: #99CCFF;
	clear:both; 
	position: relative;
	
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px; 
	}

#addressfooter2 { 
	text-align: center;
	font-size: smaller;
	background: #99CCFF;
	margin: 0px 0px 0px 0px; 

	}
#footer3 { 
	text-align: left;
	background-color: #99CCFF;
	background: #99CCFF;
	clear:both; 
	position: relative;
	
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px; 
	}

#addressfooter3 { 
	text-align: center;
	font-size: smaller;
	background: #99CCFF;
	margin: 0px 0px 0px 0px; 

	}
#foot { 
	text-align: center;
	background-color: orange;
	width: 100%; 
	float: left;
	margin: 0px 0px 0px 0px;
	color: white;
	font-size: 80%;	
	}
#foot h3 {
	background-color: #99CCFF; 
	margin: 0px 0px 0px 0px;
	font-size: 80%;	
	font-weight: normal;
	}

#foot h2 {
	background-color: #99CCFF; 
	margin: 0px 0px 0px 0px;
	text-decoration: none !important;
	
	font: 7pt Arial,Verdana, sans-serif;
    text-align: center;
	
	width: 100%; 
	}
#foot a {
	color: gray;
	background-color: #99CCFF;
	padding: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font: 8pt Arial,Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	
	/*float: right;*/	
	margin: 0px 0px 0px 1px;
}
#foot a:hover {
	background-color: gray;
	color: white;
	border-bottom: none !important;
}


#promote { 
	overflow: hidden; 
	width: 100%; 

	clear:both;
	position: relative;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
    vertical-align: text-top;

    text-align: center;
	background-color: #0066ff;	
	color: yellow;
	font-size: 100%; 
    padding: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
#promote h1 { 
	margin: 0px 0px 0px 0px;
	font-size: 100%;
    padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;   
	}

#promote h2 { 
	margin: 0px 0px 0px 0px;
	font-size: 100%; 
    padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;     
	}


#pageHeader { 
	text-align: center;
	}

#pageHeader h1 { 
	background: transparent url(http://www.scuba-camps.com/odyssey/img/odysseyexpeditionslogo2.gif) no-repeat top left; 
	width: 457px; 
	height: 55px; 
	float: left;
	margin: 0px 0px 0px 0px;
	
	}
#pageHeader h1 span {
	
    text-decoration: none !important;
	color: gray;
	font: 5pt Arial,Verdana, sans-serif;
    position: absolute;
    top:100px;
    left: 0px;
	}
#pageHeader h2 { 
	/*background: transparent url(../img/odysseyexpeditionslogo2.gif) no-repeat top left; */
	/*width: 1px; */
	/*height: 1px; */
	float: left;
	}
#pageHeader h2 span {
	
	text-decoration: none !important;
	color: gray;
	font: 5pt Arial,Verdana, sans-serif;
    position: absolute;
    top:100px;
    left: 0px;
	}

#pageHeader h3 { 
	position: absolute; 
	top: 10px; 
	right: 10px; 
	float: right;
    text-align: right;
	height: 50px;
	/*vertical-align: top;*/
	filter: alpha(opacity=88 style=0);
	margin: 10px 0px 0px 255px;
	}



#pageHeader a {
	color: white;
	background-color: #0066ff;
	
	font: 7pt Arial,Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin: 00px 0px 0px 10px;
	padding: 6px;
	
    
}

#pageHeader a:hover {
	background-color: white;
	color: red;
	border-bottom: none !important;
}





.toptable {
	background-color:#99CCFF; 
	text-decoration: none; 
	font-size: 10px; 
	line-height: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	width:95%;
    border: 0;
}


.menubartable {
	background-color:#1255ff;
	text-decoration: none;
	color: #FFFFFF ! important;
	font: 11pt Arial,Verdana, sans-serif;
	text-align: center;
	width:95%;
    border: 0;
	height: 24px;
	border-collapse: collapse;
}


.flashbartable {
	color: #FFFFFF ! important;
    border: 0;
	border-collapse: collapse;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	background-color: black;
	text-align: left;
	width: 100%;
}

.flashbartablecell {
    border: 0;
	border-collapse: collapse;
	padding-top: 0;
	padding-bottom: 0;
}

 
div.center {text-align: center}
p.center {text-align: center}


#seo_copy {
	position: absolute;
	top: 1200px;
	left: 0;
	width: 95%;
	padding: 0px 0px 0px 0px;
	clear:both;
	font-size: 11px;
	line-height: 16px;
	color:#939288;
	font-weight: normal;
    text-align: center;
}
#seo_copy p {
	padding: 0 0 20px 0;
}
#seo_copy p a {
	color:#939288;
	text-decoration: underline;
}
#seo_copy p a:hover {
	color: #ffffff;
}
#seo_copy h1 {
	padding: 0 0 20px 0;
	font-size: 11px;
	font-weight: normal;
}
#seo_copy h2 {
	padding: 0 0 20px 0;
	font-size: 11px;
	font-weight: normal;
}
#seo_copy h2 a {
	color:#939288;
	text-decoration: underline;
}
#seo_copy h2 a:hover {
	color:#939288;
	text-decoration: none;
}
/*sometimes for SEO we want links not to be underlined*/
#seo_copy p a.hidlink {
	text-decoration: none;
}


@media print {
  body {
    background-color: #99CCFF;
    text-align: center; 
    color: black;
    font-family: Times New Roman, serif;
	}
  #mainmenu {
	display:none;
    color: white;
	}
  #mainmenu ul {
  display:none;
    color: white;
	}

  #mainmenu li {
	display:none;
    color: white;
	}
  #mainmenu-noscript {
	display:none;
    color: white;
	}

  #mainmenu-noscript a {
	display:none;
    color: white;
	}


  #mainmenu-noscript ul {
	display:none;
    color: white;
	}

  #mainmenu-noscript li {
	display:none;
    color: white;
	}

  #mainmenu-noscript li currentmenu{
	display:none;
    color: white;
	}

  #currentmenu li {
	display:none;
    color: white;
	}

  #mainmenu-noscript a:hover {
	display:none;
    color: white;
	}
  #promote { 
	text-align: center;
	background-color: #0066ff;
	width: 100%; 
	/*float: left;*/
	margin: 0px 0px 0px 0px;
	color: #3366cc;
	font-size: 100%;	
	}
   #intro { 
	color: #3366cc;
	font-weight: bold; 
	font-family: Times New Roman, serif;
	}
   #pageHeader { 
	text-align: center;
	}

    #pageHeader h1 { 
	color: #3366cc;
	font-weight: bold; 
	font-family: Times New Roman, serif;
	
	}
    #pageHeader h1 span {
	color: #3366cc;
	font-weight: bold; 
	font-family: Times New Roman, serif;
	}
    #pageHeader h2 { 
	color: #3366cc;
	font-weight: bold; 
	font-family: Times New Roman, serif;
	}
    #pageHeader h2 span {
	color: #3366cc;
	font-weight: bold; 
	font-family: Times New Roman, serif;
	}

   #pageHeader h3 { 
	display:none
	}
  .costscelldark {
	color: #3366cc;;
	background-color: #3366cc;
	font-weight: bold;
   }
  em {
	/*text-decoration: italic;*/
	color: #3366cc;
	font-family: Times New Roman, serif;
  }

  em.emquotealt {
	text-decoration: none !important;
	color: gray;
	font-weight: bold; 
	font-family: Times New Roman, serif;
  }

  em.emquote {
	text-decoration: none !important;
	color: #3366cc;
	font-weight: bold; 
	font-family: Times New Roman, serif;
  }
  #foot a {
    display:none;
	color: white;
	background-color: #99CCFF;
	padding: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Times New Roman, serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	
	/*float: right;*/	
	margin: 0px 0px 0px 1px;
   }
   #flickr {
	display:none
	}
}