/*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: #666666;
	display: inline;
	}

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



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

body {
	background-color : #cccccc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

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

#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(http://www.whoi.edu/cms/images/sb/hr/home_gradient_12.jpg); 
	background-repeat: repeat-y;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cfdcde;
	border-bottom-color: #cfdcde;
	border-left-color: #cfdcde;*/
}


#container-home {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding:0px;
	background-color: #FFFFFF;
	background-image: url(http://www.whoi.edu/cms/images/sb/hr/home_background3.jpg); 
	background-repeat: repeat-y;
	
}

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

.hide	{
	display: none;
}

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

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



/* Styles for One Level NavHomepage
-------------------------------------------------------------------- */

#banner_background-onelevel {
	/*background-image : url(http://www.whoi.edu/cms/images/sbl/spacer.gif);
	background-repeat : repeat-x;
	background-position: left top;
	width: 100%;*/
	height: 118px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px
}

#banner-onelevel {
	position:absolute;
	left:auto;
	right:auto;
	top:0px;
	width:960px;
	z-index:1;
	height: 90px;
	visibility: visible;
	background-image: url(http://www.whoi.edu/cms/images/sb/hr/hr-banner.jpg);
	background-repeat : no-repeat;
}

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

#search {
	position:relative;
	float: right;
	/*position:absolute;
	left:680px;
	top:20px;	*/
	z-index:5;
	width: 200px;
	visibility: visible;
	margin: 33px 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: 0em;
	padding: 0px;
	line-height: normal;
	display: block;
}
.advanced_search a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
}

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

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

.maindiv {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	padding-left : 16px;
	padding-right : 45px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #336699;
	padding-top: 6px;
	}

.maindiv p,td {
	color: #555555; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	margin-top : 6px 
}

.maindiv h1 {
	color: #0e295c; /* dark blue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 0px
}

.maindiv h2 {
	color: #336699;
	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 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.8em;
	}

.maindiv h4 {
	color: #336699;
	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 .subhead {
	color: #336699;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
.maindiv .subhead_index {
	color: #336699;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

.maindiv .subhead_index a:link{
	color: #336699;
	}
	
.maindiv .subhead_index a:visited {
	color: #3366699;
	}
	
.maindiv .subhead_index a:hover {
	color: #555555;
	}	


.maindiv .subhead_gray {
	color: #555555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

.maindiv h5 { /* subhead-bar-gray*/
	color: #333333;
	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(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//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 .subhead_black {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}	

.maindiv a:link { 
	color : #336699;
	/*color: #814312;*/
	}

.maindiv a:visited { 
	color : #336699;
	 }

.maindiv a:hover { 
	color : #555555;
	 }
	 

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

.maindiv-index {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	padding-left : 30px;
	padding-right : 45px;
	}

.maindiv-index p,td { 
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	margin-top : 6px 
}

.maindiv-index h1 {
	color: #0e295c; /* dark blue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 0px
}

.maindiv-index h2 {
	color: #336699;
	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: #666666;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 15px;
	}

.maindiv-index h4 {
	color: #336699;
	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 : #0e295c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
.maindiv-index .subhead_index {
	color : #0e295c;
	font-family: Arial, Helvetica, sans-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_black {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}	


.maindiv-index h5 { /* subhead-bar-gray*/
	color : #333333;
	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(http://www.whoi.edu/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-index a:link { 
	color: #336699;
	}

.maindiv-index a:visited { 
	color: #336699;
	 }

.maindiv-index a:hover { 
	color : #555555; 
	 }

.body  {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	
	}

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

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


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

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

p.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px;
}
.caption a:link {
	color :#336699;
	}
p.caption a:link {
	color :#336699;

}

.caption a:visited {
	color :#336699;
}
p.caption a:visited  {
	color :#336699;
	}

.caption a:hover {
	color :#555555; 
	
}
p.caption a:hover {
	color : #555555; 

}

.caption-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	font-style: normal;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	clear: both;
}
.caption-center a:hover {
	color : #336699;
}

p.caption-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	font-style: normal;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	clear: both;
}
p.caption-center a:hover {
	color : #555555;
}



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

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


.subhead { /* used on Video Popoff Page */
	color : #0e295c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
}

.profile-name { /* used on Profile Page */
	color: #0e295c;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

.title { /* used in alpha listing on directory list pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #052155;
	margin-top: -0.1em;
	text-decoration: none;
	line-height: 1.8em;
}


.subhead_dkblue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0e295c;
	/*margin-top: -1.0em;
	margin-bottom: 1em;
	line-height: 14px;*/
}



/*Styles for the article headings 
-------------------------------------------------------------------- */
.headline H1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-size: 20px;
	font-weight: bold;
	color: #052155;
	color: #336699;
	color: #0e295c;
	color: #336699;
	color: #344c8a;
	color: #444444;
	margin-top: 0px;
	text-decoration: none;
	margin-left: 0em;
	line-height:140%;

}
.headline H2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
margin-top: 0em;
color: #336699;
margin-bottom: 0.4em;
line-height: 13px;
margin-left: 0em;
}

.name-aff {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
margin-top: 0.4em;
margin-bottom: 1em;
line-height: 13px;
}


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

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

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

.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;
	border: 1px solid #bddee0;
	border: 1px solid #c8ddf2;
	border: 1px solid #cccccc;
	/*border: 1px solid #0e295c;*/
	padding: 8px;
	margin: 0px 2px 2px 2px;
}

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


.bar {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
text-transform: capitalize;
color: #ffffff;
text-decoration: none;
background-image: url(http://www.whoi.edu/cms/images/sb/hr/bar2.gif);
background-repeat: no-repeat;
background-position: left bottom;
text-align: left;
text-indent: 5px;
padding: 0px;
padding-left: 1px;
font-style: normal;
font-weight: bold;
}
	

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


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

ol { 
	color : #555555
	margin-top:0px;
	margin-bottom: 0px;
	padding-top:0px;
	padding-bottom:0px;
}

ul { 
	color : #555555
	margin-top:0px;
	margin-bottom: 0px;
	padding-top:0px;
	padding-bottom:0px
}


/* NAVIGATION */


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

#tabnav {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px; /*changes left margin */
	position: absolute;
	top: 90px;
	left: auto;
	width: 960px;
	height: 28px;
	z-index:2;
	background-color: #344c8a;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	visibility: visible;
	letter-spacing: 0.01em;
	/*border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;*/
	
	}
	

#tabnav ul, #tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-style: normal;
	letter-spacing: 0.06em;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	}

#tabnav a:link, #tabnav a:visited {
	background-color: #344c8a;
	color: #0e295c;
	color:#ffffff;
	border-right: 1px solid #fff;
	font-size: 13px;
	margin-right: 0px;
	text-decoration: none;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 28px;
	font-style: normal;
	letter-spacing: 0.06em;
	font-size: 13px;
	}

#tabnav a:link.active, #tabnav a:visited.active {
	color: #0e295c;
	color: #336699;
	color: #344c8a;
	color: #ffffff;
	/*color: #336699;*/
	/*background-image : url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//bg-top-menu_dark_blue.gif);
	background-repeat : no-repeat;
	background-position: center bottom;*/
	background-color: #FFFFFF;
	background-color: #e2f2fa;
	background-color: #444444;

	}

#tabnav a:hover {
	color: #0e295c;
	color: #336699;
	color: #344c8a;
	background-color: #FFFFFF;
	/*background-image : url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//bg-top-menu_blue.gif);
	background-repeat : no-repeat;
	background-position: center bottom;*/
	
	
	}


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


#tabnav2 {
	margin: 0px;
	padding-left: 2px;
	position: absolute;
	left: 0px;
	top: 114px;
	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(images/tabnav2-on_new.jpg);
	background-repeat : repeat-x;
	background-position: bottom;*/
	
	}

#tabnav2 a:hover {
	color: #010034;
	color: #ffffff;
	/*	color: #0e295c;	*/
	color: #444444;
	padding: 6px 13px 5px;
	/*background-image : url(images/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;
	padding:0px;
	width: 164px;
}


/*Style for Left-hand Nav Section Heads 
-------------------------------------------------------------------- */
	
p.navButtsHead {
	color : #142156;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #5EA5C5;
	background-color: #344c8a;
	font-size : 14px;
	line-height: 140%;
	font-weight : bold;
	margin-bottom : 4px;
	margin-top : 3px;
	}

.navButtsHead a {
	color : #0e295c;
	color : #344c8a;
	color: #444444;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size : 14px;
	line-height: 140%;
	font-weight : bold;
	display : block;
	padding-bottom : 3px;
	padding-left : 9px;
	padding-right : 8px;
	padding-top : 3px;
	text-decoration : none;
	text-align: left;
	border: 1px solid #0e295c;
	border: 1px solid #344c8a;
	border: 1px solid #444444;
	margin-top: 12px;
}

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

.navButts {
	color : #dce8ea;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	line-height: 140%;
	margin-bottom : 3px;
	margin-top : 6px;
	line-height: 15px;
}

.navButts a {
	color : #0e295c;
	color : #344c8a;
	background-color: #dce8ea;
	background-color: #98b7d3;
	background-color: #bcd2e4;
	background-color: #d5e3ee;
	background-color: #e2f2fa;
	background-color: #f9fdfe;
	background-color: #eaeff2;
	background-color: #e2f2fa;
	border : 1px solid #0e295c;
	border : 1px solid #344c8a;
	display : block;
	padding : 4px 8px;
	text-decoration : none;
}

/*
.navButts a {
	color : #142156;
	padding : 2px 8px;
	text-decoration : none;
}
*/

.navButts a:hover {
	color : #FFFFFF;
	background-color : #0e295c;
	background-color: #344c8a;
	background-color:#444444;
	display : block;
	text-decoration : none;
	/*background-image: url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//bg-menu-on.gif);
	background-repeat: no-repeat;
	background-position: -1px center;*/
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-left: none;
	border: 1px solid #999999;
}

.navViz {
	color : #0e295c;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	line-height: 130%;
	font-weight : bold;
	margin-bottom : 4px;
	margin-left : 0px;
	margin-top : 6px
}

.navViz a {	
	color: #344c8a;
	color : #FFFFFF;
	background-color : #0e295c;
	background-color: #336699;
	background-color: #e2f2fa;
	background-color: #444444;
	font-size : 13px;
	line-height: 130%;
	/*padding-bottom : 3px;
	padding-left : 9px;
	padding-right : 8px;
	padding-top : 4px;*/
	padding-bottom : 4px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 4px;
	display : block;
	text-decoration : none;
	/*background-image: url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//bg-menu-on.gif);
	background-repeat: no-repeat;
	background-position: -1px center;*/
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border: 1px solid #999999;
}
/*
.table-navback {
	background-image: url(http://www.whoi.edu/cms/images/whoi/common/nav-back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
*/



/*Style for Fourth Level of Navigation - from common design
-------------------------------------------------------------------- */

.navSubs {
	color : #010034;
	color : #336699;
	color : #0e295c;
	color: #344c8a;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 130%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
}

.navSubs a {
	color : #010034;
	color : #0e295c;
	color: #344c8a;
	padding-left : 14px;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	display: block;
	text-decoration : none;
	padding-top: 2px;
	padding-bottom: 2px;
}

.navSubs a:hover {
	color: #666666;
	text-decoration : underline;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_hover.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
}

.navSubson {
	color: #344c8a;
	color: #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 130%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 14px;
	font-weight: bold;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_on.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	display: block;
	line-height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.navSubson a {
	color: #344c8a;
	color: #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 130%;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	font-weight: bold;
	text-decoration : none;	
}



/*Style for Fifth Level of Navigation - from common design
-------------------------------------------------------------------- */

.navSubs2 {
	color: #344c8a;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 160%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs2 a {
	color: #344c8a;
	padding-left : 24px;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
	display: block;
	text-decoration : none;
}

.navSubs2 a:hover {
	color : #666666;
	text-decoration : underline;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
}

.navSubs2on {
	color: #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 160%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 24px;
	text-decoration : none;
	font-weight: bold;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
	display: block;
}

.navSubs2on a {
	color: #444444;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 160%;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
	/*background: transparent url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//arrow_light_blue.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	display: block;*/
}

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

.navSubs3 {
	color: #344c8a;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs3 a {
	color: #344c8a;
	padding-left : 34px;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/dash.gif);
	background-repeat: no-repeat;
	background-position: 24px 7px;
	display: block;
	text-decoration : none;
}

.navSubs3 a:hover {
	color : #666666;
	text-decoration : underline;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/dash_hover.gif);
	background-repeat: no-repeat;
	background-position: 24px 7px;
}

.navSubs3on {
	color: #444444;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 34px;
	text-decoration : none;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/dash_on.gif);
	background-repeat: no-repeat;
	background-position: 24px 7px;
	display: block;
}

.navSubs3on a {
	color: #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	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: #344c8a;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs4 a {
	color: #344c8a;
	padding-left : 40px;
	text-decoration : none;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
	display: block;
}

.navSubs4 a:hover {
	color : #666666;
	text-decoration : underline;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_sm_hover.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
}

.navSubs4on {
	color: #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 40px;
	text-decoration : none;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_sm_on.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
	display: block;
}

.navSubs4on a {
	color: #444444;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	font-weight: bold;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
	background-repeat: no-repeat;
	display: block;
}


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


.navSubs5 {
	color: #344c8a;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 150%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs5 a {
	color: #344c8a;
	padding-left : 48px;
	text-decoration : none;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 41px 6px;
	display: block;
}

.navSubs5 a:hover {	
	color : #666666;
	text-decoration : underline;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_sm_hover.gif);
	background-repeat: no-repeat;
	background-position: 41px 6px;
}

.navSubs5on {
	color: #444444;
	font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
	line-height: 150%;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 48px;
	text-decoration : none;
	background: transparent url(http://www.whoi.edu/cms/images/sb/hr/bullet_sm_on.gif);
	background-repeat: no-repeat;
	background-position: 41px 6px;
	display: block;
}

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




/* 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 multimedia table in ocean pulses 
-------------------------------------------------------------------- */

.multimedia_table {
	/*width: 90%;*/
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 1.8em;
}

.multimedia_table img {
	display: inline;
	margin: 4px 4px 0px 0px;
	border: 0px;
	}



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

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


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

/* Styles for Subhead under a date 
-------------------------------------------------------------------- */
.under_date {
	color: #436797;
	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 : #666666; 
	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 {
	
	margin-top: 8px;
	
	}

.winches_table td{	
 	border-bottom: 1px dotted #999999;
	padding: 4px;
	
	}

.winches_table td.heading{
	color : #344c8a;
	font-size: 13px;
	font-weight: bold;
	background: #d5e3ee;
	background: #eeeff2;
	height: 20px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	
	}
	
	

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

.insurance_table {
	
	margin-top: 8px;
	border-right: 1px dotted #999999;
	
	}

.insurance_table td{	
 	border-bottom: 1px dotted #999999;
 	border-left: 1px dotted #999999;
	padding: 6px;
	
	}

.insurance_table td.heading{
	color : #344c8a;
	font-size: 13px;
	font-weight: bold;
	background: #d5e3ee;
	background: #eeeff2;
	height: 22px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #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;
	color: #555555;
}

.section_index td{
	padding: 0px 20px 20px 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
}

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

.section_index .subhead{
color: #0e295c;
color: #336699;
color : #0e295c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

.section_index .subhead a{
	color: #336699;
	}

.section_index .subhead a:visited{
	color: #336699;
	}

.section_index .subhead a:hover{
	color: #666666;
	}


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

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

.section_index_fixed td{
	padding: 0px 0px 20px 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
}

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

.section_index_fixed .subhead{
color: #0e295c;
color: #336699;
color : #0e295c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

.section_index_fixed .subhead a{
	color: #336699;
	}

.section_index_fixed .subhead a:visited{
	color: #336699;
	}

.section_index_fixed .subhead a:hover{
	color: #555555;
	}






/* 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: #336699;
color : #0e295c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	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{

	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: 8px;
	}
	
.multiarticle_imageBox img{
	margin: 0 0 5px 0;
	}
	
	
/* Styles for Slideshow using 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 Slideshow 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(http://www.whoi.edu/cms/images/whoi/common/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(http://www.whoi.edu/cms/images/whoi/common/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 14px 0px 0px;
}

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

/* 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(http://www.whoi.edu/cms/images/whoi/common/banner-sm-background.jpg);
	background-image : url(http://www.whoi.edu/cms/images/whoi/common/banner-video2_bg.jpg);
	background-image : url(http://www.whoi.edu/cms/images/whoi/common/banner_video6_bg.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(http://www.whoi.edu/cms/images/whoi/common/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;
}

.homepage img.phototip {
	border: 1px solid #999999;
	margin-bottom: 0px;
	}

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

.imgfloatleft-home {
	float : left;
	margin-right : 9px;
	margin-bottom : 13px;
	margin-top: 0px;
	margin-left: 2px;
	border: 1px solid #999999;
	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: #666666;*/
	color: #062855;
}

.cell-border-whitebk {
	padding: 8px 12px 8px 12px;
	border: 1px solid #666666;
	background: #ffffff;
	}

.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: #666666;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.navHome_right {
	color : #062855;
	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 : #062855;
	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(../images/box_background.jpg);
	background-repeat: repeat-y;
	background-position: left top;*/
}


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


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

.navHome a {
	color : #062855;
	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: #666666;*/
	color: #062855;
}

.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: #666666;*/
	color: #062855;
}

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

.cell-border-blue {
	padding: 8px 12px 8px 12px;
	border: 1px solid #666666;
	background: #96c8df;
	background: #c9e4ef;
	
	
}

.caption_home_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	color: #062855;
	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 #666666;
}

.clearboth { clear: both; }

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

/* 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(http://www.whoi.edu/cms/images/whoi/common/home_background2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

/*Styles for Topic Index Page 
-------------------------------------------------------------------- */

.index_table_3column {
	margin: 0px 0px 0px 0px;
	}
	
.index_table_3column td{
	padding: 10px 26px 16px 0;
	vertical-align: top;
	}

.index_table_3column img{
	padding : 0px;
	border: 1px solid #999999;
	display: block;
	margin-bottom: 4px;
}

.index_table_3column .subhead{
color: #0e295c;
color: #336699;
color : #0e295c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}




/*Styles for Campaign Goals and Progress Table 
-------------------------------------------------------------------- */

.campaign h8 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
.campaign h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #052155;
margin: 0px;
text-decoration: none;
line-height: 17px;
}

/*Styles for Campaign Profiles 
-------------------------------------------------------------------- */

.bio_table {
	margin-top:8px
	}

.bio_table .quote{
	padding: 0 8px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	
}

.bio_table img {
	display: block;
	border: 1px solid #000;
	margin: 3px;
}

.bio_table .caption{
	margin-left: 3px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	}


/*Styles for Contact Page Table 
-------------------------------------------------------------------- */
.contact_table{
	width: 96%
	}
	
.contact_table td{
	padding: 4px 4px 4px 0px
	}

	
/*Styles for Site Map 
-------------------------------------------------------------------- */
.first_list {
	list-style-type: square;
}

.first_list a:link { 
	color: #0e295c;
	text-decoration: none;
	}

.first_list a:visited { 
	color: #333366;
	color: #0e295c;
	text-decoration: none;

	 }

.first_list a:hover { 
	color : #062855; 
	text-decoration: underline;

	 }

.second_list {
	list-style-type: none; 
	margin-left: 10px;
	padding-left: 0px;
}

.sitemap td{
	padding-right: 18px;
	padding-left: 18px;
}


/* styles for banner text */
.banner-title {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 31px;
color: #FFFFFF;
float: left;
margin-left: 10px;
padding-top: 30px;
padding-bottom: 0px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;
text-shadow: dimgray 3px 3px 3px;
}

.shadow  { position:relative; display:block; color:#fff; }
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:1px; content: attr(title); color:#666;  } 


/*Styles for Banner text with one level of nav 
-------------------------------------------------------------------- */

.container-title-onelevel {
	float: left;
	margin-top: -102px;
}

.banner-title-shadow {
	position: relative;
	left: 1px;
	top: 1px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-left: 15px;
	font-size: 44px;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 1px;
}

.text {
	position: absolute;
	left: -1px;
	top: -1px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-left: 15px;
	font-size: 44px;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 1px;
}




.banner-subtitle-shadow { position: relative; left: 1px; top: 1px; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
float: left;
padding-left: 16px;
padding-bottom: 0px;
font-weight: bold;
font-variant: normal;
letter-spacing: 0px;}

.banner-subtitle-text { position: absolute; left: -1px; top: -1px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
float: left;
padding-left: 16px;
padding-top:62px;
padding-bottom: 0px;
font-weight: bold;
font-variant: normal;
letter-spacing: 0px;}


/*Styles for Banner text with no top nav 
-------------------------------------------------------------------- */

.container-title-nonav {
float: left;
margin-top: -69px;
}

.banner-title-shadow-nonav { 
position: relative; 
left: 1px; 
top: 1px; 
color: #666; 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 36px;
padding-left: 15px;
font-size: 30px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;}

.text-nonav { 
position: absolute; 
left: -1px; 
top: -1px; 
color: #fff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 36px;
padding-left: 15px;
font-size: 30px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;}

.banner-subtitle-shadow-nonav { position: relative; left: 1px; top: 1px; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
float: left;
margin-top:7px;
padding-left: 16px;
padding-bottom: 0px;
font-weight: bold;
font-variant: normal;
letter-spacing: 0px;}

.banner-subtitle-text-nonav { position: absolute; left: -1px; top: -1px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
float: left;
margin-top: 7px;
padding-left: 16px;
padding-top:60px;
padding-bottom: 0px;
font-weight: bold;
font-variant: normal;
letter-spacing: 0px;}

/*Styles for Banner Title with Image that Works 
-------------------------------------------------------------------- */
.banner_title {
color: #fff; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top: 0px;
padding-left: 15px;
font-size: 43px;
font-weight: bold;
font-variant: normal;
letter-spacing: 1px;
}

.banner_title a {
color: #fff; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top: 0px;
font-size: 43px;
font-weight: bold;
font-variant: normal;
letter-spacing: 1px;
text-decoration: none;
}

.banner_subtitle {
color: #fff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding-left: 18px;
font-weight: bold;
font-variant: normal;
letter-spacing: 0px;
}



/*Styles for Site Map 
-------------------------------------------------------------------- */
.level1 {
	list-style-type: square;
	margin: 4px 0px 2px 15px;
	padding: 0px;
}

.level1 a:link { 
	color: #0e295c;
	text-decoration: none;
	}

.level1 a:visited { 
	color: #333366;
	color: #0e295c;
	text-decoration: none;

	 }

.level1 a:hover { 
	color : #062855; 
	text-decoration: underline;

	 }

.level2 {
	list-style-type: none; 
	margin-left: 2px;
	padding-left: 0px;
}

/*Styles for Image Gallery (Contact Sheet Style)
-------------------------------------------------------------------- */
#image-container {
	display: block;
	padding: 0px;
	float: left;
	width: 140px;
	margin-right: 9px;
	/*border: 1px solid #666666;*/
	height: 110px;
	/*background-image: url(images/bg-multi.jpg);
	background-repeat: repeat-x;*/
	margin-top: 0px;
}

/* Do not need 
-------------------------------------------------------------------- */

#journal-container-end {
	display: block;
	padding: 8px;
	float: left;
	width: 140px;
	margin-right: 12px;
	border: 1px solid #666666;
	height: 110px;
	background-image: url(images/bg-multi.jpg);
	background-repeat: repeat-x;
	clear:both;
}

.sitemap td{
	padding-right: 18px;
	padding-left: 18px;
}

/* 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;
	
	}
	
/* Styles for the HR homepage
-------------------------------------------------------------------- */
#left {
	width: 510px;
	padding-top: 277px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 0px;
	margin-right: 0px;
	display: block;	
	position: inherit;
	padding-bottom: 20px;
	background-color:#ffffff;
	color: #555555; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	margin-top : 0px 
}

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


#left h5 { /* subhead-bar-gray*/
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 4px 0px 3px 8px;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 16px;
	margin-bottom:10px;
	background-image: url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//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;
}

#left img {
padding: 0px;
}

#right {
	display: block;
	width: 380px;
	float: right;
	margin: 0px;
	padding: 20px 16px 20px 0px;
	color: #555555; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	/*background-image: url(images/home_gradient.jpg); 
	background-repeat: repeat-y;
	background-position: left top;*/
}

#right h5 { /* subhead-bar-gray*/
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 4px 0px 3px 8px;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 16px;
	margin-bottom:10px;
	background-image: url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//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;
}

#right H1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;	
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	margin-left: 0em;
	line-height:24px;
}

#right a:link{
	color: #336699;
	text-decoration: none;
	}
	
#right a:visited {
	color: #336699;
	text-decoration: none;
	}
	
#right a:hover {
	color: #666666;
	text-decoration: underline;
	}	


#left_inside{
display: block;
	width: 180px;
	margin: 0px;
	padding: 20px 10px 20px 0px;
}


#right_inside {
	display: block;
	width: 300px;
	float: right;
	margin: 0px;
	padding: 8px 0px 20px 12px;
	color: #555555; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	/*background-image: url(images/home_gradient.jpg); 
	background-repeat: repeat-y;
	background-position: left top;*/
}



#right_inside a:link{
	color: #336699;
	}
	
#right_inside a:visited {
	color: #3366699;
	}
	
#right_inside a:hover {
	color: #666666;
	}	

#right_inside img {
	float : left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	border: 1px solid #999999;
	}

#bottom {
	/*background-image: url(images/home_gradient.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
	display: block;
	margin: 0px auto;
	padding: 0px 0px 10px 14px;
	/*width: 872px;*/
	/*font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 48px;*/
	float: none;
	clear: both;
	
}

.event {
border-top: 1px dotted #333333;
padding-bottom:0px;
padding-top:10px;
margin-top:10px;
}

.event_top {
border-bottom: 0px dotted #333333;
padding-bottom:0px;
padding-top:10px;
}

/*
.event_bottom {
border-bottom: 0px dotted #333333;
padding-bottom:0px;
padding-top:10px;
}
*/

/* Social Media in Footer 
-------------------------------------------------------------------- */
.socialMediaLogos {
margin-right:4px;
border-width: 0px;
margin-top:5px;
margin-bottom:3px;
}

/* Homepage Slideshow
-------------------------------------------------------------------- */

#slideshow  ul  {
   margin: 0;
   padding: 0 0 7px 0;
   width: 550px;
   height: 276px;
      }

#slideshow ul  li {
   margin: 0;
   padding: 0;
   list-style: none;
   background: url("") left top no-repeat;    }

#slideshow ul {
   list-style: none;
   }


/* HR Forms
-------------------------------------------------------------------- */


fieldset, form, label, legend {
	margin:0;
	padding:0;
	/*border:0;*/
	vertical-align:baseline;
}

fieldset {
	/*border: 1px dotted #336699;*/
	position: relative;
	padding: 10px 10px 20px 0px;
	width: 720px;	
}


fieldset legend span {		
	font-size: 13px;
	font-weight:bold;
	color: #336699;
	font-variant: normal;
	padding-top: 3px;
	padding-bottom: 0px;
	margin-bottom : 4px;
	margin-top: 0;
	display: block;
	}
	
fieldset td.middle {
	padding-right:5px;
	}

label {
	display:block;
	width: 120px;
	text-align:right;
}

label.login {
	display:block;
	width: 200px;
	text-align:right;
}

input, textarea,{
	display:block;
}

input,textarea,select {
	border: 1px solid #666666;
	padding:2px;
	width:220px;
}

select#department {
	width:222px;
}

select#dob_month, select#degree1, select#degree2, select#degree3, select#degree4, select#spouse-dob_month, select#child1-dob_month, select#child2-dob_month, select#child3-dob_month {
width:70px;
}

select#dob_day, select#spouse-dob_day, select#child1-dob_day, select#child2-dob_day, select#child3-dob_day, 
select#dob_year, select#spouse-dob_year, select#child1-dob_year, select#child2-dob_year, select#child3-dob_year {
width:70px;
}


input#type1, input#major1, input#inst1, input#educdate1, 
input#type2, input#major2, input#inst2, input#educdate2,
input#type3, input#major3, input#inst3, input#educdate3,
input#type4, input#major4, input#inst4, input#educdate4 {
	width:135px;
}

input#yes, input#no, input#regular, input#temporary, input#1, input#2, input#3,
input#graded, input#exempt, input#fn-advisor, input#eeo-sheet, input#cc-PamReine, input#cc-AnnSweck, input#cc-MikeBrennan, input#cc-JenniferMaclone
{
	border:0px solid #666666;
	width:10px;
	display: inline
} 

input#submit, input#reset, input#print, input#exit{
	width: auto;
	display: inline;
}

input#q {
	width:100px;
}

textarea {
	height:140px;
}

.controls {
	margin-top:8px;
}


fieldset abbr {	
	color:#990000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 0 1px;
	vertical-align: middle;
}


input#meddebit, input#medcredit, input#meddebitpp {
	border: 1px solid #666666;
	padding:2px;
	width:100px;
}

input[type=checkbox]
{
	border:0px solid #666666;
	width:10px;
	display:inline;
}

input[type=radio]
{
	border:0px solid #666666;
	width:10px;
	display:inline;
}

/*Styles for conflict of interest form 
 input#relation1, input#relation2, input#relation3, input#relation4,
  input#hours1, input#hours2, input#hours3, input#hours4{
  width:20px;
  }
  
  input#position1, input#position2, input#position3, input#position4,
  input#orgFamily1, input#orgFamily2,  input#orgFamily3,  input#orgFamily4,
  input#organization1, input#organization2, input#organization3, input#organization4 {
  width:40px;
   }
  input#typeOfWork1, input#typeOfWork2, input#typeOfWork3, input#typeOfWork4 }
  width:40px;
   }
     */      
     
     textarea#comments, textarea#commentsLI, textarea#commentsLOA {
     width:500px;
     }
     
     
     textarea#commentsLI, textarea#commentsLOA {
          width:500px;
          height:40px;
     }
     
     textarea#awardcomments, textarea#awardnomination{
     width:575px
     }
     
     input.field {
     width:auto;
     border:0px solid #999999;
     display: inline;

input#loaNotes,input#lifeInsNotes{
width:200px;

}

/*Styles for defined Benefit form */
input#ssn,input#birthYear,input#spouseYear,input#retireYear{
	width:54px;
	display:inline;
}

input#1, input#2, input#3
{
	border:0px solid #666666;
	width:10px;
	display: inline
}

input#employeeID {
	width: auto;
	display: inline;
}

/* Styles for show hide FAQs */

.more {
	display: none;
}
a.showLink, a.hideLink {
	text-decoration: none;
	padding-left: 0px;
	font-weight: normal;
	white-space:nowrap;
	
}