/*Style Sheet for Version 5 Browsers 
-------------------------------------------------------------------- */

#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: #e37a08;
	background: #993300;
	display: inline;
	}




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

html {
	min-height: 100%;
	margin-bottom: 1px;
}

html, body {height: 100%;} 

body {
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	behavior:url("csshover.htc");
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/sandwhit.gif);
	background-repeat: repeat;
}

 a {
	color: #333333;

}

a:hover {
	color: #BE0019;
	text-decoration:none;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #BE0019;
	}
	
h1 { font-size: 1.3em; }	
h2 { font-size: 1.2em; }	
h3 { font-size: 1em; }	


#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.8em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color: #fff;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/container.jpg);
	background-repeat: repeat-y;
	display: block;
}
#bottom {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/bottom.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 990px;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 20px;
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
}

#left-home-column {
	padding: 0;
	float: left;
	margin-top: 0px;
	margin-bottom: 420px;
	margin-left: 0px;
	margin-right: 25px;
	
}
#right-inside-column {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 175px;
	margin-right: 0px;
	height: 100%;
}

#second-nav {
	display: block;
	float: left;
	height: 100%;
	width: 150px;
}
#copyright {
	margin-bottom: 0px;
	padding-top: 25px;
	padding-right: 5px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #999999;
	background-repeat: no-repeat;
	background-position: 0px center;
	margin-top: 30px;
	clear: both;
	padding-bottom: 25px;
}
#copyright a:link, #copyright a:visited {
	color: #BD0018;
	text-decoration: none;
}
#copyright a:hover {
	color: #333;
	text-decoration: underline;
}

#copyright .text {
	padding-left: 200px;
	padding-right: 45px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	
}

#copyright .img {
	display: block;
	margin: 0;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	height: 60px;
	width: 100px;
	padding-left: 35px;
	
	
}

.updated {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-top: 30px;
	
}

#callout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #000000;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 210px;
}

#callout h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#callout .head {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;

}
#callout a:link, #callout a:visited {
	color: #BD0018;
	text-decoration: none;
	padding-left: 15px;
}
#callout a:hover {
	color: #333;
	text-decoration: underline;
}

#callout h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#callout .top {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/call-top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 16px;
}
#callout .middle {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/call-mid.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
#callout .bottom {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/call-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 16px;
}
#callout p {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

.home p {margin-left:250px}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
}

#headlines {
	float: right;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 12px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 250px;
}

#headlines p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    
}

#headlines a:link, #headlines a:visited  {
	color:#BE0019;
	text-decoration:none;
	font-weight: normal;
	letter-spacing: 0.1em;
    
}
#headlines a:hover  {
	color:#000;
	text-decoration:underline    
}

#headlines .caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666666;
	text-align: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    
}

#headlines .caption-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666666;
	text-align: center;
	display: block;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#headlines .bar {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/bar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	font-weight: bold;
	display: block;
	text-indent: 5px;
	letter-spacing: .15em;
	text-transform: uppercase;
	margin: 8px 0px 0px;
	padding: 0px;
	
}

#content {
	float: left;
	width: 725px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	margin-left: 15px;
	color: #666666;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#content ul li {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	
}

#content .subhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333333;
	font-weight: bold;
	padding-top: 8px;
}

#content .subhead a {
	color: #333333;
	
	}
	
#content .subhead a:hover {
	color: #BF001A;
	text-decoration:none;
	
	}

#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #BE0019;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#maindiv h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #BE0019;
	margin-bottom: 12px;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/bg-h1.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-indent: 10px;
	
}




#content-index {
	float: left;
	width: 725px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	color: #666666;
}

#content-index p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	margin-bottom: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#content-index h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #333333;
	font-weight: bold;
	margin: 12px 0px 0px;
	padding: 0px;
}

#content-index h2 a:link, #content-index h2 a:visited{
color: #333333;
text-decoration:underline;

}

#content-index h2 a:hover {
color: #BE0019;
text-decoration:none;

}

#content-index h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #BE0019;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/bg-h1.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-indent: 10px;
}

/* tables */

#table {
	width: 100%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 1em;
	border: 1px solid #CCCCCC;
  
}

#table p {
}

#table tr {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

#table tr.head {
	background-color: #CCCCCC;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

#table tr.even {
	background-color: #ECECEC;
}

#table tr.odd {
}

#table td.active {
  background: #e4ecf5;
}

#table td {
	padding: 8px;
	vertical-align: top;
	font-size: .9em;
}
#table .first {
	background-color: #E9E1B5;
}

#table td.menu-disabled {
  background-color: #E5E5E5;
}



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

#banner_background {
	background-image : url(http://www.whoi.edu/cms/images/sb/redtide/hab-banner.jpg);
	background-repeat : no-repeat;
	height: 161px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index: 1;
	padding: 0px;
}


/*  Navigation
-------------------------------------------------------------------- */

#nav {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	display: block;
	margin: 0px 15px 0px 15px;
	padding: 0px;
	height: 30px;
	width: auto;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7exp_mbar.jpg);
	position: relative;
	z-index: 10000;
}

/* 
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
*/
.SearchTD {
	text-align: right;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 20px;
	
}

#menuwrapper {
	background-color: #909090;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/nav.jpg);
	background-repeat: repeat-x;

}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1000;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 6px 14px 3px;
	border-right: 1px solid #000033;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
}

#p7menubar a.trigger {
	padding: 4px 20px 1px 14px;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	line-height: 24px;
}

#p7menubar li {
	float: left;
	width: 7.5em;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 20em;
}

#p7menubar ul li a  {
	color: #FFFFFF;
	border-right: 0;
	padding: 6px 12px 6px 10px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #343233;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7exp_mgrad.jpg);
	background-repeat: repeat-x;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #ffffff;
	background-color: #BB0018;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #ffffff;
	background-color: transparent;
}

#p7menubar ul a:hover {
	background-color: #BB0018!important;
	color: #FFFFFF!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


.hide	{
	display: none;
}

/* Banner
-------------------------------------------------------------------- */

#banner {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	width:850px;
	z-index:1;
	height: 139px;
	visibility: visible;
	background-image: url(/cms/images/whoi/banner.jpg);
}
.td-top {
	height: 128px;
}

/* Styles for Homepage
-------------------------------------------------------------------- */

#banner_background-home {
	background-image : url(/cms/images/whoi/background-home.jpg);
	background-repeat : repeat-x;
	background-position: left top;
	width: 100%;
	height: 113px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px
}

#banner-home {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	width:850px;
	z-index:1;
	height: 113px;
	visibility: visible;
	background-image: url(/cms/images/whoi/banner-home.jpg);
}





/* Styles for Search 
-------------------------------------------------------------------- */

#search {
	position:relative;
	float: right;
	/*position:absolute;
	left:680px;
	top:20px;	*/
	z-index:5;
	width: 200px;
	visibility: visible;
	margin: 18px 0px 0px 0px;
	
	padding: 0px;
	
	
}



/* Styles for Advanced Search link 
-------------------------------------------------------------------- */

.advanced_search {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	margin-top: -1.3em;
	padding: 0px;
	line-height: normal;
	display: block;
}
.advanced_search a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
}

.advanced_search a:hover{
	color: #D1DAE3;
	text-decoration: underline;
}


/*Styles for the Main Content Layer 
-------------------------------------------------------------------- */

#maindiv {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1em;
	line-height: 1.5em;
	padding-left : 35px;
	padding-right : 35px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	display: block;
	}

#maindiv p,td { 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #333333;
	
	}
	
#maindiv h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #BE0019;
	}
	
#maindiv h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #BE0019;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#maindiv h2 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #BE0019;
	margin: 0px;
}

#maindiv .subhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #BE0019;
	margin-bottom: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 20px;
}


#maindiv .subhead a {
	color: #333333;
	
}

#maindiv .subhead a:hover {
	color: #BE0019;
	text-decoration:none;
}


/*#maindiv h1 {
	color: #052155;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: -0.1em;
	text-decoration: none;
	line-height: 22px;

}

#maindiv h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin-top: 0em;
	color: #006699;
	margin-bottom: 0.4em;
	line-height: 14px;
}

#maindiv h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 14px;
	}

#maindiv h4 {
	color: #436797;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	
	padding-top: 0px;
}



#maindiv h5 { 
	color : #010043;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 4px 0px 2px 8px;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 16px;
	background-image: url(/cms/images/whoi/h5.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 21px;
	border-top: 1px dotted #7DA8BC;
	border-right: 1px dotted #7DA8BC;
	border-left: 1px dotted #7DA8BC;
}

#maindiv a:link { 
	color: #BB0018;
	}

#maindiv a:visited { 
	color: #333366;
	color: #006699;
	 }

#maindiv a:hover { 
	color : #010043; 
	 }
#maindiv .subhead {
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	}
	
#maindiv .subhead_black {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}	*/
	 
/*Styles for Index Page without the Left-nav or Section Homepages 
-------------------------------------------------------------------- */

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

#maindiv-index {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
padding-left : 30px;
	padding-right : 40px;
	padding-top: 20px;
	}

#maindiv-index p,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1em;
	line-height : 1.8em;
	margin-top : 0px;
	margin-bottom: 6px;
}
#maindiv-index .callout  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
}

#maindiv-index h1 {
	color: #BD0119; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 0px;
	line-height: 1.5em;
}

#maindiv-index h2 {
	color: #436797;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom : 0px;
	margin-top: 0em;
}

#maindiv-index h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 14px;
	}

#maindiv-index h4 {
	color: #436797;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
}

#maindiv-index .subhead {
	color: #BD0119;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
#maindiv-index .subhead a:hover {
	color: #BE0019;
	
}

#maindiv-index .subhead a {
	color: #333333;
	text-decoration:none;
}	
	
#maindiv-index .subhead_black {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}	


#maindiv-index h5 { /* subhead-bar-gray*/
	color : #010043;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 4px 0px 3px 8px;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 16px;
	background-image: url(/cms/images/whoi/h5.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 21px;
	border-top: 1px dotted #7DA8BC;
	border-right: 1px dotted #7DA8BC;
	border-left: 1px dotted #7DA8BC;
}



.body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 1.8em;
	color: #333333;
	}

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


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

p.copyrights {
	color : #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 130%;
	margin-bottom : 3px;
	margin-top : 0px;
	padding-top: 5px;
	padding-bottom: 14px;
	border-top-color: #000000;
	margin-right: 0px;
	margin-left: 0px;
}

.copyrights {
	color : #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 130%;
	margin-bottom : 4px;
	margin-top : 0px;
	border-top-color: #000000;
	margin-right: 0px;
	margin-left: 0px;
}

.copyrights a:link { 
	color: #006699;
	}

.copyrights a:visited { 
	color: #006699;
	 }

.copyrights a:hover { 
	color: #010043;
	 }

.imgfloatleft { 
	float : left;
	margin-top: 0px;
	margin-right: 12px;
	padding-right: 2px;
	padding-bottom: 1px;
	
	}

.line {
	width: 100%;
	
	border-bottom: 1px solid #eeeeee;
	}

.imgfloatleft_250 { 
	
	margin: 0 0 4px 0;
	
	}


/* Styles for Right-hand column
-------------------------------------------------------------------- */

.imgfloatleft-sm {
	float : left;
	padding-right : 8px;
	padding-bottom : 8px;
}

.noborder {
	margin: 2px 0px;
	padding: 4px 0px;
}

.border {
	border: 1px solid #436797;
	padding: 8px;
	margin: 2px;
}

.border_dkblue {
	border: 1px solid #142156;
	padding: 12px;
	margin: 0px;
}

.bar {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/bar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	font-weight: bold;
	display: block;
	text-indent: 5px;
	letter-spacing: .15em;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	
}

.bar p {
	text-decoration: none;
	text-indent: 5px;
	padding-left: 1px;
	display: block;
	margin: 6px;
}

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

/* Lists*/
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 6px;
	margin-right : 0px;
	margin-top : 0px
}

ol { color : #333333 }

ul { color : #333333 }


/* NAVIGATION */


/* Styles for First Level of Navigation  
-------------------------------------------------------------------- */

#tabnav {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px; /*changes left margin */
	position: absolute;
	top: 70px;
	left: 3px;
	width: 925px;
	height: 26px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	visibility: visible;
	letter-spacing: 0.06em;
	}
	

#tabnav ul, #tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#tabnav a:link, #tabnav a:visited {
	color: #ffffff;
	border-right: 1px solid #010034;
	font-size: 12px;
	padding: 7px 15px 3px 15px;
	margin-right: 0px;
	text-decoration: none;
	float: left;
	font-weight: bold;
	}

#tabnav a:link.active, #tabnav a:visited.active {
	color: #010034; 
	background: #85B3CF;
	background: #96c8df;
	padding: 7px 15px 6px 15px;
	background-image : url(/cms/images/whoi/tabnav-on_new.jpg);
	background-repeat : repeat-x;
	font-weight: bold;
	border-bottom: 1px solid #96c8df;
	
	}

#tabnav a:hover {
	color: #010034;
	padding: 7px 15px 6px 15px;
	background-image : url(/cms/images/whoi/tabnav-over.jpg);
	background-repeat : repeat-x;
	border-bottom: 1px solid #010034;
	}


/* Styles for Second Level of Navigation  
-------------------------------------------------------------------- */


#tabnav2 {
	margin: 0px;
	padding-left: 2px;
	position: absolute;
	left: 0px;
	top: 99px;
	z-index:2;
	width: 925px;
	height: 26px;
	visibility: visible;
	
	
	}

#tabnav2 ul, #tabnav2 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#tabnav2 a:link, #tabnav2 a:visited {
	color: #010034;
	font-size: 12px;
	padding: 6px 13px 6px;
	text-decoration: none;
	float: left;
	margin: 0px;
	font-weight: normal;
	
	}

#tabnav2 a:link.active, #tabnav2 a:visited.active {
	color: #010034;
	font-weight: bold;
	padding: 6px 13px 5px;
	background-image : url(/cms/images/whoi/tabnav2-on_new.jpg);
	background-repeat : repeat-x;
	background-position: bottom;
	
	}

#tabnav2 a:hover {
	color: #010034;
	color: #ffffff;
	padding: 7px 13px 4px;
	background-image : url(/cms/images/whoi/tabnav2-on_new.jpg);
	background-repeat : repeat-x;
	background-position: bottom;
	}

/* Styles for the Left-hand  Navigation  
-------------------------------------------------------------------- */

.navDiv {
	color : #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-left: 5px;
	margin-right: 6px;
	width: 164px;
}


/*Style for Left-hand Nav Section Heads 
-------------------------------------------------------------------- */
	
p.navButtsHead {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	margin-bottom : 4px;
	margin-top : 4px;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7exp_mbar.jpg);
	background-repeat: repeat-x;
	padding: 4px 8px;
	}

.navButtsHead a:link {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	display : block;
	padding-bottom : 3px;
	padding-top : 3px;
	text-decoration : none;
	text-align: left;
	}

.navButtsHead a:visited {
	color : #FFFFFF;
		text-decoration : none;

	
}

/* Styles for Third Level of Navigation 
-------------------------------------------------------------------- */

.navButts {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 3px;
	margin-top : 6px;
	line-height: 15px;
}

.navButts a:link {
	color : #FFFFFF;
	border : 1px solid #010034;
	display : block;
	padding : 0px 8px;
	text-decoration : none;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/nav-butt.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 24px;
	line-height: 24px;
}
.navButts a:visited {
	color : #FFFFFF;
	border : 1px solid #010034;
	display : block;
	padding : 0px 8px;
	text-decoration : none;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/nav-butt.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 24px;
	line-height: 24px;
}


.navButts a:hover {
	color : #333333;
	border : 1px solid #010034;
	display : block;
	text-decoration : none;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/nav-over.jpg);
	background-repeat: repeat-x;
}

.navViz {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 3px;
	margin-top : 6px;
	line-height: 15px;
	}

.navViz a:link {
	color : #000;
	border : 1px solid #010034;
	display : block;
	padding : 0px 8px;
	text-decoration : none;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/nav-over.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 24px;
	line-height: 24px;
	font-size : 12px;

}

.navViz a:visited {
	color : #000;
	border : 1px solid #010034;
	display : block;
	padding : 0px 8px;
	text-decoration : none;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/nav-over.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 24px;
	line-height: 24px;
	font-size : 12px;

}


/*Style for Fourth Level of Navigation 
-------------------------------------------------------------------- */

.navSubs {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 15px;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px;
}

.navSubs a:link {
	color: #666666;
	padding-left : 16px;
	background: transparent url(http://www.whoi.edu/cms/images/sb/redtide/subnav.gif) no-repeat 6px 2px;
	/*background: transparent url(http://www.whoi.edu/cms/images/sb/redtide/navsub.jpg) no-repeat left center;*/
	display: block;
	text-decoration : none;
	margin: 0px;
	/*padding-top: 2px;
	padding-bottom: 2px;*/
}

.navSubs a:visited {
	color: #666666;
	padding-left : 16px;
	background: transparent url(http://www.whoi.edu/cms/images/sb/redtide/subnav.gif) no-repeat 6px 2px;
	display: block;
	text-decoration : none;
	margin: 0px;
	
}

.navSubs a:hover {
	background: transparent url(http://www.whoi.edu/cms/images/sb/redtide/subnav-over.gif) no-repeat 6px 2px;
	color : #BD0119;
	text-decoration : underline
}

.navSubson {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 15px;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px;
		
}

.navSubson a {
	color: #000;
	padding-left : 16px;
	background: transparent url(http://www.whoi.edu/cms/images/sb/redtide/subnav-on.gif) no-repeat 6px 2px;
	display: block;
	text-decoration : none;
	margin: 0px;
	font-weight:bold
}



/*Style for Fifth Level of Navigation 
-------------------------------------------------------------------- */

.navSubs2 {
	color: #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs2 a {
	color : #010034;
	padding-left : 24px;
	background: transparent url(/cms/images/whoi/blue_dbl_arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	display: block;
	text-decoration : none;
}

.navSubs2 a:hover {
	color : #010034;
	text-decoration : underline
}

.navSubs2on {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 24px;
	text-decoration : none;
	font-weight: bold;
	background: transparent url(/cms/images/whoi/blue_dbl_arrow.gif) no-repeat 14px 6px;
	display: block;
}

.navSubs2on a {
	color : #010034;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
}

/*Style for Sixth Level of Navigation 
-------------------------------------------------------------------- */

.navSubs3 {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs3 a {
	color : #010034;
	padding-left : 34px;
	background: transparent url(/cms/images/whoi/blue_dash.gif);
	background-repeat: no-repeat;
	background-position: 24px 6px;
	display: block;
	text-decoration : none;
}

.navSubs3 a:hover {
	color : #010034;
	text-decoration : underline
}

.navSubs3on {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 34px;
	text-decoration : none;
	background: transparent url(/cms/images/whoi/blue_dash.gif);
	background-repeat: no-repeat;
	background-position: 24px 6px;
	display: block;
}

.navSubs3on a {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
}

/*Style for Seventh Level of Navigation 
-------------------------------------------------------------------- */


.navSubs4 {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs4 a {
	color : #010034;
	padding-left : 40px;
	text-decoration : none;
	background: transparent url(/cms/images/whoi/blue_bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
	display: block;
}

.navSubs4 a:hover {
	
	color : #010034;
	text-decoration : underline
}

.navSubs4on {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 40px;
	text-decoration : none;
	background: transparent url(/cms/images/whoi/blue_bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
	display: block;
}

.navSubs4on a {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
}



/* Styles for In this document 
-------------------------------------------------------------------- */
.inthisdoc_table {
	margin: 8px 0px 8px 10px;
	border: 1px solid #142056;
	border: 1px solid #999999;
}

.inthisdoc_table td{
	padding: 5px;
	text-align: left;
}

.inthisdoc_table td.header {
	background: #d1dae3;
	border-bottom: 1px solid #142056;
	border-bottom: 1px solid #999999;
	color: #142156;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}



/*Turns off Borders around Hyperlinked Images*/
img { 
	border : 0px; 
/*	display : block; */
}


/* Styles for index page 
-------------------------------------------------------------------- */

.imgfloatleft-index {
	float : left;
	margin-right : 10px;
	margin-bottom : 8px;
	margin-top: 0px;
	border: 1px solid #666666;
	padding: 0px
}


/* Styles for News Release and Obiturary Box 
-------------------------------------------------------------------- */

.maindiv h6 { 
	color : #010043; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 126%;
	display: block;
	padding: 6px;
	background-image: url(/cms/images/whoi/h5.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #010043; 
	margin: 10px 0px 0px 0px;
}

.right {
float:right;
text-align: right;
}

/* Styles for Subhead under a date 
-------------------------------------------------------------------- */

.under_date {
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	line-height: 14px;
}

/* Styles for two column box like Graduate Programs Contact
-------------------------------------------------------------------- */
.maindiv h7 { 
	color : #333333; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	display: block;
	padding: 6px;
	margin: 0px 0px 0px 0px;
}

.right_textleft {
float:right;
text-align: left;
}

/* Styles for tables used in the ships and tech winches, etc.
-------------------------------------------------------------------- */

.winches_table {
	width: 100%;
	margin-top: 8px;
	}

.winches_table td{	
 	border-bottom: 1px solid #999999;
	padding: 5px;
	}

.winches_table td.heading{
	color: #052155;
	font-size: 13px;
	font-weight: bold;
	background: #e0eff6; /* color of homepage boxes */
	background: #c5e0eb;
	border-bottom: 1px solid #999999;
	
	}
	
/* Styles for checklist table in the ships and tech section
-------------------------------------------------------------------- */

.checklist_table {
	width: 100%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
		
	}

.checklist_table td{	
 border-bottom: 1px solid #999999;
	padding: 7px;
	}

.checklist_table td.heading{
	color: #142156;
	background: #d1dae3;
	background: #e6e6e6;
	
	border-bottom: 1px solid #999999;
	}

.checklist_table td.time{
	color: #142156;
	font-weight: bold;
	background: #d1dae3;
	background: #e0ebf6;
	border-right: 1px solid #999999;
	}
	
/* Styles for the Staff Directory 
-------------------------------------------------------------------- */

.directory {
	width: 80%;
	margin: 5px 5px 5px 0px;	
	border-collapse: collapse;	
	border: 1px solid #bbbbbb;
}
.directory td{
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #bbbbbb;	
}

.directory .noborder{
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	padding-left: 0px;
	padding-top: 5px;
	vertical-align: top;
	border: 1px solid #edede8;	
}


.directory .header{
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	background:  #ccc;
	background: #e6e6df; /* same as h5 */
}	

.directory .searcharea {
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	text-align: left;
	background: #efefef;
	background: #e6e6df;
	background: #edede8; /* lighter than h5 */
	text-align: left;
	padding: 10px;
}

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

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

.section_index td{
	padding: 0px 20px 20px 0px;
	vertical-align: top;
}

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


/* 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;
}


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

.multimedia_table td{
	margin: 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 140%; 
}

.multimedia_table img {
	display: inline;
	margin: 4px 4px 0px 0px;
	border: 0px;
	}
	
/* Styles for multiple images  in multi article 
-------------------------------------------------------------------- */

.multiarticle_imageBox {
	margin-right: 10px;
	margin-bottom: 0px;
	}
	
.multiarticle_imageBox td {
	padding-bottom: 2px;
	}
	
.multiarticle_imageBox img{
	margin: 0 0 5px 0;
	}
	
/* Styles for Slideshow with Numbers 
-------------------------------------------------------------------- */

.slideshow {

	border: 0px dotted #cccccc;
	padding-left : 0px;
	padding-bottom : 6px;
	padding-top : 0px;
	padding-right : 0px;
	float : left; 
	width : 700px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.slideshow img {
	margin: 5px 0px 5px 0px;
}

/* Styles for Numbers Slideshow with Numbers 
-------------------------------------------------------------------- */

#numbers {
	height: 18px;
	margin: 0px 0px 0px -.2em;
	padding: 3px;
	}

#numbers ul, #numbers li {
	margin: 0px; 
	padding: 0px;
	display: inline;
	list-style-type: none;
	}

#numbers a:link, #numbers a:visited {
	float: left;
	background: #eef6f9;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 9px 3px 9px;
	margin-right: 0px;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	color: #052155;
	background-image: url(/cms/images/whoi/h5.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

#numbers a:link.active, #numbers a:visited.active {
	border: 1px solid #bbbbbb;
	background: #052155;
	background-image: url(/cms/images/whoi/h5_on.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #ffffff;
	}
	


#numbers a:hover {
	background: #ffffff;
	color: #052155;
	}
	
/* Styles for Slideshow Original
-------------------------------------------------------------------- */

.slideshow_orig {
	margin: 5px 0px 0px 0xp;
	padding: 0px;
}

.slideshow_orig td{
	padding: 0px 4px 0px 0px;
}

.slideshow_orig img{
	margin: 5px 0px 5px 0px;
}

/* Styles for Thumbnails in Slideshow Original
-------------------------------------------------------------------- */

#thumbnails {
	padding: 0;
	margin: 0px 0px 0px 0;
	
}

#thumbnails li{
	list-style-type: none;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0px;
}

#thumbnails img {
border: 1px solid #999999;
}


/* Styles for Slideshow only Thumbs 
-------------------------------------------------------------------- */

#thumbsBox {
        margin: 10px 0px;    
        border-collapse: collapse;
}

#thumbsBox td{
        padding: 0px 10px 10px 0px;
        border: 0px solid #aec2b3;
        text-align: center;
}

#thumbsBox td img{
        border: 1px solid #999;
        padding: 0;
        margin: 0;
}

/* Styles for Video Popoff - Background
-------------------------------------------------------------------- */

#video_banner_background {
	background-image : url(/cms/images/whoi/banner-sm-background.jpg);
	background-repeat : repeat-x;
	background-position: left top;
	width: 100%;
	height: 70px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #01184c;
	
	
}

/* Styles for Video Popoff - Banner
-------------------------------------------------------------------- */

#video_banner {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	width:663x;
	z-index:1;
	height: 70px;
	visibility: visible;
	background-image: url(/cms/images/whoi/banner-sm.jpg);
	background-repeat: no-repeat;
}

/* Styles for Video Popoff - Close button
-------------------------------------------------------------------- */

#close {
	position:relative;
	/*left:680px;
	top:2px;	*/
	z-index:5;
	visibility: visible;
	margin: 6px 7px 0px 0px;
	padding: 6px 7px 0px 0px;
	text-align: right;
	
}

/* Styles for Homepage
-------------------------------------------------------------------- */

.homepage {
	margin: 2px 0px 0px 0xp;
	padding: 0px;
}

.homepage td{
	padding: 0px 16px 12px 0px;
}

.subhead2_line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color : #142156;
	color : #010043; /*same as page-title */
	/*background-color: #eeeeee;*/
	display: block;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dotted #476388;
	border-bottom: 1px dotted #8ca7c5;
	border-bottom: 1px dotted #7DA8BC;
	/*margin-top: 8px;*/
	margin-right: 0px;
}

.imgfloatleft-home {
	float : left;
	margin-right : 20px;
	margin-bottom : 13px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px
}
	

.home_image {
	margin-top : 0px;
	margin-bottom : 6px;
	margin-left: 1px;
	border: 1px solid #999999;
	padding: 0px
}

/* Styles for About WHOI Box
-------------------------------------------------------------------- */

.heading_home_nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom : 6px;
	margin-top: 6px;
	margin-left: 12px;
	font-variant: normal;
	/*color: #333333;*/
	color: #010043;
}

.cell-border-whitebk {
	padding: 8px 12px 8px 12px;
	border: 1px solid #666666;
	background: #ffffff;
	background-image: url(/cms/images/whoi/home_boxes_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.picture {
	margin: -.5em 8px 0px -.5em;
	padding: 2px 7px 0px 0px;
	text-align: left;
}

.caption_home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	line-height: 13px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.navHome_right {
	color : #010043;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height:128%;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
}

.navHome_right a {
	color : #010043;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height:128%;
	padding-left : 0px;
	text-decoration : none;
}

.navHome_right a:hover {
	color : #444444;
	text-decoration : underline
}

/* Styles for Topics Box
-------------------------------------------------------------------- */

.cell-border {
	padding: 8px 12px 8px 12px;
	border: 1px solid #666666;
	background-image: url(/cms/images/whoi/home_boxes_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}


p.navHome {
	color : #010043;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
}


.navHome {
	color : #010043;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
}

.navHome a {
	color : #010043;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-left : 0px;
	text-decoration : none;
}


.navHomeon {
	color : #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
	font-weight: bold;
	background-repeat: no-repeat;
	display: block;
}

.navHomeon a {
	color : #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
	font-weight: bold;
	background-repeat: no-repeat;
	display: block;
}

.navHome a:hover {
	color : #444444;
	text-decoration : underline
}

.heading_home_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom : 3px;
	font-variant: normal;
	/*color: #333333;*/
	color: #010043;
}

.heading_home_nav_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom : 1px;
	font-variant: normal;
	/*color: #333333;*/
	color: #010043;
}

/* Styles for People Finder Box
-------------------------------------------------------------------- */

.cell-border-blue {
	padding: 8px 12px 8px 12px;
	border: 1px solid #666666;
	background: #96c8df;
	background: #c9e4ef;
	background-image: url(/cms/images/whoi/home_boxes_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

.caption_home_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010043;
	font-style: normal;
	line-height: 13px;
	text-align: left;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	
}

/* Styles for Quick Links
-------------------------------------------------------------------- */

.imgfloatleft-smer {
	float : left;
	margin-right : 4px;
	margin-bottom : -.2em;
	border: 1px solid #999999;
}

.clearboth { clear: both; }

.imgfloatleft-smer-right {
	float : left;
	margin-right : 4px;
	margin-bottom : 10px;
	border: 1px solid #999999;
}

/* Styles for all left hand boxes
-------------------------------------------------------------------- */
.cell-border-new {
	padding: 8px 12px 8px 12px;
	border: 1px solid #999999;
	background: #ffffff;
	background: #c9e4ef;
	background: #dcedf4;
	background-image: url(/cms/images/whoi/home_boxes_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

/* 
  ------------------------------------------------
  PVII Slideshow Magic
  by Project Seven Development
  www.projectseven.com
  Style: 01
	Dark Toolbar
  ------------------------------------------------
*/
/*
The Root Slideshow DIV
*/
#p7ssm {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 310px;
	position: relative;
	z-index: 10;
	float:left;
	height: 570px;
}
/*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;
}
/*
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;
	visibility: hidden;
}
#p7ssm_thumb_wrapper {
	border: 4px solid #3B3B3B;
}
/*Thumbnail Drag Bar*/
#p7ssm_dragbar {
	height: 22px;
	cursor: move;
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img//p7ssm_prev.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
.p7ssm_play {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7ssm/img/p7ssm_play.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
.p7ssm_pause {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7ssm/img/p7ssm_pause.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_next {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7ssm/img/p7ssm_next.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
#p7ssm_last {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7ssm/img/p7ssm_last.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_counter {
	font-size: 11px;
	color: #888888;
	padding: 0 0 0 12px;
}
#p7ssm_slidechannel {
	background-image: url(http://www.whoi.edu/cms/images/sb/redtide/p7ssm/img/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/sb/redtide/p7ssm/img/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-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 100;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
/*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: 2px 0 12px;
}
/*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;
	padding: 6px 12px;
	color: #333333;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	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;
	margin-right: 10px;
	/*border: 1px solid #999999;*/
	margin-top: 0px;
}