<!--
/* global CSS for Venture Deep Ocean (www.venturedeepocean.org) 

   all style tags, ids, and classes are organized alphabetically
   Author: Tim Gumto <tgumto@ucsd.edu>
   Date: 08/03/2007
*/

a {
	text-decoration: none;
}

a:link {
	border-bottom: 1px dotted #2b8dc5;
	color: #2b8dc5;
}

a:visited {
}

a:hover {
	border-bottom: 1px dashed #f56b0e;
	color: #f56b0e;
}

a.external {
	background: url( /images/external.png ) center right no-repeat;
	padding-right: 13px;
}

#accordion {
        width: 260px;
}

#accordion h3 {
        background: #77390f;
        color: #fff;
        font-size: 120%; 
        font-weight: bold;
        padding: 4px 12px;
}

#accordion a {
        border: 0;
        text-decoration: none;
}

body {
	background: url(/images/vdo_bkgd.jpg) repeat-x bottom;
	font: 100% Helvetica, Arial, sans-serif;
	text-align: left;
}

.back {
	border: 0;
}

#banner {
	background: #f6f9fd url(/images/vdo_banner.jpg) no-repeat top right;
	height: 87px;
	margin: 4px 4px 0 4px;
}

*html #banner {
	background-color: #f6f9fd;
}

#banner p {
	font-size: 90%;
	margin: 4px 0 0 12px;
}

#banner_logo {
	border: none;
	padding: 12px 20px;
	position: absolute;
	text-decoration: none;
	top: 24px;
}

*html #banner_logo {
	margin-top: 8px;
}

#banner_search {
	border: 2px solid #dddddd;
	width: 120px;
}

#banner_slogan {
	margin-left: 60px;
	margin-top: 40px;
	width: 162px;
}

#breadcrumbs {
	color: #77390f;
	display: block;
	font-size: 80%;
	margin: 10px 0;
}

.breadcrumb_child {
	padding: 0 4px;
}

.caption {
	color: gray;
	font-size: 80%;
	line-height: 120%;
	margin: 4px 10px;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
}

#container {
	background-color: #ffffff;
	border: 3px solid #025283;
	margin: 24px 40px 10px 24px;
	min-width: 850px;
}

*html #container {
	width: 900px;
}

#content {
	margin: 0 0 0 215px;
	margin: 0;
	padding: 2px 10px 40px 10px;
}

.description {
        background: url( /images/shingle_bkgd_dk.png ) no-repeat bottom;
        display: block;
        font-size: 80%;
        padding: 8px 8px 12px 8px;
}

.element a {
        color: #f56b0e;
        font-weight: normal;
}

.element a:hover {
        color: #fdcfb1;
}

#explore_area {
        background: url(/images/feature_story_bkgd.jpg) repeat-x bottom;
	border: 2px solid #b8d3e1;
	margin: 32px 300px 20px 320px;
	padding: 0 12px;
}

#explore_area h1 {
	margin-bottom: 20px;
	margin-top: 12px;
}

.explore_area_topic {
	border: 1px solid #e2a881;
	min-height: 52px;
	margin: 2px 10px 8px 10px;
	padding: 2px 2px 2px 8px;
}

.explore_area_topic .title {
        color: #77390f;
        font-size: 110%;
        font-weight: bold;
}

.explore_area_topic img {
	border: 3px solid #f56b0e;
	float: right;
}

#feature_area {
	background: url(/images/feature_story_bkgd.jpg) repeat-x bottom;
	border: 2px solid #b8d3e1;
	margin: 12px 300px 12px 12px;
	padding: 2px 12px 4px 8px;
}

*html #feature_area {
}

#feature_area h1 {
	margin: 2px 8px;
}

#feature_area_img {
	float: left;
	margin: 12px;
	width: 300px;
}

#feature_area_img img {
	border: 1px solid #000000;
}

.feature_photo {
	border-top: 1px solid #fff;
}

.floatLeft {
	float: left;
	margin: 6px 20px;
}

.floatRight {
	float: right;
	margin: 6px 20px;
}

#footer {
	background-color: #ffffff;
	border: 3px solid #025283;
	clear: both;
	margin: 0 40px 40px 24px;
        min-width: 810px; 
	padding: 4px 20px;
}

#footer p {
	color: #7b7a7a;
	float: left;
	font-size: 70%;
}

#footer_nsf_logo {
	float: right;
	margin-left: 20px;
}

#footer_r2k_logo {
	float: right;
	margin: 2px 20px;
}

#footer_vdo_logo {
	float: right;
	margin: 8px 10px;
}

.gallery_item {
	border: 2px solid #f56b0e;
	margin: 10px 300px 4px 10px;
}

.gallery_item p {
	font-size: 140%;
	font-weight: bold;
	margin: 2px 8px;
}

.gallery_slides {
	color: #acd4e5;
	float: right;
	font-size: 200%;
	font-weight: bold;
	margin: 2px 8px;
}

h1 {
	color: #f56b0e;
	font-size: 2.0em;
	font-weight: bold;
	margin-top: -4px;
	margin-bottom: -12px;
}

h2 {
	color: #77390f;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 12px;
}

h3 {
	color: #77390f;
	font-size: 110%;
	font-weight: bold;
}

h4 {
	margin: 4px 0 8px 0;
}

.headline {
	line-height: 130%;
	margin: 0;
}

.headline a {
	border: 0;
	text-decoration: none;
}

.hide {
	display: none;
}

.imagegallery a {
	border: transparent;
	margin-left: 6px;
	text-decoration: none;
}

#imageMenu {
}

#imageMenu a {
	cursor: pointer;
}

.imageMenuContent a {
}

#image_of_the_day {
	border: 1px solid black;
	margin: 12px;
	padding: 2px;
	width: 325px;
}

#images_area {
	float: left;
	margin: 20px;
}

#images_area h1 {
	margin-top: 12px;
}

img, img a {
	border: none;
	text-decoration: none;
}

.img_border {
        border: 1px solid #000000;
}

#instructions {
	font-size: 75%;
}

li {
	list-style: disc;
	margin-bottom: 10px;
}

.navSecondary a {
	border: 2px solid #dddddd;
	margin-right: 2px;
	padding: 2px 8px;
}

.navSecondary a:hover {
	border: 2px solid #54a7d6;
}

.news_date {
	color: #54a7d6;
	font-size: 80%;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
}

#news_recent {
	margin: 0;
}

#news_recent h2 {
	font-size: 120%;
	margin: 0;
}

.news_site {
	color: #6d6d6d;
	font-size: 70%;
}

.news_story {
	margin-top: 12px;
	padding: 4px;
}

.news_story a {
	text-decoration: none;
}

.news_story_content {
	color: #000000;
	display: block;
	font-size: 85%;
	line-height: 130%;
	margin: 8px 4px 4px 105px;
	min-height: 50px;
	text-decoration: none;
}

*html .news_story_content {
	margin-left: 110px;
}

.news_story_headline {
	color: #f56b0e;
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin-left: 100px;
	text-align: left;
}

.news_story_hover {
	background-color: #fff3eb;
}

.news_story img {
	border: 1px solid #000000;
	float: left;
	height: 90px;
	margin: 0 12px 0 0;
	width: 90px;
}

.next {
	background: #fcdeca;
	border: 2px solid #f56b0e;
	margin-right: 300px;
}

.next a {
	display: block;
	border: 0;
	padding: 4px;
}

.next a:hover {
	background: #fec7a2;
	color: #77390f;
}

p {
	margin-left: 20px;
}

p, ul {
	color: #000000;
	font-size: 85%;
	line-height: 130%;
}

.pageSummary {
	background: #d4e3f6;
	border: 4px solid #b9cce5;
	margin: 0 280px 12px 0;
	padding: 0 12px;
}
.pageSummary p {
	font-size: 90%;
	font-style: italic;
}

.past_feature {
	background: #fcdeca;
	border: 2px solid #f9b39f;
	margin: 24px 12px 4px 60px;
	padding: 12px;
}

.past_feature .news_date {
	margin: 0;
}

.past_feature h3 {
	margin-top: 4px;
}

.past_feature .content_pic {
	float: left;
	width: 125px;
}

.past_feature p {
	margin-left: 10px;
}

.photoCap {
	border: 1px solid #2b8dc5;
	padding: 4px;
}

#photostories_accordion {
	width: 80%;
}

.photostories_section {
	border: 6px solid #c9885b;
	margin: 8px 12px;
}

.photostories_section .element {
	padding: 8px;
}

.photostories_section h2 a {
	border: 0;
	color: #77390f;
	display: block;
	padding: 4px 8px;
}

.photostories_section h2 a:hover {
	background: #fdc39c;
}

.photostories_section h4 {
	color: #2b8dc5;
}

.photostories_section hr {
	border: 1px solid #54a7d6;
	color: #54a7d6;
	height: 1px;
	width: 100%;
}

.photostories_section img {
	border: 2px solid #54a7d6;
	margin: 0;
	padding: 1px;
}

.photostories_section p {
	font-size: 80%;
	font-style: italic;
}

#right_column {
	float: right;
}

.round_box {
	margin: 12px;
	min-width: 150px;
	padding: 4px;
	width: 40%;
}

.round_box_border_left {
	background: url(/images/blue_box_left.gif) repeat-y left;
	float: left;
}

.round_box_bottom {
	display: block;
	height: 15px;
}

.round_box_left {
	float: left;
	margin: 0;
	width: 48px;
}

.round_box_right {
	float: right;
	margin: 0;
	width: 61px;
}

.round_box_top {
	border-top: 1px solid #2a8dc5;
	display: block;
	height: 12px;
}

.round_box_top_left {
	background: url(/images/blue_box_top_left.gif) no-repeat top left;
	display: inline;
}

.round_box_top_right {
	background: url(/images/blue_box_top_right.gif) no-repeat top right;
	display: inline;
}

.round_box_content {
	background: url(/images/blue_box_bkgd.gif) repeat-x bottom;
	border-left: 1px solid #2a8dc5;
	border-right: 1px solid #2a8dc5;
	padding: 0 10px 4px 10px;
}	

.round_box_content h4 {
	border-top: 1px solid #2a8dc5;
}

#search_images_form {
	margin: 12px 0 20px 12px;
}

#search_images_simple, #banner_search {
	color: #2b8dc5;
	font-size: 110%;
}

.sidebar_orange {
	margin: -40px 6px 6px 6px;
	width: 260px;
}

.sidebar_orange_header {
	background: url(/images/sidebar_orange_top.gif) no-repeat;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
}

.sidebar_orange_content {
	background: url(/images/sidebar_orange_bkgd.gif) repeat-y;
	margin: 0;
	margin-top: -10px;
	padding: 2px 24px;
}

.sidebar_orange_content h3 {
	margin: 0;
	padding: 4px;
}

.sidebar_orange_content img {
	margin-left: 4px;
}

.sidebar_orange_content p {
	font-size: 75%;
	padding: 4px 10px 4px 4px;
}

.sidebar_orange_content ul {
	font-size: 75%;
	margin-left: -10px;
}

*html .sidebar_orange_content ul {
	margin-left: 8px;
}

.sidebar_orange_footer {
	background: url(/images/sidebar_orange_bottom.gif) no-repeat;
	display: block;
	height: 28px;
}

.toggler {
        border-top: 1px solid #f5f5f5;
        cursor: pointer;
        margin: 0;
        padding: 2px 5px;
}