@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	/*text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color:#bfcbba;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}

.designSubmit
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #ffffff;
		background-color: #99ccff;
	    padding: 0.30em;
    	overflow:visible;
}
.feedback {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	background-color:#fdff97;
   	border-color:#000000;
	border-width: 1px;
	border-style: solid;
}

.feedbackNoLine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	background-color:#fdff97;
}


.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	font-weight: bold;
}

.diveTank {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #31688C;
	font-weight: bolder;
	text-align: center;
}

.tablemini {
	line-height: 20px;
	font-size: 10px;
}


ul
{
margin-left: 20px;
padding-left: 0;
list-style: none;
}

li.flag
{
padding-left: 25px;
padding-top: 12px;
background-image: url(images/diveflag.gif);
background-repeat: no-repeat;
background-position: 0 1em;
}

li.dash {
    list-style-type: disc; 
}

#container { width: 900px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ }


#contentContainer 
{
width: 747px; 
margin: 0 0 0 145px;
text-align: left;
background-image:url(images/bg_page.gif);
background-repeat:repeat-y;
background-position:left;
 }
 
#mainContainer 
{
width: 505px; 
margin: 0px 20px 20px 15px;
margin-top: 20px; /* IE Browsers */
text-align: left;
}

#mainContainer2
{
width: 505px; 
margin: 0px 20px 20px 15px;
margin-top: -20px; /* IE Browsers */
text-align: left;
}

 
#rightCol { width: 222px;  float:right; text-align: left; margin-left: -2px;}
#rightColSub { width: 130px;  float:right; text-align: left; margin-left: -125px;}
#rightColSubPictures130 { width: 205px;  float:right; position:relative; top:130px; align: right; text-align: left; margin-right: 0px;}
#rightColSubPictures150 { width: 205px;  float:right; position:relative; top:150px; align: right; text-align: left; margin-right: 0px;}
#rightColSubPictures180 { width: 205px;  float:right; position:relative; top:180px; align: right; text-align: left; margin-right: 0px;}
#rightColSubPictures300 { width: 205px;  float:right; position:relative; top:300px; align: right; text-align: left; margin-right: 0px;}
#rightColSubPictures400 { width: 155px;  float:right; position:relative; top:300px; align: right; text-align: left; margin-right: 0px;}


#subpageHeader 
{
width: 737px; 
height: 31px;
padding-right: 10px;
margin-top: -3px;
text-align: right;
background-image:url(images/bg_header.gif);
background-repeat:repeat-x;
color: #fdff97;
font-size:18px;
line-height: 30px;
 }
 
#footer
{
background-color: #4473a4;
padding: 20px 0;
text-align:center;
color: #00000;
font-size:10px;
}

#copyright
{
padding: 20px 0 0 60px;
width: 900px;
text-align:center;
font-size:10px;
}

/*Table Formatting*/
.borderBlack
{
border: 3px #000000;
border-right-style: ridge;
border-top-style: ridge;
border-left-style: solid;
border-bottom-style: solid;
}

td.hotelDescription {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 1.5;
	color: #000000;
}

td.hotelHeader {
	background: #FEFF97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	color: #000000;
	vertical-align:top;
}


td.mainBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th.thead, td.thead  {
	background: #FEFF97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5;
	vertical-align: middle;
	align: center;
	text-align: center;
	color: #000000;
}

th.theadLeft, td.theadLeft {
	background: #FEFF97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5;
	vertical-align: middle;
	align: left;
	text-align: left;
	color: #000000;
}
th.theadBig {
	background: #FEFF97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11px;
	line-height: 1.5;
	vertical-align: middle;
	align: center;
	text-align: center;
	color: #000000;
}


td.theadLeft {
	background: #FEFF97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	line-height: 1.5;
	vertical-align: middle;
	align: left;
	color: #000000;
}

td.theadLeftGray {
	background: #DEDFEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	line-height: 1.5;
	vertical-align: middle;
	align: left;
	color: #000000;
}


td.theadLeftGraySmall {
	background: #DEDFEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.5;
	vertical-align: middle;
	align: left;
	color: #000000;
}


td.theadLightLeft {
	background: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.5;
	vertical-align: middle;
	align: left;
	color: #000000;
}


th.theadLight {
	background: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 1.5;
	vertical-align: middle;
	align: center;
	color: #000000;
}

th.theadBlue {
	background: #2F6689;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	vertical-align: middle;
	align: center;
	color: #FFFFFF;
}

tr.mainRow {
	background-color:#8EEBEF;
}


tr.altRow {
	background-color:#67E3E8;
}

tr.mainRowBig {
	background-color:#8EEBEF;
	font-weight: bold;
	font-size: 13px;
	
}


tr.altRowBig {
	font-weight: bold;
	font-size: 13px;
	background-color:#67E3E8;
}

/*End Table formatting */



/* MAIN NAV */
#navcontainer { width: 145px;  float:left; text-align: left;}

#navcontainer #nav 
{
height: 30px;
padding-left: 5px;
font-family: Verdanda, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bolder;
background-image:url(images/mainnav_bg.gif);
background-repeat:repeat-x;
}

#navcontainer a
{
display: block;
line-height: 14px;
}


#navcontainer a:link, #navcontainer a:visited
{
color: #241a6e;
text-decoration: none;
}

#navcontainer a:hover, #navcontainer a:active
{
color: #FF0000;
text-decoration: none;
}

#navcontainer #smnav 
{
height: 177px;
width: 116px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-image:url(images/mainnav_bg_bottom.gif);
background-repeat:repeat-x;
}

#navcontainer #smnav td 
{
border-top: 1px solid #3a6680;

}

#navcontainer #smnav #both  
{
border-top: 1px solid #3a6680;
border-bottom: 1px solid #3a6680;
}

#navcontainer #smnav a, #navcontainer #smnav a:link
{
display: block;
color: #294c60;
padding: 3px 0 3px 3px;
text-decoration: none;

}

#navcontainer #smnav a:hover, #navcontainer #smnav a:active
{
color: #294c60;
background-color:#2a6183;
text-decoration: none;
}

/* END MAIN NAV */

/* SUBNAV */

#subnavcontainer 
{ 
width: 130px; 
background-color: #2a6183;
margin-bottom: 20px;
padding-bottom: 15px;
margin-left: 0px;
background-image: url(images/subnav_bgbot.gif);
background-repeat:no-repeat;
background-position:bottom;
align: right;
}

#subnav
{
width: 120px;
list-style: none;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
}

#subnav li
{
background-image: none;
margin: 0;
padding: 0;
border-top: 0px solid #ffffff;
border-bottom: 0px;
}

#subnav li.both
{
background-image: none;
margin: 0;
padding: 0;
border-top: 0px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#subnavcontainer a
{
display: block;
padding: 5px 8px;
margin: 0;
}


#subnavcontainer a:link, #subnavcontainer a:visited
{
color: #ffffff;
background-color: #2a6183;
text-decoration: none;
}

#subnavcontainer a:hover, #subnavcontainer a:active
{
color: #241a6e;
background-color: #fdff97;
}

/* HOME PAGE STYLES */
 
#homeTopImg 
{
height: 260px;
text-align: left;
background-image:url(images/home_topimg.jpg);
background-repeat:no-repeat;
background-position: 0 0;
 }

/* HOME PAGE RIGHT COL */

.miniline
{
height: 5px;
}
.sunset
{
background-image:url(images/sunsetweather.jpg);
background-repeat:no-repeat;
padding: 0 5px;
}


.grBox 
{
background-color: #4C8AAF;
padding: 0 5px;
}

.grBoxTop 
{
background-image:url(images/home_right-grtop.gif);
background-repeat:no-repeat;
height: 9px;
font-size:2px;
}

.grBoxBot 
{
background-image:url(images/home_right-grbot.gif);
background-repeat:no-repeat;
height: 9px;
font-size:2px;
}

.yelBox 
{
background-color: #fdff97;
padding: 0 5px;
}

.yelBoxTop 
{
background-image:url(images/home_right-yeltop.gif);
background-repeat:no-repeat;
height: 9px;
font-size:2px;
}

.yelBoxBot 
{
background-image:url(images/home_right-yelbot.gif);
background-repeat:no-repeat;
height: 9px;
font-size:2px;
}


.yelBoxTopWide
{
background-image:url(images/home_right-yeltop-wide.gif);
background-repeat:no-repeat;
height: 9px;
font-size:2px;
}

.yelBoxBotWide
{
background-image:url(images/home_right-yelbot-wide.gif);
background-repeat:no-repeat;
height: 9px;
font-size:2px;
}


/* IMAGE BORDERS */

.imgThumb
{
border: 1px solid #fbde5c;
}

.imgPage
{
border: 3px solid #fdff97;
}

/* LINKS */

a, a:link
{
color: #0005dd;
text-decoration:underline;
}

a:hover,  a:active
{
color: #629845;
}

a:visited
{
color: #0005dd;
}

a.yellow , a.yellow:link, a.yellow:visited
{
color: #fdff97;
font-weight: bold;
text-decoration:underline;
}

a.blue , a.blue:link, a.blue:visited
{
text-decoration:none;
}


.yellow a:hover, .yellow a:active
{
color: #ffffff;
font-weight: bold;
text-decoration:underline;
}

/* TEXT STYLES */


hr.dbBlue {
	color: #241a6e;
	font-weight: bold;
}

.bluebold
{
color: #241a6e;
font-weight: bold;
}

h2.blue18bold, .blue18bold
{
font-size:18px;
color: #241a6e;
font-weight: bold;
}

h2.blue18boldHeadSpace, .blue18boldHeadSpace
{
margin-top: 10px;
margin-bottom: 2px;
font-size:18px;
color: #241a6e;
font-weight: bold;
}

.aqua14bold
{
color: #46dcee;
font-weight: bold;
font-size:14px;
}

.deepBluebold
{
/* old color #46E1F3 */
color: #4011AA;
font-weight: bold;
font-size:14px;
}

.yellowbold
{
color: #fdff97;
font-weight: bold;
}

.black
{
color: #000000;
}

.size10
{
font-size:10px;
}

.yellowhandwriting
{
color: #fdff97;
font-weight: bold;
font-family: Lucida Handwriting, Comic Sans, Comic Sans MS, cursive;
font-size:16px;
}

.instructions
{
margin: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 14pt
}


td.hotelhead, tr.hotelhead
{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.backgroundWhite {
	padding: 5px;
	background:#ffffff;
   	border-color:#000000;
	border-width: 1px;
	border-style: solid;
}

/* INPUT FORM TEXT STYLES */


select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

textarea, textarea.reservation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	width: 345px;
	height: 90px;
}