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


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

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

#switcher img {
display: inline;
}

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

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



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

body {
	font-size: 13px;
	line-height:1.6em;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background-color:#f6fbfe;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	
}
h1, h2, h3 {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#banner_background {
	background-image : url(images/whoiBanner.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: #f6fbfe;
	border-top-style: none;
	width: 1000px;
	margin: 0 auto;
	padding: 0px;


}


#containerHome {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(images/homeBackground1000.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;*/
}


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

.hide	{
	display: none;
}

/* New Headers
-------------------------------------------------------------------- */

#header {
	width: 960px;
	margin: 0 auto;
	height: 128px;
	height: 162px;
	background-image: url(images/bgHeader-mvco3.jpg);
	background-repeat: no-repeat;
}

#backWHOI {
	width: 450px;
	line-height: 38px;
	font-size: 13px;
	text-transform:uppercase;
	letter-spacing: .15em;	
	margin-left: 12px;
}

#backWHOI a {
	color: #bcc2ca;
		text-decoration:none;
	
}

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

#logo {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 12px;
}








/* 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//whoi/common/banner.jpg);
}
.td-top {
	height: 110px;
}


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

#banner_background-nonav {
	background-image : url(images/whoiBanner.jpg);
	background-repeat : no-repeat;
	background-position: left top;
	width: 100%;
	height: 115px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #000033;
}

#banner-nonav {
	position:absolute;
	left:auto;
	right:auto;
	top:0px;
	width:960px;
	z-index:1;
	height: 115px;
	visibility: visible;
	background-image: url(images/bgBanner.jpg);
	background-repeat : no-repeat;
}

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

#banner_background-onelevel {
	background-image : url(http://www.whoi.edu/cms//sb/common/whoi_admin_darkblue/bg-banner.jpg);
	background-image : url(http://www.whoi.edu/cms//sb/common/whoi_admin_darkblue/bg-banner-blue.jpg);
	background-repeat : repeat-x;
	background-position: left top;
	width: 100%;
	height: 135px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px
}

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

/* Styles for Two Level NavHomepage
-------------------------------------------------------------------- */

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

#banner-twolevel {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	width:800px;
	z-index:1;
	height: 100px;
	visibility: visible;
	/*background-image: url(/banner_plain_nonav.jpg);
	background-repeat : no-repeat;*/
}


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

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



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

.advanced_search {
	color: #FFFFFF;
	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;
	text-decoration: underline;
}


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

.maindiv {
	font-size : 1em;
	padding-left : 16px;
	padding-right : 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #080031;
	}

.maindiv p,td {
	/*line-height: 1.8em;*/
	line-height: 150%;
	margin-top : 6px
}

.maindiv h1 {
	color: #173656; /* dark blue */
	font-size: 17px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 0px
}

.maindiv h2 {
	color: #173656;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom : 0px;
	margin-top: 0em;
}

.maindiv h3 {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.8em;
	}

.maindiv h4 {
	color: #808d01;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
}

.maindiv .subhead {
	color: #7d6842;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
.maindiv .subhead_index {
	color: #7d6842;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

.maindiv .subhead_gray {
	color: #666666;font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}

/*.maindiv h5 { 
	color : #062855;
	color: #173656;
	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//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 h5{
	color: #173656;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;	
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing: .05em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#173656;;
	
	}

.maindiv .subhead_black {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	}	

.maindiv a:link { 
	color: #173656;
	}

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

.maindiv a:hover { 
	color: #7d6842;
	 }
	 

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

.maindiv-index {
	padding-left : 30px;
	padding-right : 20px;
	border:1px solid #900;
	}

.maindiv-index p,td { 
	margin-top : 6px 
}

.maindiv-index h1 {
	color: #173656; /* dark blue */
	font-size: 17px;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 0px
}

.maindiv-index h2 {
	color: #173656;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom : 0px;
	margin-top: 0em;
}

.maindiv-index h3 {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 15px;
	}

.maindiv-index h4 {
	color: #808d01;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
}

.maindiv-index .subhead {
	color: #7d6842;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
.maindiv-index .subhead_index {
	color: #7d6842;
	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: #333333;
	font-size: 13px;
	font-weight: bold;
	}	


.maindiv-index h5{
	color: #173656;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;	
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing: .05em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #27668f;
	border-bottom-color:#173656;;
	
	}


.maindiv-index a:link { 
	color: #173656;
	}

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

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



.body  {
	color: #333333;
	}

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

.caption {
	font-size: 11px;
	line-height:140%;
	font-style: normal;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}


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

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

p.caption {
	font-size: 11px;
	color: #666666;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px;
}
.caption a:link {
	color: #0e295c;
	color :#808d01;
	color: #3c6fa4;
}
p.caption a:link {
	color: #0e295c;
	color :#808d01;
	color: #3c6fa4;
}

.caption a:visited {
	color: #0e295c;
	color :#808d01;
	color: #3c6fa4;
}
p.caption a:visited  {
	color: #0e295c;
	color :#808d01;
	color: #3c6fa4;
}

.caption a:hover {
	color :#808d01; 
	color :#808d01;
	color: #0e295c;
	color :#808d01;
}
p.caption a:hover {
	color : #808d01; 
	color : #808d01;
	color: #0e295c;
	color :#808d01;
}

.caption-center {
	font-size: 11px;
	color: #666666;
	font-style: normal;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	clear: both;
}
.caption-center a:hover {
	color : #444444;
}

p.caption-center {
	font-size: 11px;
	color: #666666;
	font-style: normal;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	clear: both;
}
p.caption-center a:hover {
	color : #444444;
}



.caption_tools {
	color: #333333;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	text-align: left;
	padding: 0px;
	margin: 0px;
	}

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


.subhead { /* used on Video Popoff Page */
	color: #0e295c;
	color: #808d01;
	color: #3c6fa4;
	color : #0e295c;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: #808d01;
	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-size: 17px;
	font-weight: bold;
	color: #052155;
	margin-top: -0.1em;
	text-decoration: none;
	line-height: 1.8em;
}


.subhead_dkblue {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 : Georgia, "Times New Roman", Times, serif;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color: #7d6842;
	margin-top: 0px;
	margin-right: 1px;
	text-decoration: none;
	margin-left: 0em;
	line-height:120%;
	font-weight: normal;
	margin-bottom: 4px;
	font-size: 1.8em;		
	color:#173655;

}
.headline H2 {
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-top: 0em;
color: #3c6fa4;
margin-bottom: 0.4em;
line-height: 15px;
margin-left: 0em;
}

.name-aff {
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-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-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: #808d01;
	color: #3c6fa4;
	
	
	}

.copyrights a:visited { 
	color: #808d01;
	color: #3c6fa4;
	 }

.copyrights a:hover { 
	color: #0e295c;
	color :#808d01;
	 }

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

.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 #183756;
	padding: 8px;
	margin: 0px 2px 2px 2px;
	line-height: 1.em;
}

.border p {
	margin-top: 0px;
	margin-bottom: 8px;
	
}

.border img {
	max-width: 280px;
	max-height:inherit;
}

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


.bar {
	font-size: 1em;
	line-height: 24px;
	text-transform: capitalize;
	color: #ffffff;
	/*color: #0e295c;*/
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	font-style: normal;
	font-weight: normal;
	background-color: #2E86B6;
	background-color: #9ca0a4;
	background-color:#bbbdc0;
	background-color:#d1d2d4;
	background-color:#001636;
	background-color:#183756;
}
	
/*	font-size: 11px;
	color: #0e295c;
	text-decoration: none;
	background-image: url(http://www.whoi.edu/cms/images/sb/common/whoi_admin_darkblue//bar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	padding-top: 20px;
	font-style: normal;
	font-weight: bold;
}*/

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




/* Lists*/
li {
	margin-bottom : 6px;
	margin-right : 0px;
	margin-top : 0px
}



/* NAVIGATION */


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

#tabnav {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px; /*changes left margin */
	position: absolute;
	top: 128px;
	left: auto;
	width: 1000px;
	height: 34px;
	z-index:2;	
	font-size: 13px;
	float: left;
	visibility: visible;
	letter-spacing: 0.01em;
	
	}
	

#tabnav ul, #tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-style: normal;
	letter-spacing: 0.06em;
	font-size: 13px;
	font-weight: bold;
	line-height: 34px;
	}

#tabnav a:link, #tabnav a:visited {
	
	color:#cccccc;
	border-right: 1px solid #052647;
	font-size: 13px;
	margin-right: 0px;
	text-decoration: none;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 34px;
	font-style: normal;
	letter-spacing: 0.06em;
	font-size: 13px;
	}

#tabnav a:link.active, #tabnav a:visited.active {
	
	color: #173656;
	/*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: #f7fcfd;

	}

#tabnav a:hover {
	
	color: #173656;
	/*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;*/
	background-color: #f7fcfd;
	
	}


/* 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-size : 12px;
	margin-left: 5px;
	margin-right: 6px;
	padding:0px;
	width: 164px;
	width: 184px;
	padding-left:20px;
}


/*Style for Left-hand Nav Section Heads 
-------------------------------------------------------------------- */
	
p.navButtsHead {
	color : #142156;
	background-color: #5EA5C5;
	font-size : 14px;
	line-height: 140%;
	font-weight : bold;
	margin-bottom : 4px;
	margin-top : 3px;
	}

.navButtsHead a {
	color : #0e295c;
	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;
	margin-top: 12px;
}

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

.navButts {
	color : #dce8ea;
	font-size : 14px;
	line-height: 140%;
	margin-bottom : 3px;
	margin-top : 6px;
	line-height: 15px;
}

.navButts a {
	color : #FFF;
	background-color: #7d6842;
	border : 1px solid #000;
	display : block;
	padding : 6px 8px;
	text-decoration : none;
}

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

.navButts a:hover {
	color : #173656;
	background-color : #dce8ea;
	display : block;
	text-decoration : none;
	border: 1px solid #173656;
	}

.navViz {
	color : #0e295c;
	font-size : 13px;
	line-height: 130%;
	margin-bottom : 4px;
	margin-left : 0px;
	margin-top : 6px;
}

.navViz a {
	color : #FFFFFF;
	background-color : #0e295c;
	background-color: #173656;
	font-size : 14px;
	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;
	border: 1px solid #000;
}
/*
.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 : #173656;
	font-size : 12px;
	line-height: 130%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	
}

.navSubs a {
	color : #010034;
	color : #173656;
	padding-left : 14px;
	/*background: transparent url(http://www.whoi.edu/cms/images/whoi/common/blue_bullet.gif);*/
	background: transparent url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	/*background: transparent url(http://www.whoi.edu/cms/images/whoi/common/navsub.jpg) no-repeat left center;*/
	display: block;
	text-decoration : none;
	padding-top: 2px;
	padding-bottom: 2px;
}

.navSubs a:hover {
	color : #7d6842;
	text-decoration : underline;
	background: transparent url(images/bullet_on.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
}

.navSubson {
	color : #7d6842;
	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/whoi/common/blue_bullet.gif);*/
	background: transparent url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	/*background: transparent url(http://www.whoi.edu/cms/images/whoi/common/navsub.jpg) no-repeat left center;*/
	display: block;
	line-height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.navSubson a {
	color : #7d6842;
	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 : #173656;
	font-size : 11px;
	line-height: 160%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs2 a {
	color : #173656;
	padding-left : 24px;
	background: transparent url(image/arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
	display: block;
	text-decoration : none;
}

.navSubs2 a:hover {
	color : #7d6842;
	text-decoration : underline;
	background: transparent url(image/arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
}

.navSubs2on {
	color : #7d6842;
	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(image/arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
	display: block;
}

.navSubs2on a {
	color : #7d6842;
	font-weight: bold;
	font-size : 11px;
	line-height: 160%;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 0px;
	text-decoration : none;
	
}




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

.navSubs3 {
	color : #173656;
	font-size : 11px;
	line-height: 150%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs3 a {
	color : #173656;
	padding-left : 34px;
	background: transparent url(images/dash.gif);
	background-repeat: no-repeat;
	background-position: 24px 7px;
	display: block;
	text-decoration : none;
}

.navSubs3 a:hover {
	color : #7d6842;
	text-decoration : underline;
	background: transparent url(images/dash_on.gif);
	background-repeat: no-repeat;
	background-position: 24px 7px;
}

.navSubs3on {
	color : #7d6842;
	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(images/dash.gif);
	background-repeat: no-repeat;
	background-position: 24px 7px;
	display: block;
}

.navSubs3on a {
	color : #7d6842;
	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 : #173656;
	font-size : 11px;
	line-height: 150%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

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

.navSubs4 a:hover {
	color : #7d6842;
	text-decoration : underline;
	background: transparent url(images/bullet_sm_on.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
}

.navSubs4on {
	color : #7d6842;
	font-size : 11px;
	line-height: 150%;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 40px;
	text-decoration : none;
	width : 100%;	
	background: transparent url(images/bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 33px 6px;
	display: block;
}

.navSubs4on a {
	color : #7d6842;
	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 : #173656;
	font-size : 11px;
	line-height: 150%;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs5 a {
	color : #173656;
	padding-left : 48px;
	text-decoration : none;
	background: transparent url(images/bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 41px 6px;
	display: block;
}

.navSubs5 a:hover {	
	color : #7d6842;
	text-decoration : underline;
	background: transparent url(images/bullet_sm_on.gif);
	background-repeat: no-repeat;
	background-position: 41px 6px;
}

.navSubs5on {
	color : #7d6842;
	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(images/bullet_sm.gif);
	background-repeat: no-repeat;
	background-position: 41px 6px;
	display: block;
}

.navSubs5on a {
	color : #7d6842;
	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-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-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-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-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-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: 5px;
	}

.winches_table td.heading{
	color: #052155;
	font-size: 13px;
	font-weight: bold;
	background: #e0eff6; /* color of homepage boxes */
	background: #c5e0eb;
	background: #d6d6d6;
	background: #dfdfdf;
	background: #e9e9e9;
	height: 20px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	
	}
	
.winches_table ul, li {
	padding:0px;
	margin: 0px;
	list-style-type: square;
	margin-left:12px;
	margin-bottom:3px;
	}

	
/* 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-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-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-size: 12px;
	line-height: 16px;
	font-weight: bold;
	background:  #ccc;
	background: #e6e6df; /* same as h5 */
}	

.directory .searcharea {
	color: #222222;
	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;
	line-height: 150%;
}

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

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


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

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

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

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

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


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

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

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

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

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

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


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

.multimedia_table td{

	margin: 0px;
	padding: 5px;
	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-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-size: 14px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom : 6px;
	margin-top: 6px;
	margin-left: 12px;
	font-variant: normal;
	/*color: #333333;*/
	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-size: 11px;
	color: #333333;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.navHome_right {
	color : #062855;
	font-size : 11px;
	line-height:128%;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
}

.navHome_right a {
	color : #062855;
	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-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
}


.navHome {
	color : #062855;
	font-size : 11px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 0px;
}

.navHome a {
	color : #062855;
	font-size : 11px;
	padding-left : 0px;
	text-decoration : none;
}


.navHomeon {
	color : #444444;
	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-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-size: 14px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom : 3px;
	font-variant: normal;
	/*color: #333333;*/
	color: #062855;
}

.heading_home_nav_sm {
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom : 1px;
	font-variant: normal;
	/*color: #333333;*/
	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-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: #3c6fa4;
color : #0e295c;font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}




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

.campaign h8 {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	/*line-height: 110%;*/
	padding-top: 0px;
	}
	
.campaign h1 {
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-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-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-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;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;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: Georgia, "Times New Roman", Times, serif;
	padding-top: 0px;
	font-size: 42px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
	margin-top: 23px;
	margin-left: 24px;
	/*line-height:47px;*/
	line-height:42px;
	font-style: normal;
}

.banner_title a {
	color: #FFF;
	text-decoration: none;

}

.banner_subtitle {
color: #fff; 
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
padding-left: 26px;
font-weight: normal;
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;
}

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


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


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

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

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

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


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

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

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



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

}

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

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

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

#right h1 a:hover {
	color : #808d01;
	
}



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


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

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

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

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

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

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

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

#policy_index td {
padding: 4px;
}

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


.maindiv	.devBox { 
		color : #010043; 
		color : #000000; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 126%;
		display: block;
		padding: 6px;
		padding-bottom:8px;
		/*background-image: url(http://www.whoi.edu/cms/css/whoi/images/devBox2.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;*/
		background-color:#ddeef5; 
		border-width: 1px;
		border-style: solid;
		border-color: #010043; 
		border-color: #999999; 
		margin: 24px 12px 4px 0px;
}



/* Buttons for Previous Oil Spills
-------------------------------------------------------------------- */
.button-placement{
	margin:6px 0px 10px 544px;
	margin:8px 10px 0px 0px;
	float:right;
		
}

.button {
	display: inline-block;
	zoom: 1;
	*display: inline;	
	margin-right:1px;
	
	
}

.button a:link, .button a:visited {
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #010637;
	padding: 2px 4px;
	font-size: .9em;
	color: #010637;
	text-decoration: none;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#4684a9));
	background: -moz-linear-gradient(top,  #fff,  #4684a9);
	}
	
.button a:hover {
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #010637;
	padding: 2px 4px;
	font-size: .9em;
	color: #010637;
	text-decoration: none;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	
	background: #f1f1f1;
	background: ##becd56;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#becd56));
	background: -moz-linear-gradient(top,  #fff,  #becd56);
}

.button a.active {
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #010637;
	padding: 2px 4px;
	font-size: .9em;
	color: #010637;
	text-decoration: none;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	
	background: #f1f1f1;
	background: ##becd56;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#becd56));
	background: -moz-linear-gradient(top,  #fff,  #becd56);
}


/* Map box
-------------------------------------------------------------------- */
.mapBox {
	background-color:#e1e2e3; 
	padding:16px 8px 12px 6px;
	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	}
	
/* Social Media in Footer 
-------------------------------------------------------------------- */
.socialMediaLogos {
margin-right:4px;
border-width: 0px;
margin-top:5px;
margin-bottom:3px;
}


/* homepage 
-------------------------------------------------------------------- */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	margin-left:-10px;

	
	}

#page p{
	color:#000;
	font-size:12px;
	line-height:150%;
	margin:0px;
	margin-bottom:8px;

		}




#leftHome {
	width: 290px;
	float: left;
	margin-right: 25px;
	margin-bottom:25px;
}


#leftHome p {
	color:#000;
	font-size:12px;
	line-height:140%;
	margin:0px;
	margin-bottom:8px;
}

 H2.green {
	background-image: url(http://www.whoi.edu/cms/css/sb/mvco/images/bar-greenDot.jpg);
	background-repeat: no-repeat;
	color: #fff;
	height:28px;
	padding-right: 0px;
	padding-left: 30px;
	text-transform: normal;
	letter-spacing: 0em;
	font-size: 14px;
	line-height:28px;
	padding-bottom:0px;
	/*display:inline;*/
	width:270px;
	float:left;
	margin-top:20px;
}


 H2.red {
	background-image: url(http://www.whoi.edu/cms/css/sb/mvco/images/bar-redDot.jpg);
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	color: #fff;
	height:28px;
	padding-right: 0px;
	padding-left: 30px;
	text-transform: normal;
	letter-spacing: 0em;
	font-size: 14px;
	line-height:28px;
	padding-bottom:0px;
	/*display:inline;*/
	width:270px;
	float:left;
	margin-top:20px;
	
}
/*#leftHome H2 img{
 	position:relative; 
	top:-5px; 
	left:-5px;
	}

#leftHome H2.text {
	color: #fff;
	font-size: 14px;
	line-height:22px;
	display:inline;
}*/



#leftHome a {
	color: #3c6fa4;
}

#leftHome a:hover {
	color: #7d6842;
}



#flashHome {
width: 550px;
	float: left;
	margin-right: 15px;
	margin-bottom:20px;
}

#flashHome h3{
	font-size: 14px;
	color: #3c6fa4;
	font-weight:bold;
	margin-bottom:4px;
}

#leftHomeLong { /* left side for homepage */
	
	width: 600px;
	float: left;
	margin-right: 20px;
	margin-bottom:0px;
	margin-top:0px;
	}
	
#leftHomeLong div {
	margin-bottom:40px;
}

#leftHomeLong p {
	color:#000;
	font-size:12px;
	line-height:150%;
	margin:0px;
	margin-bottom:8px;
}

#leftHomeLong h2 {
	background-image: url(http://www.whoi.edu/cms/css/sb/mvco/images/bar.jpg);
	background-repeat: repeat-x;
	color: #fff;
	height:28px;
	padding-right: 0px;
	padding-left: 10px;
	text-transform: normal;
	letter-spacing: 0em;
	font-size: 14px;
	line-height:28px;
}

#leftHomeLong h3{
	font-size: 14px;
	color: #3c6fa4;
	font-weight:bold;
	margin-bottom:8px;
}


#leftHomeLong a {
	color: #3c6fa4;
}

#leftHomeLong a:hover {
	color: #7d6842;
}


#leftHomeLong ul{
	margin:0px;
	padding:0px;
	}

#leftHomeLong li{
	/* Every thumbnail is a li element */
	
	display:inline-block;
	list-style:none;
	/*height:75px;	*/
	overflow:hidden;
	margin:0px 25px 0px 0px;
	text-align:center;	
}




#rightHome { /* right content for homepage */
	float: left;
	width: 290px;
	/*margin-right: 20px;*/
	margin-bottom:25px;
	

}
#rightHome h2 {
background-image: url(images/bar.jpg);
	background-repeat: repeat-x;
	color: #fff;
	height:28px;
	padding-right: 0px;
	padding-left: 5px;
	text-transform: normal;
	letter-spacing: 0em;
	font-size: 14px;
	line-height:22px;
	width:250px;	
}

#rightHome H2.green {
	background-image: url(images/bar-greenStar.jpg);
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	color: #fff;
	height:28px;
	padding-right: 0px;
	padding-left: 30px;
	text-transform: normal;
	letter-spacing: 0em;
	font-size: 14px;
	line-height:22px;
	padding-bottom:20px;
	/*display:inline;*/
	width:290px;
}

#rightHome p { 
	font-size: 0.95em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1.5em;	
}

#rightHome H2 img{
 	position:relative; 
	top:-5px; 
	left:-5px;
	}
#rightHome .more {
	font-size:10px;
	color:#ffffff;
	display:inline;
}

#rightHome .post  {
	padding-bottom: 0px;
	margin-bottom: 20px;
	
}
#rightHome .post H2 {
	font-size: 1.5em;
	
}


/* top map on homepage*/

#top {
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 300px;
	height: 362px;
	height: 386px;
	height: 303px;
	background-image: url(http://www.whoi.edu/cms/css/sb/mvco/images/mvco-graphic-sm3.jpg);
	background-repeat: no-repeat;
	margin-left:-20px;
	
}



#top p {
	font-size: 1em;
	line-height: 1.6em;

}

#top .items {
	width: 289px;
	width:390px;
	float:right;
	margin-left:60px;
	margin-left:0px;
	margin-right:20px;
	margin-top: 0px;
}
#top .items img {
	float:left;
	margin-bottom:45px;
	margin-right: 15px;
}

#top .items p {
	color: #ddd;
	color: #000;
	margin: 5px 0px;


}
#top .items h1 {
	font-size: 1.8em;
	line-height:120%;
	font-weight: normal;
	color: #ddd;
	color: #000;
	color:#173655;
}

#top .items a:link { 
	color: #173656;
	}

#top .items a:visited { 
	color: #173656;
	 }

#top .items a:hover { 
	color: #7d6842;
	 }

.moreinfo {
	position:absolute;
	display:block;
	text-indent:-10000px;
	text-decoration:none;
	width:30px;
	height:	30px;
	}
	
#moreinfo1 {
	top:40px;
	left:166px;
	}
	
#moreinfo2 {
	top:29px;
	left:244px;
	}
	
	
#moreinfo3 {
	top:212px;
	left:232px;
	}
	
#moreinfo4 {
	top:234px;
	left:336px;
	}
	
#moreinfo5 {
	top:150px;
	left:389px;
	}
	
#moreinfo6 {
	top:248px;
	left:671px;
	}
	
.floatingpanel {
	position: relative;
	display: block;
	margin-top:	25px;
	margin-left:-30px;
	width:325px;
	height:	235px;
	padding-top:70px;
	padding-left:20px;
	padding-right:40px;
	background:	transparent url(http://www.whoi.edu/cms/css/sb/mvco/images/floatingpanel-325.png) no-repeat top left;
	text-indent:0px;
	color:	#333333;
	display:none;
	font-size: 12px;
	line-height:1.4em;}
	
a:hover .floatingpanel {
		display:block;
		color:#003;
		text-decoration: none;
}
	
.floatingpanel h2 {
	margin:	0;
	padding:0;
	color: #a2a939;
	padding-right: 50px;
	font-size: 1.4em;
	font-weight:bold;
}
	
.floatingpanel p {
	margin:	0px;
	color:	#010D33;
	padding-right: 40px;
	
}
	
.floatingpanel img {
	float: left;
	margin-right: 10px;
}

/*.floatingpanel .link {
	color: #a2a939;


}*/