body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin:0px;
color:#000000;
background-color:#D2EDFC;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

.table td{
border:1px solid #00263C;
border-collapse: collapse;
padding:5px;
}

.table th{
border:1px solid #90C8EA;
border-collapse: collapse;
background-color:#90C8EA;
padding:5px;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
color:#000000;
text-decoration:underline;
}

.articlebox a{
color:#00263c;
text-decoration:underline;
}

.articlebox a:hover{
color:#00263c;
text-decoration:underline;
}

.gallery_tabs span a{
color:#ffc423;
text-decoration:none;
}

.gallery_tabs span a:hover{
color:#ffc423;
text-decoration:underline;
}

h1 a{
color:#ffc423;
text-decoration:none;
}

h1 a:hover{
color:#ffc423;
text-decoration:underline;
}

.footer a{
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.pagetop_l{
background-image:url(images/pagetop_l.gif);
background-position:top right;
background-repeat:no-repeat;
height:155px;
}

.logo{
float:left;
width:363px;
height:155px;
}

#headerflash{
float:left;
background-image:url(images/pagetop_flash.jpg);
background-repeat:no-repeat;
width:597px;
height:155px;
color:#FFFFFF;
}

#homeflash{
background-image:url(images/flash.jpg);
background-repeat:no-repeat;
width:621px;
height:248px;
}

#sideflash{
background-image:url(images/sideflash.jpg);
background-repeat:no-repeat;
width:299px;
height:248px;
}

.pagetop_r{
background-image:url(images/pagetop_r.gif);
background-repeat:no-repeat;
background-position:top left;
height:155px;
}

.menu{
clear:both;
background-image:url(images/menu.gif);
background-repeat:repeat-x;
line-height:45px;
border:#FF0000 solid 1px;
width:960px;
}

.menu span{
display:block;
float:left;
padding-left:25px;
padding-right:25px;
background-image:url(images/menu_end.gif);
background-repeat:no-repeat;
background-position:top left;
height:45px;
}

.content_layout{
padding:13px;
text-align:justify;
}

.sidebox_layout{
padding:13px;
padding-left:0px;
}

h1{
clear:both;
margin:0px;
padding:0px;
font-size:18px;
color:#ffc423;
font-weight:bold;
border-bottom:#002139 solid 1px;
background-image:url(images/h1.gif);
background-repeat:no-repeat;
padding-left:55px;
margin-top:15px;
padding-bottom:5px;
margin-bottom:5px;
}

h1 span{
display:block;
font-size:12px;
color:#000000;
font-weight:normal;
}

.company_icon{
background-image:url(images/h1.gif);
}

.anouncement_icon{
background-image:url(images/h2.gif);
}

.more{
clear:both;
float:right;
width:42px;
height:28px;
margin-top:10px;
}

.more2{
clear:both;
float:right;
width:42px;
height:25px;
}

.doubleline{
clear:both;
background-image:url(images/double_line.gif);
background-repeat:repeat-x;
height:4px;
}

.hm_box_img{
margin-top:5px;
float:left;
border:#002139 solid 1px;
padding:1px;
width:116px;
height:116px;
margin-right:10px;
}

.hm_box_h1{
font-size:14px;
font-weight:bold;
margin-top:5px;
float:left;
width:445px;
}

.hm_box_h1 span{
display:block;
font-size:12px;
font-weight:normal;
color:#00263c;
}

.hm_box_txt{
margin-top:13px;
float:left;
width:490px;
}

.right_box_img{
margin-top:5px;
float:left;
border:#002139 solid 1px;
padding:1px;
width:78px;
height:58px;
margin-right:10px;
}

.left_box_img{
margin-top:5px;
float:right;
border:#002139 solid 1px;
padding:1px;
width:78px;
height:58px;
margin-left:10px;
}

.right_box_h1{
font-weight:bold;
margin-top:5px;
float:left;
width:194px;
}

.right_box_txt{
margin-top:5px;
float:left;
width:194px;
}

.blueline{
clear:both;
border-bottom:#002139 solid 1px;
margin-bottom:12px;
}

.gallery_tabs{
background-image:url(images/gallery-tabs.gif);
background-repeat:no-repeat;
line-height:32px;
padding-left:10px;
margin-top:10px;
}

.gallery_tabs span{
color:#ffc423;
margin-left:24px;
}

.gray_box{
clear:both;
background-color:#E2E5E6;
padding:3px;
padding-top:5px;
height:260px;
border:#B1B1B1 solid 1px;
border-top:0px;
}

.gallerybox{
width:300px;
float:left;
margin-top:10px;
margin-right:11px;
height:65px;
}

.gallerybox img{
float:left;
border:#7A93A4 solid 1px;
width:78px;
margin-right:10px;
}

.gallerybox_h1{
float:left;
font-weight:bold;
margin-bottom:5px;
}

.gallerybox_txt{
float:left;
width:210px;
}

.subpagebox{
width:298px;
float:left;
margin-top:10px;
margin-right:11px;
text-align:left;
height:65px;
}

.subpagebox img{
margin-top:5px;
float:left;
border:#002139 solid 1px;
padding:1px;
width:78px;
height:58px;
margin-right:10px;
}

.subpagebox_h1{
float:left;
font-weight:bold;
margin-bottom:5px;
}

.subpagebox_txt{
float:left;
width:200px;
}

.prev{
float:left;
}

.next{
float:right;
margin-right:12px;
}

.pageofpage{
float:left;
text-align:center;
line-height:24px;
width:393px;
color:#013146;
font-weight:bold;
font-size:12px;
}

/* FORMS STYLES */

form{
margin:0px;
padding:0px;
}

form p {
margin-top:10px;
margin-bottom:10px;
}

legend
{
font-size:15px;
font-weight:bold;
padding: 2px 6px;
color:#013146;
} 

label{
clear:both;
font-size:11px;
font-weight: bold;
float: left;
text-align: right;
width: 200px;
display: block;
margin-top: 3px;
margin-right: 3px;
color:#013146;
}

input, textarea {
font-size:12px;
border: 1px solid #00679C;
color:#013146;
}

select{
font-size:12px;
border: 1px solid #013146;
background:none;
background-color:#FFFFFF;
}

.newsstorydate{
font-size:10px;
color:#666666;
font-weight:bold;
}

/* RESOURCE STYLES */

.resource a{
color:#013146;
font-size:12px;
font-weight:bold;
}


.resource-addurl{
margin-top:5px;
float:right;
padding-right:12px;
}

.resource-addurl a{
color:#013146;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.resource{
margin-bottom:10px;
}

.resource-category{
color:#013146;
font-size:11px;
font-weight:bold;
text-decoration:none;
float:left;
width:185px;
height:30px;
text-align:left;
margin-left:8px;
}

.resource-category a{
color:#013146;
text-decoration:none;
}

.resource-category a:hover{
color:#013146;
text-decoration:underline;
}

.content_images{
float:left;
margin-right:11px;
margin-bottom:12px;
}

.content_firstimage{
float:right;
margin-left:10px;
margin-bottom:10px;
}

.newsstoryimages{
float:left;
margin-right:12px;
margin-bottom:12px;
}

.articleimages{
float:right;
margin-left:12px;
margin-bottom:12px;
clear:both;
}

.h3{
clear:both;
margin-top:10px;
}

.h4{
margin-bottom:5px;
font-weight:bold;
}









.footer{
margin-top:10px;
margin-bottom:10px;
text-align:center;
color:#FFFFFF;
}


/*drop down menu */

/* Root = Horizontal, Secondary = Vertical */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
clear:both;
padding:0px;
margin:0px;
background-image:url(images/menu.gif);
background-repeat:repeat-x;
width:960px;
list-style: none;
height:45px;
z-index: 1000;
}

ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
padding-left:22px;
padding-right:21px;
background-image:url(images/menu_end.gif);
background-repeat:no-repeat;
background-position:top left;
padding-top:12px;
height:33px;
z-index: 1000;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top:45px;
  left: 0;
  z-index: 1000;
}


ul#navmenu ul li {
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
padding-left:0px;
line-height:35px;
z-index: 1000;
}

/* Root Menu */
ul#navmenu a {
border:none;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
z-index: 1000;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
color:#000000;
z-index: 1000;
}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
float: none;
background-color:#D2EDFC;
color: #000000;
border: 1px solid #52A3B8;
padding-left:4px;
line-height:35px;
z-index: 1000;
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
background: #00263C;
color: #FFFFFF;
z-index: 1000;
}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
display: block;
z-index: 1000;
}

ul#navmenu li ul li {
line-height:35px;
height:35px;
margin:0px;
padding-top:0px;
z-index: 1000;
}
/*end of drop down menu*/

.fish_box{
width:200px;
height:190px;
text-align:center;
float:left;
margin-left:1px;
margin-right:3px;
border-bottom:#00263C solid 1px;
margin-bottom:5px;
}

.heading3{
font-size:12px;
font-weight:bold;
margin-bottom:5px;
display:block;
}

.heading2{
font-size:12px;
font-weight:bold;
background-image:url(images/heading2.gif);
background-repeat:repeat-x;
width:auto;
height:24px;
margin-bottom:5px;
display:block;
}

#s3slider { 
   width: 299px; /* important to be same as image width */ 
   height: 248px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding:0;
}


#s3sliderContent {
   width: 299px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding:0;
   list-style-type:none;

}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   border:none;
     
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 14px Verdana,Arial, Helvetica, sans-serif;
   padding-left: 15px;
   line-height:30px;
   width: 285px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.GMapEZ {
	background-image:url(images/loading-map.jpg);
	background-repeat:repeat-x;
  	background-color: #0c2e4d;
	float:left;
	width: 450px; 
	height: 500px;
}

.divesitelist{
	float:left;
	overflow:auto;
	width: 160px; 
	padding-left:10px;
	height: 500px;
	background-color:#00263c;
	color:#ffffff;
}
.divesitelist a{
	color:#ffffff;
}

.bullets_left{
background-image:url(images/bubbles_left.gif);
background-repeat:no-repeat;
background-position:top right;
}

.bullets_right{
background-image:url(images/bubbles_right.gif);
background-repeat:no-repeat;
background-position:top left;
}