/* DEFAULT STYLESHEET FOR NO-NAVBAR WEB PAGES */
body
{
	/*background-color: #6d91d0;*/
	background-color:#2362A5; /*#02014F;*/

	/*background-image: url(/art/global/backgrounds/sea_bg.jpg); */
	background-repeat: repeat;
	background-attachment: fixed;
}

/* FONTS (set default font styles) (see other MISC fonts at bottom of page) */
body
{
	font-family: Arial, sans-serif;
	color: #000000;
	font-size: 10px;
}

#footer2 {
    background-color: #01014F;
    background-image: url("../../art/global/footer/coral_sea_floor2.png");
    background-repeat: no-repeat;
    height: 100px;
    position: relative;
    vertical-align:bottom;
}

/* PAGE WIDTH (use "pagetable" to control the width of the interior pages) */
#pagetable
{
	width: 80%;
     height:100%;

	margin: 0px auto;
	background-color: #ffffff;
	/*margin: 0px auto 0px auto; */
	padding: 0px;
	min-width: 800px;
	/*max-width: 1200px;*/
	font-size: 1em;
	vertical-align:middle;
}

/* HEADER ELEMENTS */
#printheader
{
	visibility: hidden;
	display: none;
}

#header
{
	height: 100px;
	background-image:url(../../art/global/header/squid.jpg);
	background-repeat: no-repeat;
	background-color: #01014f;
	position: relative;
	margin: 0px;
	padding: 0px;
}

/*Skip navigation links for accessibility*/
#header #skipLinks
{
	display: block;
	margin: 0;
	padding: 0;
}

#header #skipLinks ul
{
	padding: 0;
	margin: 0;
	list-style-image: none;
}

#header #skipLinks li { list-style: none; }

#header #skipLinks a
{
	position: absolute;
	margin-left: -9000px;
}

#header #skipLinks a:focus, #skipLinks a:active
{
	margin-top: 4px;
	margin-left: 110px;
	width: 11em;
	display: block;
	color: #CCC;
	font-size: 1.5em;
}

/* HEADER SEARCH BOX */
#header_search
{
	position: absolute;
	top: 50px;
	right: 0px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	text-align: right;
}

#header_search_box
{
	font-family: sans-serif;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	border-width: 0px;
	background-color: #ffffff;
	color: #000000;
	font-size: 1em;
}

#header_search_button
{
	font-family: Arial, sans-serif;
	padding: 1px 4px 1px 4px;
	margin: 0px 0px 2px 0px;
	background-color: #04549a;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	border-width: 0px;
}

#header_search_button:hover
{
	background-color: #0091cc;
	color: #ffffff;
	cursor: pointer;
}

/* HEADER MENU BAR  */
#header_menu
{
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #04549a;
	float: left;
}

#header_menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: normal;
	list-style-type: none;
}

#header_menu li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	float: left;
}

#header_menu a
{
	margin: 0px 0px 0px 0px;
	padding: 6px 15px 6px 10px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}

#header_menu a:link
{
	color: #ffffff;
	text-decoration: none;
}

#header_menu a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#header_menu a:hover
{
	color: #ffffff;
	text-decoration: none;
	background-color: #0091cc;
}

/* CURRENT LOCATION (provide class attribute inside the header_menu 
link to identify location and match the submenu) As in: 
<a class="current" href="/news/">News & Information</a> */

#header_menu a.current:link, #header_menu a.current:visited
{
	background-color: #42a8d2;
	color: #01014f;
}

#header_menu a.current:hover
{
	color: #ffffff;
	text-decoration: none;
}

/* HEADER SUB MENU  */
#header_submenu
{
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #42a8d2;
	float: left;
}

#header_submenu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: normal;
	white-space: nowrap;
	list-style-type: none;
}

#header_submenu li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	float: left;
}

#header_submenu a
{
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	font-family: Arial, sans-serif;
	font-size: 1.16em;
	font-weight: bold;
	display: block;
}

#header_submenu a:link, #header_submenu a:visited
{
	color: #01014f;
	text-decoration: none;
}

#header_submenu a:hover
{
	color: #ffffff;
	text-decoration: none;
	background-color: #42a8d2;
}

/* 2ND TABLE ROW BENEATH HEADER */
/* 1ST CELL - none on no-nav interior pages */
/* 2ND CELL (untility row: with print, email, text size icons) */
#second_row_middle_cell
{
	padding: 0px 0px 3px 20px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	vertical-align: bottom;
	text-align: left;
}

/* 3RD CELL (empty) */
#second_row_right_cell { height: 0px; }

/* MAIN CONTENT BODY */
#content_cell
{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 50px 20px;
	position: relative;
	width: 100%;
	/* provide coral background here for no-navbar interior pages */
	background-image:url(../../art/interior/footer/coral_background_main.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#content
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 100%;
	position: relative;
	font-size: 1.2em;
}

/* needed for IE inheritance bug - for font control inside nested tables */
#content table { font-size: 1em; }

#sectiontitle
{
	margin: 30px 20px 0px 20px;
	padding: 0px;
	color: #04549a;
	font-size: 1.8em;
	font-weight: bold;
}

#pagetitle
{
	margin: -10px 0px 0px 0px;
	padding: 0px;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffffff;
	line-height: 200%;
	background-color: #04549a;
}

/* PAGE TITLES: This is the same as above except that it is used when there are two lines in the title. */
#pagetitle_2lines
{
	margin: -10px 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 160%;
	background-color: #04549a;
}

/* FEATURED PHOTOS (available for main photos on second level pages) */
.feature_photo
{
	padding: 1px;
	margin: 0px 0px 0px 0px;
	border-color: #04549a;
	border-width: 2px;
	border-style: solid;
	background-color: #ffffff;
}

/* DEFAULT SITE LINKS (links in the main body of the page web) */
a:link
{
	color: #04549a;
	text-decoration: none;
}

a:visited
{
	color: #0074d9;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/* LINKS INSIDE OF PARAGRAPHS (with underlines) */
p a:link
{
	color: #04549a;
	text-decoration: underline;
}

p a:visited
{
	color: #0074d9;
	text-decoration: underline;
}

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

/* BOLD LINKS (legacy bodylinks class) */
a.bodylink:link
{
	color: #04549a;
	text-decoration: none;
	font-weight: bold;
}

a.bodylink:visited
{
	color: #0074d9;
	text-decoration: none;
	font-weight: bold;
}

a.bodylink:hover { text-decoration: underline; }

/* BULLETED LIST ITEMS */
li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ol { font-size: 1em; }

ul
{
	list-style-image: url(../../art/global/bullets/arrow.gif);
	list-style-position: outside;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 40px;
	font-size: 1em;
}

nav ul.nav_bar {
    padding: 0px 0px 0px 0px;
}

nav ul.nav_bar li {
    padding: 0px 20px 0px 10px;
}

ul ul
{
	list-style-image: url(../../art/global/bullets/disc_medium.gif);
	list-style-position: outside;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 40px;
	font-size: 1em;
}

ul ul ul
{
	list-style-image: url(../../art/global/bullets/disc_small.gif);
	list-style-position: outside;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 40px;
	font-size: 1em;
}

ul ul ul ul
{
	list-style-image: url(../../art/global/bullets/disc_tiny.gif);
	list-style-position: outside;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 40px;
	font-size: 1em;
}

/* HORIZONTAL RULES (thin blue horizontal rules) */
hr
{
	padding: 0px;
	margin: 10px 0px 10px 0px;
	height: 1px;
	background-color: #04549A;
	border-style: none;
	color: #04549A;
}

/* LEGACY HORIZONTAL RULES (sand_line & blue_line are now thin blue) */
div.blue_line, div.sand_line
{
	display: block;
	padding: 1px 0px 0px 0px;
	background-color: #336699;
	margin: 10px 0px 10px 0px;
}

/* FOOTER ELEMENTS*/
#footer
{
	height: 100px;
	width: 100%;
	position: relative;
    top:-100px;
	background-image: url(../../art/global/footer/coral_sea_floor.jpg);
	background-repeat: no-repeat;
	background-color: #01014f;
}

#footer_menu
{
	padding: 0px;
	margin: 0px;
	background-color: #04549a;
	height: auto;
	width: 100%;
	position: absolute;
	top: 65px;
	left: 0px;
	float: left;
}

#footer_menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
	list-style-type: none;
	font-size: 1.2em;
}

#footer_menu li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	float: left;
}

#footer_menu a
{
	margin: 0px 0px 0px 0px;
	padding: 4px 15px 4px 10px;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	display: block;
}

#footer_menu a:link
{
	color: #ffffff;
	text-decoration: none;
}

#footer_menu a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#footer_menu a:hover
{
	text-decoration: none;
	background-color: #0091cc;
}

/* MISC FONT SIZE ELEMENTS */
.timestamp
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: -35px;
	right: 0px;
	font-size: .8em;
	font-family: Arial, sans-serif;
	color: #666666;
}

/* ******************************************************************** */
/* ALL MIGRATED FONT ELEMENTS BELOW (legacy css) */
.smalltext
{
	font-size: .9em;
	font-family: Arial, sans-serif;
}

.name /* for staff pages.*/
{
	color: #04549a;
	font-weight: bold;
	line-height: 110%;
	text-align: right;
}

/*These rules are for aligning photos with their captions. The width is arbitrarily set to 400 pixels here, but can be overridden with an inline style within the div tag on the page.*/
.caption_image_left
{
	margin: 2px;
	padding: 6px 12px 6px 2px;
	float: left;
	width: 400px;
	text-align: left;
}

.caption_image_right
{
	margin: 2px;
	padding: 6px 2px 6px 12px;
	float: right;
	width: 400px;
	text-align: left;
}

.caption { font-size: .9em; }

/**This class will allow items to be displayed only if they are viewed on from a computer on the MBARI network **/
.internal_only { display: none; }

/*Comparison Tables*/

#myTable td.img_cell img.cell {
    height:100px;
    width:100px;
}

.white_text {
    color:white;
    font-size:1.25em;
}

.white_text_big {
    color:white;
    font-size:2em;
}

ul.nav {
    list-style-type:none;
    padding: 15px;
    margin:0;
}


ul.nav li {
    display:inline;
    padding-right:10px;
}

.bold {
    font-weight:bold;
}

span.taxgroup {
    color: rgba(153, 197, 239, 1);
}