html {
margin: 0; padding: 0;
}

body {
background: #1a4c80 url(images/background.jpg) repeat-x;
color: #000;
font: 13px/17px verdana, sans-serif;
margin: 0; padding: 0;
}

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


/*-- The following definition pertain to the banner 'learn more' link --*/

div#learnmore {
position: relative ; top: 84px; left: 663px; z-index: 2;
}


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

div#navlinks {
width: 171px;
position: relative ; top: 0; left: 0; z-index: 2;
}

div#navlinks a {
color: #fff;
background: #8abcb3 url(images/navbutton1.gif);
font: bold 13px/13px arial, helvetica, sans-serif; 
text-align: center;
text-decoration: none;
display: block;
height: 18px;
padding: 5px 18px 0 3px;
margin: 3px 0 0 9px;
}

div#navlinks a:hover {
color: #000;
background: #8abcb3 url(images/navbutton2.gif);
text-decoration: none;
}

div#navlinks a:active {
color: #ccc;
background: #8abcb3 url(images/navbutton2.gif);
text-decoration: none;
}

div#navlinks a.yourhere {
color: #000;
background: #fc3 url(images/navbutton2.gif);
text-decoration: none;
}


/*-- The following definitions pertain to the "container" division --*/

div#container {
width: 742px;
color: #000;
background: #fff;
margin: 15px auto 0 auto;
padding: 0;
border-top: 3px solid #ccc;
border-right: 3px solid #336;
border-bottom: 3px solid #336;
border-left: 3px solid #999;
}

table.container {
width: 742px;
border: 0;
margin: 0;
padding: 0;
}

td.banner {
width: 742px;
border: 0;
padding: 0;
}

td.sidebar {
width: 171px;
background: #b8ddd8 url(images/sidebar_left.gif) repeat-y;
color: #000;
border: 0;
margin-top: -6px;
padding: 0;
vertical-align: top;
}

td.content {
width: 379px;
background: #fff;
color: #000;
margin-top: -6px;
border: 0;
padding: 0;
vertical-align: top;
}

td.sidebar2 {
width: 192px;
background: #a8a8f1 url(images/sidebar2.jpg) repeat-y;
color: #000;
margin-top: 15px;
margin-right: 12px;
border: 0;
padding: 0;
vertical-align: top;
}

div.contentleft {
color: #000;
background: transparent;
width: 132px;
padding: 24px 29px 24px 9px;
}

div.contentcenter {
color: #000;
background: transparent;
width: 339px;
padding: 13px 9px 0 9px;
}

div.contentright {
color: #000;
background: transparent;
width: 159px;
padding: 0 9px 24px 9px;
}


/*-- The following definitions are for listing operational hours --*/

table.hours0 {
text-align: center;
margin: 0;
}

td.hours1 {
color: #000;
background: transparent;
font: bold 12px/12px verdana, sans-serif;
text-align: center;
vertical-align: middle;
width: 128px;
padding: 3px 2px 6px 2px;
border-bottom: #00c 1px dotted;
}

td.hours2 {
color: #000;
background: transparent;
font: bold 12px/12px verdana, sans-serif;
text-align: center;
vertical-align: middle;
width: 48px;
padding: 3px 2px 6px 2px;
border-bottom: #00c 1px dotted;
}

td.hours3 {
color: #039;
background: transparent;
font: bold 16px/16px arial, sans-serif;
text-align: center;
padding: 18px 0 6px 0;
border-bottom: #00c 2px solid;
}


/*-- The following definitions create the breadcrumb trail --*/

div#breadcrumb {
font: 10px/12px verdana, sans-serif;
padding-top: 3px;
border-top: #99c 1px solid;
}

/*-- The following definitions create the mailing list sign up --*/

div.signup {
color: #000;
background: #8abcb3;
margin: 0;
padding: 3px 6px 0 6px;
border-top:  #fff 1px solid;
border-right:  #999 2px solid;
border-bottom:  #666 2px solid;
border-left:  #fff 1px solid;
}

table.email1 {
width: 100%;
margin-top: 9px;
}

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

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

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

/*-- The following definitions create the copyright division --*/

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

/*-- The following definitions create a sidebar box --*/

div.sidebar {
margin: 24px 0 12px 0;
padding: 3px 15px 15px 15px;
border: #999 1px solid;
}

/*-- The following definitions pertain to the "Contact Us" form --*/

table.form1 {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}

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

td.input1 {
width: 75%;
padding: 3px 0 3px 6px;
border-bottom: #036 1px solid;
}

/*-- The following definitions are for common block elements --*/

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

h2 {
color:#063;
background: transparent;
font: normal bold 18px/21px arial, geneva, sans-serif;
text-align: left;
margin: 24px 0 0 0;
}

h2.center {
color:#063;
background: transparent;
font: normal bold 18px/21px arial, geneva, sans-serif;
text-align: center;
margin: 24px 0 0 0;
}

h3 {
color:#063;
background: transparent;
font: normal bold 16px/19px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 9px 0 0 0;
}

h4 {
color:#063;
background: transparent;
font: normal bold 14px/16px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 6px 0 0 0;
}


/* Be kind to Netscape 4* /

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

/* Done being kind to Netscape 4 */


p {
margin: 7px 0 0 0;
}

p.indent {
margin: 7px 24px 0 24px;
}

p.a {
margin: 15px 0 0 0;
}

p.center {
text-align: center;
}

p.right {
margin: 28px 0 0 0;
text-align: right;
}

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

p.xsm {
font: 9px/10px verdana, sans-serif;
margin: 2px 0 0 0;
text-align: center;
}

p.smcenter {
font: 10px/12px verdana, sans-serif;
text-align: center;
margin: 4px 0 0 0;
}

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

ul.littlelead {
margin-top: 3px;
}

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

li.nolead {
margin-top: 0px;
}

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

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

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

span.white {
color: #fff;
background: transparent;
font-weight: bold;
}

img {
border: 0;
}

img.center {
display: block;
text-align: center;
margin: 12px auto 12px auto;
}

img.left {
margin: 9px 9px 6px 0;
float: left;
}

img.right {
margin: 9px 0 6px 9px;
float: right;
}


/*-- Survey table formatting -0-*/

table.survey {
width: 100%;
margin-top: 18px;
}

td.survey0 {
width: 15px;
font-weight: bold;
text-align: left;
vertical-align: top;
padding-top: 9px;
border-top: #00c 1px solid;
}

td.survey00 {
font: 11px/11px verdana, sans-serif;
text-align: left;
vertical-align: top;
padding-top: 0;
}

td.survey1 {
text-align: left;
vertical-align: top;
padding-top: 9px;
border-top: #00c 1px solid;
}

td.survey2 {
text-align: left;
vertical-align: top;
padding-top: 6px;
}

td.survey3 {
text-align: left;
vertical-align: top;
padding-top: 9px;
}


/*-- Pricing table for guided dives -0-*/

table.guided {
display: block;
width: 339px;
margin: 7px auto 7px auto;
}

td.guided1 {
color: #fff;
background: #060;
font: bold 10px/10px verdana, sans-serif;
text-align: center;
padding: 6px;
vertical-align: middle;
}

td.guided2{
font: 12px/15px verdana, sans-serif;
text-align: center;
padding: 3px;
vertical-align: middle;
border-bottom: #030 1px solid;
}




/*-- Pricing table formatting -0-*/

table.pricing {
width: 100%;
margin-top: 18px;
margin-bottom: 18px;
}

td.pricing {
text-align: center;
vertical-align: middle;
padding: 3px;
border-top: #00c 1px solid;
}

td.pricinghead1 {
text-align: left;
vertical-align: bottom;
color:#063;
background: transparent;
font: normal bold 18px/21px arial, geneva, sans-serif;
}

td.pricinghead2 {
text-align: center;
vertical-align: bottom;
font: normal bold 12px/12px verdana, geneva, sans-serif;
}