/* big div for entire content */

.big {
width: 770px;
}

/* top navigation and banner area */

.top-part {
width: 770px;
}

.main-menu {
width: 275px;
background: none;
}

.mm1 {
position: absolute;
margin-top: 0px;
}

.mm2 {
margin-top: -23px;
}

.mm3 {
margin-top: -23px;
}

.banner {
width: 495px;
margin-left: 275px;
margin-top: -230px;
}

a, a:link, a:visited{
background-color: transparent;
}

blockquote {
font-size: 0.85em;
}

/* For full length content - everything in between banner and footer */

.container {
width: 770px;
background: url(/sos/shipwrecks/091/002031-misc02.jpg) repeat-y;
}

.content-top {
width: 770px;
background: url(/sos/shipwrecks/091/002031-misc01.jpg) no-repeat top;
padding-top: 20px;
}

.content-bottom {
width: 770px;
background: url(/sos/shipwrecks/091/002031-misc03.jpg) no-repeat bottom;
padding-bottom: 90px;
}

.short-pages {
height: 50px;
}

/* style will be used once proper content is in, but right now, not being used in any of the pages. I'll remove this if in the end, I don't use it. */
.long-pages {
height: 170px;
}

/* For short content - everything in between banner and footer */

.container-sm {
width: 770px;
background: url(/sos/shipwrecks/091/002031-misc12.jpg) repeat-y;
}

.content-top-sm {
width: 770px;
background: url(/sos/shipwrecks/091/002031-misc07.jpg) no-repeat top;
padding-top: 20px;
}

.content-bottom-sm {
width: 770px;
background: url(/sos/shipwrecks/091/002031-misc08.jpg) no-repeat bottom;
padding-bottom: 90px;
}

.short-pages-sm {
height: 70px;
}

.info, .comments {
background-color: transparent;
margin-left: 60px;
width: 650px;
overflow: hidden;
}

/* general text */

p {
background-color: transparent;
line-height: 1.5em;
}

.note {
background-color: transparent;
font-size: .80em;
}

h2 {
font-size: 1.2em;
color: #cc3300;
padding-top: 30px;
background-color: transparent;
}

h2 a, h2 a:link, h2 a:active, h2 a:visited {
color: #cc3300;
text-decoration: none;
}

h2 a:hover {
color: #cc3300;
text-decoration: underline;
}

h3 {
font-size: 1.0em;
color: #000066;
background-color: transparent;
}

h3 a, h3 a:link, h3 a:active, h3 a:visited {
color: #000066;
text-decoration: underline;
}

h3 a:hover {
text-decoration: none;
text-decoration: none;
}

ul {
background-color: transparent;
line-height: 1.3em;
}

/* Floating images within text */

.thumbnail-v1 {
float: left;
width: 110px;
text-align: center;
padding-top: 5px;
margin-top: 5px;
margin-right: 20px;
background: url(/sos/shipwrecks/091/002031-misc15.gif);
border: 1px solid #003366;
}

.thumbnail-v2 {
float: left;
width: 160px;
padding-top: 5px;
margin-right: 20px;
margin-bottom: 10px;
text-align: center;
background: url(/sos/shipwrecks/091/002031-misc15.gif);
border: 1px solid #003366;
}

.thumbnail-v2-bottom {
float: left;
width: 160px;
padding-top: 5px;
margin-right: 20px;
margin-top: 20px;
text-align: center;
background: url(/sos/shipwrecks/091/002031-misc15.gif);
border: 1px solid #003366;
}

.thumbnail-v3 {
float: left;
width: 235px;
text-align: center;
padding-top: 5px;
margin-top: 20px;
margin-right: 20px;
background: url(/sos/shipwrecks/091/002031-misc15.gif);
border: 1px solid #003366;
}

.thumbnail-v3-top {
float: left;
width: 235px;
text-align: center;
padding-top: 5px;
margin-top: 0px;
margin-right: 20px;
background: url(/sos/shipwrecks/091/002031-misc15.gif);
border: 1px solid #003366;
}

.thumbnail-v3-top img, .thumbnail-v2-bottom img, .thumbnail-v3 img, .thumbnail-v2 img {
border: 1px solid #003366;
}

.caption {
background: none;
width: 100%;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 5px;
text-align: left;
font-size: .70em;
line-height: 1.2em;
}

.caption-a {
background: none;
width: 95%;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 3px;
text-align: left;
font-size: .70em;
line-height: 1.2em;
color: #000033;
}


.caption-b {
background: none;
width: 95%;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 5px;
text-align: center;
font-size: .70em;
line-height: 1.2em;
}

.caption a:link, .caption-b a:link {
text-decoration: underline;
font-weight: bold;
color: #000033;
background-color: transparent;
}

.caption a:visited, .caption-b a:visited {
text-decoration: underline;
font-weight: bold;
color: #000033;
background-color: transparent;
}

.caption a:hover, .caption-b a:hover {
text-decoration: none;
font-weight: bold;
color: #000033;
background-color: transparent;
}




/* Bottom navigation divs */

.bottom-navigation-bck{
background: url(/sos/shipwrecks/091/002031-misc10.jpg) repeat-y;
}

.bottom-navigation {
background: url(/sos/shipwrecks/091/002031-misc06.jpg) no-repeat top;
width: 770px;
text-align: center;
}

.bottom-navigation-sm {
background: url(/sos/shipwrecks/091/002031-misc13.jpg) no-repeat top;
width: 770px;
text-align: center;
}

.bottom-text {
color: #ccffff;
font-size: .85em;
margin-left: 60px;
margin-right: 60px;
padding-bottom: 20px;
padding-top: 10px;
text-align: center;
line-height: 1.5em;
background-color: transparent;
}

.bottom-text a:link {
text-decoration: underline;
color: #ffffff;
background-color: transparent;
}

.bottom-text a:visited  {
text-decoration: underline;
color: #cccccc;
background-color: transparent;
}

.bottom-text a:hover {
text-decoration: none;
border-bottom: 1px dashed #ccffff; color: #ccffff;
}

/* buoy */

.buoy {
margin-right: -5px;
}

/* Navigation for the sub-sections and for image gallery links*/

.navigation {
color: #cc3300;
font-size: .95em;
font-weight: bolder;
background-color: transparent;
}

.navigation a:link {
text-decoration: underline;
color: #000033;
font-weight: bolder;
background-color: transparent;
}

.navigation a:visited {
text-decoration: underline;
color: #666666;
font-weight: bolder;
background-color: transparent;
}

.navigation a:hover {
text-decoration: none;
color: #cc3300;
font-weight: bolder;
background-color: transparent;
}

.navigation2 {
float: left;
color: #cc3300;
font-size: .85em;
background-color: #000033;
margin-top: 40px;
padding: 5px;
}

.navigation2 img, .navigation3 img {
width: 18px;
height: 15px;
margin-bottom: -3px;
}

.navigation2 a, .navigation2 a:link, .navigation2 a:visited, .navigation3 a, .navigation3 a:link, .navigation3 a:visited {
text-decoration: underline;
color: #ffffff;
background-color: #000033;
}

.navigation2 a:hover, .navigation3 a:hover {
text-decoration: none;
color: #99CCFF;
background-color: #000033;
}

.navigation3 {
float: left;
color: #cc3300;
font-size: 1.00em;
background-color: #000033;
padding: 5px;
white-space: nowrap;
clear: left;
}

.navigation3 p {
display: inline;
}

.clear {
clear: both;
}



.gallery {
float: left;
background-color: transparent;
margin-bottom: 10px;
border: #000033 solid 1px;
width: 315px;
padding-top: 5px;
padding-bottom: 5px;
}

.gallery h3 {
width: 200px;
float: left;
text-align: center;
background-color: transparent;
display: inline;
margin-top: 10px;
}



.gallery img {
float: right;
display: inline;
border: 1px solid #003366;
margin-right: 5px;
margin-left: 5px;
}



.gallery p, .gallery2 p {
margin: 5px;
font-size: .75em;
}

.gallery2 {
float: right;
background-color: transparent;
margin-bottom: 10px;
border: #000033 solid 1px;
width: 315px;
padding-top: 5px;
padding-bottom: 5px;
}

.gallery2 img {
display: inline;
float: left;
border: 1px solid #003366;
margin-left: 5px;
margin-right: 15px;
}

.gallery2 h3 {
width: 160px;
float: left;
text-align: center;
background-color: transparent;
display: inline;
padding-top: 10px;
}

#iconb {
float: none;
border: 0;
}

#icon {
margin-right: 5px;
margin-left: 5px;
border: 0;
}



/*  comments page  */

.comments table, .comments td {
width: 650px;
background-color: transparent;
}

.comments textarea {
width: 640px;
}


/* source page */

.info2 {
margin-left: 60px;
width: 650px;
background-color: transparent;
}

.info2 td {
width: 0;
}

p.cr_small {
font-size: .85em;
}

.info2 td.cr_small {
padding-left: 10px;
}

h3.cl {
clear: left;
}

td.caption {
font-size: .85em;
}

td.caption a, td.caption a:link, td.caption a:active {
color: #000000;
}

td.caption a:visited {
color: #666666;
}

td.caption a:hover {
color: #000033;
}

/* columns for database gallery */

.column-one {
float: left;
width: 200px;
margin-right: 20px;
font-size: .85em;
line-height: 1.3em;
}

.column-two {
float: left;
width: 200px;
margin-right: 20px;
font-size: .85em;
line-height: 1.3em;
}

.column-three {
float: right;
width: 200px;
font-size: .85em;
line-height: 1.3em;
}

.php-spacer {
height: 200px;
}