/*-- Overrides browser margin/padding defaults --*/

html {
margin: 0;
padding: 0;
}

/*-- Sets normal hyperlink attributes --*/

a:link {color:#00f; background: transparent; font-weight: bold; text-decoration:none; }
a:visited {color:#60f; background: transparent; font-weight: bold; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}


/*-- This is the CSS code for the tabbed navigaton table below the banner --*/


table.navbar	{
width: 100%;
border: 0;
margin: 0;
padding: 0;
color: #000;
background: #069;
text-align: center;
}

td.navbar1	{
height: 21px;
vertical-align: middle;
color: #009;
background: #fff;
font: bold 16px/16px arial, helvetica, sans-serif; 
border-bottom: 3px #fff solid;
}

td.navbar2	{
height: 21px;
vertical-align: middle;
color: #00f;
background: #edd363;
font: bold 16px/16px arial, helvetica, sans-serif; 
border-bottom: 3px #edd363 solid;
}

td.navbar3	{
width: 100%;
height: 21px;
vertical-align: middle;
color: #000;
background: #069;
font: bold 16px/16px arial, helvetica, sans-serif; 
border-bottom: 3px #edd363 solid;
}

a.navbar:link {color:#009; background: transparent; text-decoration:none;}
a.navbar:visited {color:#009; background: transparent; text-decoration:none;}
a.navbar:hover {color:#999; background: transparent; text-decoration:none;}
a.navbar:active {color:#333; background: transparent; text-decoration:none;}


/*-- Table CSS for the content and navigation columns --*/

table#twocolums {
width: 100%;
border: 0;
}

td#leftcolumn {
width: 514px;
vertical-align: top;
}

td#rightcolumn {
width: 198px;
background: #edd363;
color: #000;
vertical-align: top;
}

table.layout1 {
width: 470px;
}

table.layout2 {
width: 445px;
}


/*-- Attributes for the content container --*/

div#content {
background: #fff;
color: #000;
width: 700px;
margin: 24px auto 12px auto;
padding: 12px; 
border-top: 3px solid #ccc;
border-right: 3px solid #336;
border-bottom: 3px solid #336;
border-left: 3px solid #999;
}


/*-- This is all the CSS code that makes the in-column navigation links behave like JavaScript rollovers (it doesn't take much, does it?) --*/

div#navlinks {
width: 100%;
}

div#navlinks a {
color: #fff;
background: #0a499f url(../images/button.jpg);
font: bold 13px/13px arial, helvetica, sans-serif; 
text-align: center;
text-decoration: none;
display: block;
padding: 3px 3px 5px 3px;
margin: 0;
}

div#navlinks a:hover {
color: #666;
background: #ccc url(../images/button2.jpg);
text-decoration: none;
}

div#navlinks a:active {
color: #fff;
background: #ccc url(../images/button3.jpg);
text-decoration: none;
}

div#navlinks a.yourhere {
color: #000;
background: #ccc url(../images/button3.jpg);
text-decoration: none;
}



/*-- Here is the balance of the division CSS attributes --*/


div#breadcrumb {
color: #000;
background: transparent;
width: 100%;
font: 10px/12px verdana, geneva, sans-serif;
padding: 6px 3px 3px 3px;
}

div#copyright {
color:#666;
background: transparent;
width: 100%;
text-align: center;
font: 10px/12px verdana, sans-serif;
padding: 3px;
margin: 12px 0 0 0;
border-top: 1px dotted #000;
border-bottom: 1px dotted #000;}

div.incolumn {
padding: 12px 24px 12px 12px;
}

div.inrightcolumn {
padding: 9px 9px 9px 9px;
}

div.sidebar {
margin-top: 12px;
padding: 12px;
border: 1px dotted #00c;
}

div.pullleft {
color:#009;
background: transparent;
font: italic bold 14px/18px arial, geneva, sans-serif;
text-align: left;
width: 120px;
padding: 9px 0 9px;
border-top: #009 4px solid;
border-bottom: #009 4px solid;
margin: 13px 9px 3px 0;
float: left;
}

div.pullright {
color:#009;
background: transparent;
font: italic bold 14px/18px arial, geneva, sans-serif;
text-align: center;
width: 120px;
padding: 9px 0 9px;
border-top: #009 4px solid;
border-bottom: #009 4px solid;
margin: 13px 0 3px 9px;
float: right;
}

div.weather {
margin: 18px auto 12px 108px;
}

div#dontshow {
display: none;
}


/*-- Be kind to Netscape 4 (overcomes some bugs in that browser) --*/

p, td, ol, ul, li, dl, dt, dd {font-family: verdana, sans-serif;}

/*-- Done being kind to Netscape 4 --*/


/*-- These definitions are specific to the mailing list sign-up box --*/

div.maillist {
width: 154px;
color: #000;
background: #f5df6f;
margin: 0 auto 0 auto;
padding: 3px;
border-top: #fff 1px solid;
border-right:  #999 2px solid;
border-bottom:  #666 2px solid;
border-left:  #fff 1px solid;
text-align: center;
}

table.email1 {
width: 100%;
text-align: center;
}

td.email2  {
width: 33px;
vertical-align: middle;
font: bold 9px/10px verdana, sans-serif;
text-align: right;
vertical-align: middle;
}

td.email3  {
width: 39px;
vertical-align: middle;
text-align: left;
vertical-align: middle;
}

input {
font: 9px/10px verdana, sans-serif;
}


/*-- The following definitions pertain to Gallery Section tables --*/

table.wide100 {
width: 100%;
margin: 12px 0 12px 0;
}

td.indexcell {
text-align: center;
padding: 0;
}


/*-- The following definitions pertain to price listing tables --*/

table.wide80 {
width: 372px;
text-align: center;
margin: 12px 47px 12px 47px;
}

table.wide90 {
width: 320px;
text-align: center;
margin: 12px 23px 12px 23px;
}

td.tablehead {
font-weight: bold;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 2px solid #009;
}

td.tableheadleft {
font-weight: bold;
text-align: left;
padding: 3px 1px 3px 1px;
border-bottom: 2px solid #009;
}

td.tablecell {
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}

td.tableheadsm {
font: 10px/12px verdana, sans-serif;
font-weight: bold;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 2px solid #009;
}

td.tableheadleftsm {
font: 10px/12px verdana, sans-serif;
font-weight: bold;
text-align: left;
padding: 3px 1px 3px 1px;
border-bottom: 2px solid #009;
}

td.tablecellsm {
font: 10px/12px verdana, sans-serif;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}


td.tableheadxsm {
font: 9px/10px verdana, sans-serif;
font-weight: bold;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 2px solid #009;
}

td.tablecellxsm {
font: 9px/10px verdana, sans-serif;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}


/*-- The following definitions pertain to the right-hand column tables in the Travel sectioin --*/

td.travel1 {
color: #009;
background: transparent;
font: bold 14px/14px arial, sans-serif;
text-align: left;
vertical-align: top;
padding: 12px 0 6px 0;
border-bottom: #009 2px solid;
}

td.travel2 {
color: #006;
background: #cfae27;
font: bold 10px/10px verdana, sans-serif;
text-align: right;
vertical-align: top;
width: 51px;
padding: 6px 6px 6px 3px;
border-bottom: #003 1px solid;
}

td.travel3 {
color: #000;
background: #e4c956;
font: 9px/12px verdana, sans-serif;
text-align: left;
vertical-align: top;
width: 117px;
padding: 6px 3px 6px 6px;
border-bottom: #003 1px solid;
}




/*-- The following definitions are for various headlines and classes --*/

h1 {
	color:#006;
	background: transparent;
	font: normal bold 24px/27px arial, geneva, sans-serif;
	text-align: center;
	margin: 18px 0 15px 0;
}

h2 {
	color:#006;
	background: transparent;
	font: normal bold 18px/20px arial, geneva, sans-serif;
	text-align: left;
	margin: 12px 0 9px 0;
}

h3 {
	color:#006;
	background: transparent;
	font: normal bold 16px/18px arial, geneva, sans-serif;
	text-align: left;
	margin: 18px 0 0 0;
	padding: 0;
}

h3.zero {
	color:#006;
	background: transparent;
	font: normal bold 16px/16px arial, geneva, sans-serif;
	text-align: left;
	margin: 0;
}

h4 {
	color:#009;
	background: transparent;
	font: normal bold 12px/12px arial, geneva, sans-serif;
	text-align: left;
	margin: 3px 0 0 0;
}



/*-- The following definitions are for various paragraphs and classes --*/

td {
	font: 13px/17px verdana, sans-serif;
}

p {
	font: 13px/17px verdana, sans-serif;
	background: transparent;
	color: #000;
	margin: 7px 0 0 0;
}

p.zero {
	font: 13px/17px verdana, sans-serif;
	background: transparent;
	color: #000;
	margin: 0;
}

p.a {
	font: 13px/17px verdana, sans-serif;
	margin: 14px 0 0 0;
}

p.indent {
	font: 13px/17px verdana, sans-serif;
	margin: 7px 24px 0 24px;
}

p.center {
	text-align: center;
}

p.right {
	font: 13px/17px verdana, sans-serif;
	margin: 48px 0 24px 0;
	text-align: right;
}

p.sm {
display: block;
text-align: left;
font: normal 10px/12px verdana, geneva, sans-serif;
margin: 6px 0 0 0;
}

p.smcenter {
display: block;
text-align: center;
font: normal 10px/12px verdana, geneva, sans-serif;
margin: 6px 0 0 0;
}

p.xsmcenter {
display: block;
text-align: center;
font: 9px/10px verdana, sans-serif;
margin: 3px 0 0 0;
}

p.xsa {
font: 9px/10px verdana, sans-serif;
margin: 6px 0 0 0;
}


/*-- This CSS code creates a better hanging indent for unordered lists in Internet Explorer --*/


ol, ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

li.nolead {
background: url(images/dive_flag.gif) left top no-repeat;
color: #000;
margin-top: 0;
padding-top: 2px;
padding-left: 15px;
}

li {
background: url(images/dive_flag.gif) left top no-repeat;
color: #000;
margin-top: 7px;
padding-left: 15px;
}

ol.small, ul.small {
list-style-type: none;
margin-top: 3px;
margin-left: 0;
padding-left: 0;
}

li.small {
background: url(images/square_sm.gif) left top no-repeat;
color: #000;
font: normal 10px/11px verdana, geneva, sans-serif;
margin-top: 3px;
padding-left: 12px;
}


/*-- Image tag classes (center, or float left or right) --*/

img {
	border: 0;
	}


img.center {
	display: block;
	text-align: center;
	margin: 18px auto 18px auto;
	border: 0;
}

img.xsmcenter {
	display: block;
	text-align: center;
	margin: 24px auto 0 auto;
	border: 0;
}

img.left {
	margin: 7px 9px 6px 0;
	display: block;
	float: left;
	border: 0;
}

img.right {
	margin: 7px 0 6px 9px;
	display: block;
	float: right;
	border: 0;
}


/*-- The CSS for various span classes --*/

span.smallcaps {
	font-variant: small-caps;
}

span.red {
	color: #f00;
	background: transparent;
	font-weight: bold;
}

span.darkblue {
	color: #00c;
	background: transparent;
	font-weight: bold;
}

span.green {
	color: #0c0;
	background: transparent;
	font-weight: bold;
}

span.sm {
	font: normal 10px/12px verdana, geneva, sans-serif;
}


table.form1 {
width: 90%;
margin-top: 5%;
margin-bottom: 5%;
margin-left: 18px;
}

td.header1 {
color: #006;
background: transparent;
font: bold 16px/17px arial, sans-serif;
text-align: left;
padding: 3px 0 3px 0;
border-bottom: #036 2px solid;
}

td.label {
color: #006;
background: transparent;
font: small-caps bold 12px/15px verdana, sans-serif;
text-align: right;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.input {
padding: 3px 0 3px 6px;
border-bottom: #006 1px solid;
}

p.xsmcentera {
	display: block;
	text-align: center;
	font: 9px/10px verdana, sans-serif;
	margin: 0px 0 0 0;
	position: center;
}
img.xsmcentera {
	display: block;
	text-align: center;
	margin: 0px auto 0 auto;
	border: 0;
}