body {padding: 0; margin: 0; font-size: 13px; background: url(../graffix/bod.png) repeat-x; font-family: Verdana, Arial, sans-serif}
a img {border: none}
a {color: #01407e; text-decoration: underline}
a:hover {color: #d01f3c}
ul {list-style: none; margin: 0; padding: 0}

#header {width: 900px; margin: 0 auto; background: #0e1a26;}
#header img {margin-left: 8px}

#adunit {width: 468px; height: 60px; float: right; margin: 20px 10px 0 0}
#content-ad {margin: 15px 0 0 0; text-align: center}

#searchbox {margin: 5px 0 0 8px; padding: 0; height: 20px; position: absolute; top: 0}
#searchbox input {border: 1px solid #000}
#searchbox p {margin: 0; padding: 0}

#menu {margin: 0; padding: 0; color: #ccc; background: url(../graffix/mb2.jpg) repeat-x; height: 40px; font-size: 11px}
#menu ul {padding: 8px 0px 5px 10px}
#menu ul li {display: inline}
#menu ul li a {color: #ccc; text-decoration: none}
#menu ul li a:hover {color: #fff}

.gps {float: right; color: #ccc; margin: -17px 10px 0 0; font-size: 11px; width: 180px; text-align: center}
.gelink {float: right; color: #666; margin: -17px 25px 0 0; font-size: 11px; text-align: center}
.atoll {float: right; color: #666; margin: -17px 25px 0 0; font-size: 11px; text-align: center}
.atoll a {color: #ccc; text-decoration: none}
.atoll a:hover {color: #fff}
.main {width: 508px; height: 348px; margin: 0 10px 0 10px}

#wrapper {width: 900px; padding: 0; margin: 0 auto; background: url(../graffix/wbg.png) repeat-y #fff; border-right: 1px solid #dedede; border-left: 1px solid #dedede}

#wrapper_thumbs {width: 900px; padding: 0; margin: 0 auto; background: url(../graffix/wt.png) repeat-y; border-right: 1px solid #dedede; border-left: 1px solid #dedede}
#content_thumbs {width: 700px; float: left; margin: 10px 0 0 0; padding-bottom: 50px}
#content_thumbs p {margin: 10px}

#content {width: 530px; float: left; margin: 10px 0 0 0; padding-bottom: 50px}
#content h1, #content_thumbs h1 {color: #356aa0; font-size: 24px; margin: 10px; border-bottom: 2px solid #999}
#content h3 {color: #356aa0; font-size: 14px; font-weight: bold; margin: 10px; border-bottom: 1px solid #999}
#content p {line-height: 1.8em; margin: 10px}

img.intro {width: 151px; height: 100px; float: left; margin: 6px 5px 0 0}

#content a:visited {color: #555}
#content ul {font-size: 11px; color: #777; margin: 0 0 0 10px} 

#ocean-examples {width: 508px; text-align: center; margin: 0 10px 0 10px; margin-top: 20px}
#ocean-examples img {margin: 0 5px 5px 0}
#ocean-examples p {font-size: 10px; text-align: left; color: #777; margin: 10px}

p.syno {font-size: 11px; color: #888}
p.image-credit {font-size: 11px; color: #999; padding: 5px 0 5px 0}

h5 {margin: 10px 0px 0px 10px}

#tools, #tools-b {margin: 0 0 0 10px}
.ge, .gm, .ym, .ms, .gmv, .na, .vi {height: 18px; padding: 0 0 0 25px}
.ge {background: url(../graffix/ge.gif) no-repeat 0% 50%}
.gm {background: url(../graffix/g2.gif) no-repeat 0% 50%}
.ym {background: url(../graffix/ym.jpg) no-repeat 0% 50%}
.ms {background: url(../graffix/bi.gif) no-repeat 0% 50%}
.gmv {background: url(../graffix/pip.png) no-repeat 0% 50%}
.vi {background: url(../graffix/video.png) no-repeat 0% 50%}

#sidebar-left {width: 185px; float: left; margin: 0px; color: #01407e;}
#sidebar-left h2 {color: #3f4c6b; font-family: trebuchet MS; font-size: 11px; border-bottom: 2px solid #999;  margin: 33px 7px 10px 7px;}  
#sidebar-left ul li {margin: 7px 0 7px 0; font-size: 11px;}
#sidebar-left ul li a {text-decoration: none; margin: 0; padding: 5px 0 5px 0}
.thumbs {text-align: center}
#sidebar-left a img {padding: 1px}
#sidebar-left p {font-size: 11px; color: #222; line-height: 16px; margin: 0 5px 10px 5px}

p.upload a {text-decoration: none; font-weight: bold}
p.upload a:link {}
p.upload a:visited {}
p.upload a:hover {color: #d01f3c; text-decoration: underline}
p.upload a:active {color: #d01f3c}

#toobig {height: 360px; overflow: auto; width: 180px; margin-bottom: 10px}
#toobig-index {height: 400px; overflow: auto; width: 180px; margin-bottom: 10px}
.islands_list {margin-left: 0}
.islands_list li {margin: 7px 0 7px 0; font-size: 11px; height: 18px; border-bottom: 1px solid #ccc; padding-left: 20px}
.sect {color: #555; font-style: italic; padding-left: 10px}

#sidebar-right-pop li {padding-bottom: 10px; font-size: 11px; color: #3f4c6b}
#sidebar-right, #sidebar-right-pop, #sidebar-right-index {width: 185px; float: left; margin: 0}
#sidebar-right h2, #sidebar-right-pop h2 {color: #3f4c6b; font-size: 14px; font-family: trebuchet MS; font-size: 11px; border-bottom: 2px solid #999; margin: 33px 7px 10px 8px}
#sidebar-right ul li {margin: 7px 0 7px 0; font-size: 11px; height: 18px; border-bottom: 1px solid #ccc}
#sidebar-right ul li a {margin: 0; padding: 0 0 0 20px; text-decoration: none}
.current {background: url(../graffix/sh.png) no-repeat 3px 40%; color: #d01f3c; padding: 0 0 0 20px}
#sidebar-right p, #sidebar-right-pop p {font-size: 11px; color: #222; line-height: 16px; margin: 0 5px 10px 7px}

#sidebar-right-index ul li {margin: 7px 0 7px 0; font-size: 11px; border-bottom: 1px solid #ccc; padding-bottom: 2px}
#sidebar-right-index ul li a {margin: 0; padding: 0 0 0 20px; text-decoration: none}

#map {width: 508px; height: 340px; margin-left: 10px}
.gmaptitle {font-weight: bold; color: #999; margin-bottom: 0; border-bottom: 1px solid #999}

#crazy {margin: 30px 0 0 0; clear: left; background: #464a5e; border-bottom: 1px solid #464a5e; font-size: 11px; border-top: 1px solid #464a5e; text-align: center}
#crazy ul {padding: 0; margin: 10px; list-style: none; color: #fff}
#crazy ul li {display: inline; padding: 0; margin: 0}
#crazy ul li a {text-decoration: none}
#crazy ul li a:link {color: #fff}
#crazy ul li a:visited {color: #fff}
#crazy ul li a:hover {color: #deffff; text-decoration: underline}
#crazy ul li a:active {color: #fff}
#crazy p {font-size: 10px; color: #deffff; margin: 0 0 5px 10px}

#crazy a:link {color: #fff; text-decoration: none}
#crazy a:visited {color: #fff; text-decoration: none}
#crazy a:hover {color: #deffff; text-decoration: underline}
#crazy a:active {color: #fff}

#thumbs {margin: 24px 0 0 0 ; color: #01407e}
#thumbs ul {margin: 10px 0 0 10px; padding: 0;}
#thumbs li {float: left; margin: 10px 21px 10px 0; text-align: center; font-family: "Lucida Grande", Verdana, Arial, Sans-serif; font-size: 10px; list-style: none}
#thumbs li img {display: block; width: 151px; height: 100px}
#thumbs h1 {margin: 24px 10px 0 10px; color: #356aa0}
#thumbs ul li a {font-weight: bold; text-decoration: none;}

#weather_data {margin: 3px}
code {color: #444; font-size: 10px}

.na {color: #ff0000}
.gal_nav {text-align: center; margin-top: 40px; color: #555; font-size: 11px; clear: left; padding-top: 40px}
.gal_nav a {color: #555}

::-moz-selection {background:#af0078; color:#fff}
::selection {background:#af0078; color:#fff}

#indexintro {width: 699px; font-size: 11px; height: 370px; line-height: 15px; background: url(../rotate/rotate.php) no-repeat #fff bottom; margin: 13px 0 0 0; border-bottom: 3px solid #ccc}
#indexintro p {font-style: italic; font-weight: bold; font-size: 24px; color: #ccc}
.intro-header {font-weight: bold; float: left}

#video-box {}
.video {margin: 10px 10px 0px 10px; padding: 0px 10px 10px 0px}
.video p {font-size: 11px; color: #777; margin: 5px 0 0 0}
object {border: 1px solid #999}

#column-ad {width: 160px; height: 600px; margin: 20px 0 0 10px}
#column-ad_small {width: 160px; height: 300px; margin: 20px 0 0 10px}

.prepanodiv {border-top: 1px solid #ccc; font-weight: bold; background: url(../graffix/panoramio.jpg) right no-repeat; margin: 0px}
#panodiv {margin: 0px 0px 10px 10px;}
#panodiv img {height: 60px; width:60px; float: left; margin: 2px}
p.pano-credit {font-size: 11px; color: #999; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc}