/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : Eric Wolf
URL : http://www.activecanvas.com

Description : Style sheet for Underwater World Inc. website index page

Created : 5/26/2007
Modified : 1/2/2009

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
}
html{
font-size: 1.25em; /* 1.25 x 16px = 20px */
}
body{
margin: 0;
padding: 0;
color: #666;
background:#cff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 50%; /* adjusts base font to 10px */
}
html>body {
    font-size: 10px; /* overrides the above in all browsers except IE */
}

/* ----- IDs ----- */

#page{
margin: 0 auto;
}
#banner{
height:240px;
background:url(/images/8_turtle.jpg) no-repeat;
}
#page, #banner, #navigation, #primaryContent, #secondaryContent, #footer{
width: 800px;
}
#banner, #navigation, #primaryContent {
clear:none;
float:left;
}
#primaryContent{
background:#fff url(/images/bkg_ndx.png) repeat-y !important;
}
#secondaryContent{
background:#fff;
}
#footer{
clear:both;
float:left;
text-align:left;
background:#eee;
font-size:0.9em;
}
#n_lft,#n_mlft,#n_mrgt,#n_rgt{
width:200px;
}
#n_lft{
background:#099;
}
#n_mlft{
background:#0bb;
}
#n_mrgt{
background:#0dd;
}
#n_rgt{
background:#0ff;
}

/* ----- CLASSES ----- */

.c_lft,.c_mlft,.c_mrgt,.c_rgt{
width:200px;
}
.c_lft{
clear:left;
float:left;
}
.c_mlft,.c_mrgt,.c_rgt{
clear:none;
float:left;
background:none;
}
.c_3rgt{
clear:none;
float:left;
padding:.5em 0;
width:600px;
background:#fff;
}
.foto{
padding:5px;
}

/* ----- HEADINGS ----- */

h1{
font-size: 3em;
color:#c00;
margin: 0;
padding:0 0 0 25px;
text-transform:uppercase;
}
h2{
margin:0;
padding: 5px 0;
font-size: 1.3em;
text-align:center;
text-transform:uppercase;
}
h3{
font-size: 1.2em;
margin: .83em 0 .3em 10px;
}
h4, p, blockquote, fieldset, form, ol, ul, dl, .c_lft ul {
font-size: 1.1em;
margin: .5em 10px;
}
h5{
font-size: .83em;
margin: 1.5em 0;
}
h6{
font-size: .75em;
margin: 1.67em 0;
}
h1, h2, h3, h4, h5, h6, b, strong { 
font-weight: bolder;
}

/* ----- PARAGRAPHS ----- */

p.IEimageHack{
margin:.75em 0;
}
.c_3rgt p{
}

/* ----- QUOTES ----- */

blockquote{
margin-left: 40px; 
margin-right: 40px;
}

/* ----- LISTS ----- */


ol, ul{
margin-left: 40px;
}
ol ul, ul ol, ul ul, ol ol  {
margin-top: 0; 
margin-bottom: 0;
}

#navigation ul {
margin-left:0;
padding:0;
}
.c_lft ul li{
list-style:none;
padding: 2px 0;
}

/* ----- IMAGES ----- */

#banner img{
border:none;
padding:20px;
}

/* ----- TEXT FORMATTING ----- */

strong{
font-weight:bolder;
}

/* ----- LINKS ----- */

a{
text-decoration: none;
}
a:link{
color:#c36;
}
a:visited{
color:#c36;
}
a:hover{
color:#cc3;
text-decoration:underline;
}
a:active{
color:#666;
}
a:focus{
color:#906;
}

/* ----- TABLES ----- */

table{
display: table;
border-spacing: 2px;
}
caption{
display: table-caption;
text-align: center;
}
thead, tbody, tfoot  { 
vertical-align: middle ;
}
th{
font-weight: bolder; 
text-align: center;
vertical-align: inherit;
}
td{
vertical-align: inherit;
}

/* ----- FORMS ----- */

form{
width:;
margin:;
padding:;
}
fieldset{
border:;
width:;
margin:;
padding:;
}
legend{
font:;
color:;
margin:;
padding:;
}
label{
margin:;
padding:;
font-size:;
font-family:;
}
input{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
button, textarea, input, select { 
display: inline-block ;
}

/* ----- DEFINITIONS ----- */

dd{
margin-left: 40px;
}

/* ----- PRINTING ----- */

@media print {
h1 { 
page-break-before: always; 
}
h1, h2, h3, h4, h5, h6 { 
page-break-after: avoid; 
}
ul, ol, dl { 
page-break-before: avoid; 
}