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

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

Description : Style sheet for Underwater World Inc. website photo albums

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; /* Trebuchet, "Trebuchet MS", Geneva */
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_star.jpg) no-repeat;
}
#page, #banner, #navigation, #primaryContent, #footer{
width: 800px;
}
#banner, #navigation, #primaryContent {
clear:left;
float:left;
}
#logo{
float:left;
height:200px;
width:220px;
}
#primaryContent{
background:url(/images/bkg_2-6.png) repeat-y !important;
}
#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;
}
#pg_hdr{
clear:left;
float:left;
width:600px;
background:#eee;
height:60px;
}

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

.c_lft{
clear:left;
float:left;
width:200px;
}
.c_mid, .c_mlft, .c_mrgt, .c_rgt{
clear:none;
float:left;
}
.c_3rgt{
clear:right;
float:left;
width:600px;
}
.ndr{
padding-bottom:5px;
border-bottom:dashed 1px #666;
}
.ctr{
width: 100%;
text-align:center;
}
.hd_img{
vertical-align:top;
}
.photorow{
width: 590px;
padding: .6em 0;
}
.width{
width:100px;
}
.img_shadow {
  float:left;
  clear:both;
  display:block;
/*  background: url(/images/shadowbox.png) no-repeat bottom right !important;
  background: url(/images/shadowbox.gif) no-repeat bottom right;
  margin: 7px 0 0 7px !important;
  margin: 7px 0 0 2px;*/
}
.img_shadow input {
  display:block;
/*  margin: -7px 0 0 -7px;
  padding: 0 7px 7px 0;*/
}
.str{
color:#099;
font-weight:bolder;
}

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

h1{
font-size: 1.6em;
margin: 0;
padding: .67em 0 .25em 10px;
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, ul, fieldset, form, ol, 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{
}

/* ----- 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;
}

.c_rgt ul {
margin:0;
}
.c_lft ul li, .c_rgt ul li{
list-style:none;
padding:3px 0;
}

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


.photorow img, .foto{
margin: 0 0 10px 0;
border: 1px solid #333;
}
.foto{
padding:4px;
}
.c_lft img{
display:block;
}

/* ----- 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:#666;
}

/* ----- 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{
display: inline;
}
#name, #submit_by {
	width: 250px;
}
#ac {
	width: 25px;
}
#phone, #paid {
	width: 70px;
}
#contact {
	width:500px;
	margin:20px 40px;
}
#contact fieldset{
	border: 1px solid #099;
	padding: 10px 20px;
}
#contact fieldset legend{
	font-size:0.9em;
	border: 1px solid #099;
	border-bottom-color:#0bb;
	border-right-color:#0bb;
	padding:4px 8px;
}
button, input, select { 
display: inline;
}
.submit {
	font: bold 1em Trebuchet, "Trebuchet MS", Arial, Helvetica, san-serif;
	color: #099; 
	background-color: #eee;
}

/* ----- 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; 
}