/*Style Sheet for Version 5 Browsers 
-------------------------------------------------------------------- */
html {
   min-height: 100%;
   margin-bottom: 1px;
} 


#switcher {
	padding: 1px 1px 1px 1px; 
	margin: 1px 0px 1px 0px;
	}

#switcher {
padding: 0px 1px 10px 1px; 
margin: .2px 0px 0px 0px;
}

#switcher img {
display: inline;
}

#switcher a img {
	background: #333333;
	display: inline;
	}

#switcher a:hover img {
	background: #814312;
	display: inline;
	}



/*The Body Background 
-------------------------------------------------------------------- */

body {
	font-size: 18px;
	line-height:1.6em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	letter-spacing: .02em;
}


.maindiv {
	font-size : 1em;
	}

.maindiv p,td {
	font-size : 1em;
}

.maindiv h1 {
    font-size: 1.6em;
	font-weight: bold;
	}

.maindiv h2 {
	font-size: 1.4em;
	}

.maindiv h3 {
	font-size: 1.2em;
}

.maindiv h4 {
	font-size: 1.1em;
	}

.maindiv .subhead {
    font-size: 1.2em;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	padding-top: 0px;
	}
	
.maindiv .subhead_index {
	font-size: 1.1em;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
}

.maindiv .subhead_gray {
	font-size: 1.1em;
}

.maindiv h5 { /* subhead-bar-gray*/
font-size: 1.1em;
}

.maindiv .subhead_black {
	font-size: 1.1em;
	}	


/*Styles for Index Page without the Left-nav or Section Homepages 
-------------------------------------------------------------------- */

.maindiv-index {
	font-size : 12px;
}

.maindiv-index p,td { 
	font-size : 12px;
}

.maindiv-index h1 {
	font-size: 17px;
}

.maindiv-index h2 {
	font-size: 13px;
	}

.maindiv-index h3 {
	font-size: 11px;
}

.maindiv-index h4 {
	font-size: 13px;
	}

.maindiv-index .subhead {
	font-size: 13px;
}
	
.maindiv-index .subhead_index {
font-size: 14px;
}

	
.maindiv-index .subhead_black {
	font-size: 13px;
	}	


.maindiv-index h5 { /* subhead-bar-gray*/
	font-size: 14px;
}

.body  {
	font-size : 1em;
}

.body td {
	padding-top: 5px;
}

.caption {
	font-size: 1em;
	
	}


.caption_darkblue {
	font-size: 1em;
}

.caption_black {
	font-size: 1em;
}

p.caption {
	font-size: 1em;
	line-height: 1.5em;
}


.caption-center {
	font-size: 1em;
	line-height: 1.5em;
}
p.caption-center {
	font-size: 1em;
	line-height: 1.5em;
}
.caption_tools {
	font-size: 1em;
	line-height: 1.5em;
}

.caption_tools a:hover {
	color : #444444;
}


.subhead { /* used on Video Popoff Page */
font-size: 1.1em;
	line-height: 1.5em;
}

.profile-name{ /* used on Profile Page */
	font-size: 1.1em;
	line-height: 1.5em;
}



/*Styles for the article headings 
-------------------------------------------------------------------- */
.headline H1 {
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight:normal;

}
.headline H2 {
font-size: 1.2em;
line-height: 1.5em;
}

.name-aff {
font-size: 1.1em;
line-height: 1.3em;
}


/*Styles for the Footer 
-------------------------------------------------------------------- */

p.copyrights {
font-size: 1em;
line-height: 1.5em;
}

.copyrights {
font-size: 1em;
line-height: 1.5em;
}


.bar {
	font-size: 15px;
	line-height: 29px;
	text-transform: capitalize;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	font-style: normal;
	font-weight: normal;
	background-color: #2E86B6;
}
	






/* NAVIGATION */




/* Styles for Section Homepages (About WHOI, Research, People, Education, etc.)
-------------------------------------------------------------------- */


.section_index .subhead{
	font-size: 1.2em;
}


/* Styles for Section Homepages - no wrap (About WHOI, Research, People, Education, etc.)
-------------------------------------------------------------------- */

.section_index_fixed {
	margin: 5px 0px 5px 0px;
	color: #666666;
}

.section_index_fixed td{
	padding: 0px 0px 20px 0px;
	vertical-align: top;
	line-height: 150%;
}

.section_index_fixed img{
	/*float: left;*/
	border: 1px solid #999999;
	padding: 0;
	margin: 0 10px 20px 0;
}

.section_index_fixed .subhead{
color: #0e295c;
color: #3c6fa4;
color : #0e295c;font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}


/* Styles for Department/Topic Homepages 
-------------------------------------------------------------------- */

.topic_index {
	margin: 5px 0px 5px 0px;	
}

.topic_index td{
	padding: 0px 14px 24px 0px;
	text-align: center;
	vertical-align: top;
}

.topic_index td.intro{
	padding: 0px 20px 24px 0px;
	text-align: left;
	vertical-align: top;
}

.topic_index img {
	border: 1px solid #999999;
	padding: 0;
	margin: 0 0px 5px 0;
}

.topic_index .subhead{
color: #0e295c;
color: #3c6fa4;
color : #0e295c;font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}


/* Styles for multimedia table in ocean pulses and multi article
-------------------------------------------------------------------- */

.multimedia_table td{

font-size : 1em;
	line-height : 140%; 
}


/* Styles for multiple images  in multi article 
-------------------------------------------------------------------- */

.multiarticle_imageBox {
	margin-right: 10px;
	margin-bottom: 0px;
	}
	
.multiarticle_imageBox td {
	padding-bottom: 8px;
	}
	
.multiarticle_imageBox img{
	margin: 0 0 5px 0;
	}
	
	







/* 
  ------------------------------------------------
  PVII Slideshow Magic
  by Project Seven Development
  www.projectseven.com
  Style: 01
	Dark Toolbar
  ------------------------------------------------
*/
/*
The Root Slideshow DIV
*/
#p7ssm {
	background-color: #FFFFFF;
	width: 310px;
	position: relative;
	z-index: 100;
	float: right;
	margin-right: 0px;
	display: block;
	margin-left: 25px;
}
/*Extra Wrappers - used for the Shadow Box style only. DO NOT EDIT.*/
#p7ssm_w1 {}
#p7ssm_w2 {
	position: relative;
	z-index: 100;
}
#p7ssm_bottom {
	font-size: 0px;
	height: 0;
	line-height: 0;
}
/*
NAV MENU
*/
#p7ssm_nav_wrapper {
	position: relative;
}
/*The Drop Down Menu DIV*/
#p7SSMwnav {
	position: absolute;
	width: 200px;
	left: 0px;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1;
	top: auto;
	display: none;
}
/*
The Inner Nav Menu Wrapper... Necessary for the script
The Script will hide this element before the page loads
Set value to "none" if you want to hide the nav bar in
Dreamweaver, but it will be hidden if script is disabled.
*/
#p7ssm_navList {
	display:block;
}
#p7ssm_navList ul {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#p7ssm_navList li {
	list-style-type: none;
}
/*The Navbar Links*/
#p7ssm #p7ssm_navList a {
	text-decoration: none;
	display: block;
	background-color: #333333;
	color: #999999;
	padding: 2px 10px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #444444;
}
#p7ssm #p7ssm_navList a:hover {
	background-color: #FF9900;
	color: #000000;
	border-color: #FFFFFF;
}
/*THUMBNAILS*/
#p7SSMwhmb {
	width: 178px;
	position: absolute;
	left: 50%;
	top: 53px;
	background-color: #000000;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1.0;
	margin-left: -87px;
}
#p7ssm_thumb_wrapper {
	border: 4px solid #3B3B3B;
	display: none;
}
/*Thumbnail Drag Bar*/
#p7ssm_dragbar {
	height: 22px;
	cursor: move;
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_dragbar.gif);
	background-repeat: no-repeat;
	background-color: #2a2a2a;
	border-bottom: 1px solid #444444;
}
#p7ssm_dragbar span {
	display: none;
}
/*Thumbnail Preview*/
#p7ssm_preview {
	padding: 6px 0;
}
/*Preview Table - DO NOT EDIT*/
#p7ssm_preview table {
	margin: 0 auto;
}
#p7ssm_preview td {
	padding: 0;
	vertical-align: middle;
	height: 106px;
}
#p7ssm_preview img {
	padding: 2px;
	border: 1px solid #666;
	display: block;
}
.p7ssm_sectionTrigger {
	font-size: 12px;
	background-color: #666666;
	border-top: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
}
#p7ssm .p7ssm_sectionTrigger a {
	text-decoration: none;
	display: block;
	color: #000000;
	padding: 3px 10px;
	border-bottom: 0;
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#p7ssm .p7ssm_sectionTrigger a:hover {
	color: #CCCCCC;
}
#p7ssm .p7ssm_sectionTrigger .down {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_minus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #CCCCCC;
	letter-spacing: 0.1em;
}
/*Thumbnail Matrix*/
.p7ssm_thumb_section {
	padding: 4px;
	background-color: #000000;
}
.p7ssm_thumb_section ul {
	margin: 0px;
	padding: 0px;
}
.p7ssm_thumb_section li {
	list-style-type: none;
	float: left;
	margin: 3px;
}
.p7ssm_thumb_section a {
	padding: 2px;
	float: left;
	border: 1px solid #666666;
}
/*\Hide from IE5 Mac*/
.p7ssm_thumb_section a {
	float: none;
	display: block;
}
/*End Hide*/
.p7ssm_thumb_section a:hover {
	border-color: #FF9900;
}
.p7ssm_thumb_section .down {
	border-color: #FFFF00!important;
	cursor: default;
}
.p7ssm_thumb_section img {
	height: 20px;
	width: 20px;
	padding: 0;
	border: 0;
	display: block;
}
.p7ssm_clearThumbs {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*Toolbar Controls */
#p7ssm_toolbar {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_ctrl_bg.jpg);
	background-repeat: repeat-x;
	background-color: #383838;
	padding: 0;
}
#p7ssm_tools {
	position: relative;
	width: auto;
	margin: 0 auto;
	z-index: 100;
}
#p7ssm_toolbar em {display: none;}
#p7ssm_toolbar a {display: block;}
/*The Icon that Tgoggles the Nav Menu open and closed*/
#p7SSMtnav {
	display: block;
	width: 34px;
	height: 36px;
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_talbums.jpg);
	background-repeat: no-repeat;
}
/*The Nav Bar Icon down state*/
#p7SSMtnav.down {
	background-position: left bottom;
}
/*The Icon that Tgoggles the Thumbnail Panel open and closed*/
#p7SSMthmb {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_tthumbs.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 23px;
}
/*The Thumbnail Icon down state*/
#p7SSMthmb.down {
	background-position: left bottom !important;
}
#p7ssm_first {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_first.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 22px;
	background-position: left top;
}
#p7ssm_prev {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_prev.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
.p7ssm_play {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_play.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
.p7ssm_pause {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_pause.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_next {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_next.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
#p7ssm_last {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_last.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_counter {
	font-size: 11px;
	color: #96C8DF;
	padding: 0 0 0 12px;
}
#p7ssm_slidechannel {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_speedchannel.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	height: 36px;
	width: 50px;
	top: 0px;
	position: relative;
}
#p7ssm_slider {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 100;
	height: 17px;
	width: 8px;
}
#p7ssm_slidebar {
	background-image: url(http://www.whoi.edu/cms/images/whoi/p7ssm_slider.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 8px;
	cursor: default;
}
/*The Hover state for all the toolbar icons*/
#p7ssm_first:hover, #p7ssm_prev:hover,
.p7ssm_play:hover, .p7ssm_pause:hover,
#p7ssm_next:hover, #p7ssm_last:hover,
#p7ssm_slidebar:hover, #p7SSMthmb:hover, #p7SSMtnav:hover {
	background-position: left bottom;
}
/*SLIDER TOOLTIP*/
#p7ssm_speed{
	position: absolute;
	display: none;
	left: 0px;
	top: 36px;
	padding: 4px;
	background-color: #333333;
	border: 1px solid #000;
	color: #CCCCCC;
	font-size: 10px;
	z-index: 100;
	
}
/*FULLSIZE IMAGE */
/*\FS TABLE DO NOT EDIT - and hide from IE5 Mac*/
#p7ssm_fstbl {
	margin: 0 auto;
}
/*End Hiding*/
/*The Outer Wrapper for Fullsize Image*/
#p7ssm_fullsize {
	padding: 6px 0;
}
/*Animating Box Wrapper for Fullsize Image*/
#p7ssm_fsc {
	margin: 0 auto;
	border: 1px solid #222222;
	padding: 4px;
}
/*Inner Wrapper for Fullsize Image*/
#p7ssm_fsw {
	padding: 0px;
	position: relative;
}
/*Crossfade Wrapper - DO NOT EDIT*/
#p7ssm_cf {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 99;
}
/*Firefox Strict Mode Box Model Fix - DO NOT EDIT*/
#p7ssm_cf img {
	display: block;
}
/*The Fullsize Image*/
#p7ssm_fsc img {
	border: 0;
}
/*\Firefox Fix - Hide from IE5 Mac*/
#p7ssm_fsc img {
	display: block;
}
/*End Hiding*/
/* Description Styles */
#p7ssm_description {
	font-size: 10px;
	font-size: 11px;
	padding: 6px 3px;
	color: #333333;
	line-height: 1.5em;
	line-height: 125%;
	letter-spacing: 0.1em;
	letter-spacing: 0em;
	display: none;
}
/*Description Paragraphs*/
#p7ssm_description p {
	margin: 6px 0;
}
/*Description Links*/
#p7ssm_description a {
	color: #3366CC;
}
/*Hiiden Link for Fullsize Image. DO NOT EDIT*/
.p7ssm_lk {
	display:none;
}
/*Hidden Description Source. DO NOT EDIT*/
.p7ssm_fd {
	display:none;
	padding: 0;
}
/*The Loading Progrees Bar. DO NOT EDIT*/
#p7ssm_loading {
	position:absolute;
	left:0px;
	top:0px;
	visibility: hidden;
	z-index: 100;
}


/*Styles for Image Gallery (Contact Sheet Style)
-------------------------------------------------------------------- */
#image_container {
	display: block;
	padding: 0px;
	float: left;
	/*width: 140px;*/
	margin-right: 10px;	
	/*height: 110px;	*/
	margin-top: 0px;
}

/*Styles for Sidebar 
-------------------------------------------------------------------- */

.sidebar {
	margin: 0px 18px 0px 0px;
	background: #eeeeee;
	width: 100%;
	}
	
.sidebar {
	padding: 12px;
	vertical-align: top;
	}

.sidebar img{
	padding : 0px;
	border: 1px solid #999999;
	display: block;
	margin-bottom: 4px;
	margin-left:10px;
	float: right;
}


/* Styles for the Facilities homepage
-------------------------------------------------------------------- */
#left {
	width: 510px;
	width: 660px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 23px;
	margin-right: 0px;
	display: block;	
	position: inherit;
	padding-bottom: 0px;
	background-color:#ffffff;
	color: #555555; 
	font-size : 12px;
	line-height: 150%;
	margin-top : 0px 
}

#left h1 {font-size: 24px;
	font-size: 20px;
	font-weight: bold;
	color: #0c1921;
	color: #000000;
	color: #814312;
	margin-top: 10px;
	text-decoration: none;
	margin-left: 0em;
	line-height:120%
}

#left a:link{
	color: #336699;
	}
	
#left a:visited {
	color: #336699;
	}
	
#left a:hover {
	color : #814312;
	}	



#right {
	display: block;
	width: 380px;
	width: 249px;
	float: right;
	margin: 0px;
	padding: 20px 22px 10px 10px;
	color: #555555; 
	font-size : 12px;
	line-height: 150%;

}

	
#right h1 {
	color: #3c6fa4;font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 2px;
	margin-top: 0px;
	padding-top: 0px;
	line-height:16px;
}

#right h1 a:link{
	color: #336699;
	}

#right h1 a:visited{
	color: #336699;
	}

#right h1 a:hover {
	color : #814312;
	
}



#right h2 {
color : #0e295c;
color: #814312;font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	padding-top: 0px;
	line-height:16px;
}


#right h5 {font-size: 17px;	
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding-left: 8px;
	text-decoration: none;
	margin-left: 0em;
	line-height:26px;
	background-image: url(images/homeBar3.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	letter-spacing: 0.02em;
}

#right a:link{
	color: #0c1921;
	text-decoration: none;
	}
	
#right a:visited {
	color: #0c1921;
	text-decoration: none;
	}
	
#right a:hover {
	color: #006699;
	text-decoration: underline;
	}	

.footer {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 20px 0px 14px 24px;
		}
		

/* Institution Policy Table
-------------------------------------------------------------------- */
#policy_table {
padding: 12px;
width:100%;
}

#policy_table .leftcol {
border-right: 1px solid #999999;
width: 25%;
padding: 4px 0px 4px 0;
}

#policy_table .rightcol {
border-top: 1px solid #999999;
width:75%;
padding: 4px 0px 4px 0px;
}

/* Institution Policy Index
-------------------------------------------------------------------- */
#policy_index {
width:100%;
border: 0px solid #999999;
}

#policy_index td {
padding: 4px;
}

#policy_index .heading {
	background-color:#0e295c;
	background-color: #2f5e96;
	background-color: #709cc1;
	font-size: 13px;
	font-weight: bold;
	color: #d5e3ee;
	color: #ffffff;
	
	}