html {
margin: 0; padding: 0;
}

body {
background: #003 url(Bg%20Images/Dive_bg.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; }

div#backdrop {
width: 742px;
color: #000;
background: #fff url(Images_main/Tem_scubagbg.gif);
margin: 0 auto 0 auto;
padding: 0;
}

div#container {
display: block;
width: 700px;
color: #000;
background: transparent;
margin: 0 auto 12px auto;
padding: 0 12px 12px 12px;
}

div.banner {
height: 144px;
width: 700px;
}

/*-- 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: #6e69cd;
text-align: center;
}

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

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

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

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


/*-- End NavBar code --*/


div.incolumn {
padding: 0;
}

table#content {
width: 700px;
}

td.content1 {
color: #000;
background: #add8e6 url(Images_main/backS1.gif) repeat-x;
width: 500px;
vertical-align: top;
padding: 0;
}

td.content2 {
color: #000;
background: #add8e6 url(Images_main/backS1.gif) repeat-x;
width: 15px;
vertical-align: top;
padding: 0;
}

td.content3 {
color: #000;
background: #add8e6;
background: #add8e6 url(Images_main/backS1.gif) repeat-x;
width: 185px;
vertical-align: top;
padding: 9px;
}


/*-- Home Page Button Divisions --*/

div#buttons {
width: 486px;
margin: 18px 0 15px 0;
padding: 0;
}

div#buttons1 {
display: block;
float: left;
width: 154px;
margin: 0;
padding: 0;
}

div#buttons3 {
display: block;
float: right;
width: 154px;
margin: 0;
padding: 0;
}

div#buttons2 {
width: 154px;
margin: 0 0 0 166px;
padding: 0;
}




div#sidebar {
color: #000;
background: #ccc;
width: 180px;
height: 1050px;
float: right;
margin: 0 0 0 15px;
padding: 9px;
}




div#addthis {
display: block;
width: 222px;
height: 16px;
margin: 2px 0 0 260px;
text-align: right;
}

div#sinulogic {
width: 480px;
text-align: center;
margin: 15px 0 15px 0;
}

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

div#copyright {
color:#009;
background: transparent;
text-align: center;
font: 9px/10px verdana, sans-serif;
padding: 3px 0 0 0;
border-top: #ccc 2px solid;
margin: 0;
}

div.center {
display: block;
text-align: center;
}

div.weather {
display: block;
text-align:center;
width: 270px;
height: 175px;
margin-top: 18px;
margin-bottom: 18px;
margin-left: 110px;
}

div#dontshow {
display: none;
}

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

h1.a {
color:#009;
background: transparent;
font: normal bold 36px/36px impact, arial, geneva, sans-serif;
text-align: center;
margin: 36px 0 18px 0;
}

h2 {
color:#009;
background: transparent;
font: normal bold 16px/19px arial, geneva, sans-serif;
text-align: left;
margin: 36px 0 0 0;
}

h2.line {
color:#009;
background: transparent;
font: normal bold 16px/19px arial, geneva, sans-serif;
text-align: left;
margin: 12px 0 0 0;
padding-bottom: 3px;
border-bottom: 1px solid #009;
}

h2.nolead {
color:#009;
background: transparent;
font: normal bold 16px/19px arial, geneva, sans-serif;
text-align: left;
margin: 15px 0 0 0;
}

h2.center {
color:#009;
background: transparent;
font: italic bold 16px/19px arial, geneva, sans-serif;
text-align: center;
margin: 0;
}

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

h4 {
color:#009;
background: transparent;
font: normal bold 14px/16px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 0 0 6px 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 36px 0 36px;
}

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

p.center {
text-align: center;
}

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

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

p.sm11 {
font: 11px/14px verdana, sans-serif;
margin: 18px 0 0 0;
}

p.sm11indent {
font: 11px/12px verdana, sans-serif;
margin: 18px 72px 0 72px;
}

p.sm {
font: 10px/11px 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/15px verdana, sans-serif;
text-align: center;
margin: 4px 0 0 0;
}

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

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

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

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

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.center2 {
display: block;
text-align: center;
margin: 3px auto 0 auto;
}

img.gallery {
margin: 12px auto 12px 84px;
}

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

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

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

td.sidebar1 {
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.sidebar2 {
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.sidebar3 {
color: #039;
background: transparent;
font: bold 16px/16px arial, sans-serif;
text-align: center;
padding: 18px 0 6px 0;
border-bottom: #00c 2px 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;
}

table.bio {
margin-top: 0;
margin-bottom: 24px;
margin-top: 0;
}

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

td.bio2 {
color: #039;
background: transparent;
font: small-caps bold 12px/15px verdana, sans-serif;
width: 20%;
text-align: right;
vertical-align: top;
padding: 6px 0 6px 0;
border-top: #036 1px solid;
}

td.bio3 {
vertical-align: top;
padding: 6px 0 6px 6px;
border-top: #036 1px solid;
}

div.startdates {
margin: 9px 36px 12px 36px;
}

div.startdatesa {
display: block;
text-align: center;
margin: 9px 6px 12px 6px;
}

td.startdates0 {
width: 300px;
padding: 3px 1px 3px 1px;
text-align:center;
border-top: #039 1px dotted;
}

td.startdates1 {
width: 248px;
padding: 3px 1px 3px 1px;
text-align: center;
border-top: #039 1px dotted;
}

td.startdates2 {
padding: 3px;
text-align:center;
border-top: #039 1px dotted;
}

td.comparison0 {
padding: 12px 0 3px 0;
text-align:center;
}

td.comparison {
color: #000;
background: #ccf;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison1 {
color: #000;
background: #ccc;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison2 {
color: #000;
background: transparent;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.mfg1 {
width: 100px;
vertical-align: top;
padding-top: 7px;
}

td.mfg2 {
vertical-align: top;
padding-top: 10px;
}


/*-- The following pertain to the e-mail form page --*/


table.form1 {
width: 480px;
margin-top: 18px;
margin-bottom: 18px;
}

td.label {
width: 25%;
color: #039;
background: transparent;
font: bold 12px/15px arial, sans-serif;
text-align: right;
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 pertain to price listing tables --*/

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


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

table.wide185 {
width: 185px;
margin: 12px 0 12px 0;
}

table.wide90 {
width: 90%;
text-align: center;
margin: 12px 5% 12px 5%;
}

table.wide80 {
width: 80%;
text-align: center;
margin: 12px 10% 12px 10%;
}

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.tablecell-blue {
color: #000;
background: #ff6;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}

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

td.tablecell11y {
color: #000;
background: #ff6;
font: 11px/15px verdana, sans-serif;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}

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

td.tablecell12y {
color: #000;
background: #ff6;
font: 12px/16px verdana, sans-serif;
text-align: center;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}

td.tabletotal {
font-weight: bold;
text-align: center;
padding: 3px 1px 3px 1px;
border-top: 1px solid #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.tableheadxsm {
font: 9px/9px 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.tablecellsmgray {
font: normal 10px/12px verdana, sans-serif;
text-align: center;
color: #000;
background: #ccc;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}


td.tablecellsm2 {
width: 26px;
font: 18px/12px verdana, sans-serif;
text-align: center;
color: #000;
background: #fff;
padding: 3px 1px 3px 1px;
border-bottom: 1px dotted #009;
}

td.tablecellsmgray2 {
width: 26px;
font: 18px/12px verdana, sans-serif;
text-align: center;
color: #000;
background: #ccc;
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 section --*/

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: #cd9a98;
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: #e1ae83;
font: 9px/12px verdana, sans-serif;
text-align: left;
vertical-align: top;
width: 117px;
padding: 6px 3px 6px 6px;
border-bottom: #003 1px solid;
}

td.travel4 {
width: 35%;
color: #006;
background: #cd9a98;
font-weight: bold;
text-align: right;
vertical-align: top;
padding: 6px 6px 6px 3px;
border-top: #003 2px solid;
}

td.travel5 {
width: 65%;
color: #000;
background: #e1ae83;
text-align: left;
vertical-align: top;
padding: 6px 3px 6px 6px;
border-top: #003 2px solid;
}

td.comparison0 {
padding: 12px 0 3px 0;
text-align:center;
}

td.comparison {
color: #000;
background: #ccf;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison1 {
color: #000;
background: #ccc;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison2 {
color: #000;
background: transparent;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

/*-- Link table for bottom of training pages --*/

td.linklist {
padding-top: 6px;
border-top: #036 1px solid;
vertical-align: middle;
}

td.linklist1 {
width: 48px;
padding-top: 6px;
padding-right: 6px;
border-top: #036 1px solid;
vertical-align: middle;
}



/*-- Formatting for survey ages --*/

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: 12px/13px verdana, sans-serif;
text-align: left;
vertical-align: top;
padding-top: 0;
}

td.survey1 {
font: 13px/17px verdana, sans-serif;
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;
}

td.tripprice {
width: 122px;
padding-top: 3px;
padding-botrom: 3px;
border-top: 1px solid #000;
}