/*Style Sheet for Version 5 Browsers */

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

#switcher img {
display: inline;
}

#switcher a img {
	background: #0b2553;;
	display: inline;
	}

#switcher a:hover img {
	background: #e37a08;
	background: #993300;
	background: #a02113;
	display: inline;
	}


/*The Body Background */
body {
	background-color : #FFFFFF;
	background-image : url(http://www.whoi.edu/home/about/annualreport05/images/newdesign_bg_arctic6.jpg);
	background-repeat : repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.advanced {
	ont-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 8px;
	padding-top: 2px;
	}
.advanced a {
	color: #FFFFFF;
	text-decoration: none;
	
}
.advanced a:hover{
	color: #d1dae3;
	text-decoration: underline;
	
}



/*Styles for the Main Content Layer */
.maindiv {
	border-left : 1px dotted #8ca7c5;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	color: #333333;
	padding-left : 18px;
	padding-right : 20px;
	/*position: absolute;
	top: 130px;*/
}

.maindiv p { line-height : 140%; margin-top : 6px }

.maindiv h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 12px;
	margin-top : 0px
}

.maindiv h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 12px;
	margin-top : 30px
}

.maindiv a:link { 
	color: #3C5478; dark gray blue
	color: #436797; gray blue
	color: #0f2348; /* dark blue */
	
	color: #0b2553;
	color: #00609d; /* bright blue */
	}

.maindiv a:visited { 
	color : #3C5478;
	color: #436797;
	color: #00609d;
	color: #0f2348;
	color: #0b2553;
	color: #00609d;
	 }

.maindiv a:hover { 
	color: #0c0c0c;
	color: #95916C;
	color: #00609d;
	color: #011128;
	color: #a02113;
	 }

.maindiv li {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	margin-bottom : 6px;
	margin-right : 48px;
	margin-top : 12px;
	line-height: 140%;
}

.img_story {
	border: 1px solid #666;
	padding: 0px;
	display : block;
	margin: 0 0 5px 0;
}

.img_story_lt {
	border: 1px solid #999;
	padding: 0px;
	display : block;
}


.people_chart {
    font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	
}

.people_chart a{
    text-decoration: none;
	color: #0b2553;
	
}

.people_chart a:hover{
   	color: #0c0c0c;
	color: #a02113;
	text-decoration: underline;
}


/* index page with out left nav */
.maindiv-index {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #333333;
	padding-left : 21px;
	padding-right : 30px;
	}

.maindiv-index p { line-height : 140%; margin-top : 6px }


.maindiv-index a:link { 
	color: #3C5478;
	color: #436797;
 }

.maindiv-index a:visited { 
	color : #3C5478; 
	color: #436797;}

.maindiv-index a:hover { 
	color : #5B211b; /*reddish brown*/
	color : #45204A /*purple */
					}

/* page titles */
.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #0b2553;
	padding-top: 4px;
	margin-top: 100;
	margin-bottom: 6px;
	margin-top: 0px;
}

.page_subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #690e08;
	padding-top: 4px;
	margin-bottom: 6px;
	margin-top: 0px;
}

.page_byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-top: -1.0em;
	margin-bottom: 1em;
	line-height: 14px;
}



/* for images in right column, multimedia, etc.*/
.imgfloatleft-sm {
	float : left;
	padding-right : 4px;
	padding-bottom : 8px;
}

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



ol { color : #333333 }

ul { color : #333333 }



	
#navbar{
	border-bottom : 1px dashed #666;
	background-color: #DEDFD9;	
}

#navbar td{
	padding: 3px;
	color: #333333;
	font-size: 85%;
}

#navbar td.left{
	padding-left: 18px;
	background-color: #990000;
}


/*Style Applied to the Sidebar Layer */
.navDiv {
	color : #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-top: -114px;
	margin-left: -11px;
	position: absolute;
	left: 17px;
	top: 123px;
	padding-right: 0px;
}

.arctic_image {
position: absolute;
	left: 17px;
	top: 458px;
	}
	
.arctic_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	font-style: normal;
	line-height: 14px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 17px;
	top: 914px;
	}




/* commented backslash hack v2 \*/
.navDiv {
	color : #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	left: 17px;
	top: 123px;
	padding-right: 0px;
	


	}
.isMacIE5 { display: none; }
/* end hack */


.navDiv p { margin-bottom : 12px; margin-top : 6px }

.navDiv h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-left : 0px;
	margin-top : 0px
}

.navDiv h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 24px
}

/*Style Applied to the Paragraphs for Main Section Links */
p.navButtsHead {
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border : 1px solid #666666;
	font-size : 13px;
	font-weight : bold;
	margin-bottom : 4px;
	margin-top : 4px;
	display : block;
	padding-bottom : 3px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 3px;
	text-decoration : none;
	text-align: center;
}


p.navButts {
	color : #AFC4E0;
	
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 4px;
	margin-top : 6px
}

.navButts a {
	background: #dae1e7;
	border : 1px solid #666666;
	color: #0f2348;
	display : block;
	padding-bottom : 2px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 2px;
	text-decoration : none;
}

.navButts a:hover {
	background : #FFFFff;
	border : 1px solid #666666;
	color: #0f2348;
	text-decoration : none
}

/*Style Applied to the Paragraphs for the Sub-Section Links */
p.navSubs {
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
}

p.navSubson {
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	font-weight: bold;
	padding-left : 14px;
	background: transparent url(../images/arrow_blue_on.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	display: block;
}

p.navSubson a{
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	font-weight: bold;
	display: block;
}

.navSubs a {
	color :#0b2553;
	padding-left : 14px;
	text-decoration : none;
	background: transparent url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	display: block;
}

.navSubs a:hover {
	color : #0c0c0c;
	color :#d16432;
	color:#690e08; /* red */
	text-decoration : underline;
	background: transparent url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	display: block;
}
p.navSubs2 {
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}
p.navSubs2on {
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 22px;
	text-decoration : none;
	font-weight: bold;
	background: transparent url(../images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 13px 5px;
	display: block;
}

.navSubs2 a {
	color :#0b2553;
	padding-left : 22px;
	text-decoration : none;
	background: transparent url(../images/bullet_blue1.gif);
	background-repeat: no-repeat;
	background-position: 13px 5px;
	display: block;
}

.navSubs2 a:hover {
	color :#d16432;
	color:#690e08;
	text-decoration : underline;
	background: transparent url(../images/bullet_red1.gif);
	background-repeat: no-repeat;
	background-position: 13px 5px;
	display: block;
}

p.navSubs3 {
	color : #142156;
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}
p.navSubs3on {
	color : #45204A;
	color :#0b2553;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 34px;
	text-decoration : none;
	width : 100%;
	background: transparent url(../images/purple_dash.gif);
	background-repeat: no-repeat;
	background-position: 24px 6px;
	display: block;
}

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

.navSubs3 a:hover {
	
	color : #45204A;
	color :#0b2553;
	text-decoration : underline
}


p.navPeople {
	color : #142156;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	background-color: #ffffff;

}
p.navPeopleon {
	color : #45204A;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 0px;
	text-decoration : none;
	font-weight: bold;
	background-color: #ffffff;

}

.navPeople a {
	color : #142156;
	display : block;
	padding-left : 0px;
	text-decoration : none;
	margin-left : 0px;
	padding-top : 1px;
	padding-bottom : 1px;
}

.navPeople a:hover {
	color : #45204A;
	text-decoration : underline
}





/*Style Applied to the Paragraphs for Static Down-State Main Section Links */
p.navViz {
	color : #294E82;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px
}

.navViz a {
	background: #0b2553;
	border : 1px solid #666666;
	color : #ffffff;
	display : block;
	padding-bottom : 2px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 2px;
	text-decoration : none;
}

/*Style Applied to the Paragraphs for Copyright-Small-Text */
p.copyrights {
	color : #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : normal;
	margin-bottom : 0px;
	margin-top : 8px;
	border-top-color: #000000;
	margin-right: 0px;
	margin-left: 0px;
}

.copyrights a {
	color :  #3C5478;
	
	
	color: #0f2348;
	color: #0b2553;
	color: #00609d; /*bright blue*/
}

.copyrights a:hover {
	color : #0c0c0c;
	color: #95916C;
	color: #00609d;
	color: #a02113;
}

/* not sure if we need this */
p.footer {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : normal;
	margin: 6px 0px 25px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	visibility: visible;
	bottom: 10px;
	position: relative;
	width: 100%;
}

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

/*Styles Applied to Form Elements 
form {
	border : 0px dotted #CCCCCC;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-right : 36px;
	margin-top : 0px;
	padding : 12px
}

input { background-color : #F4F4F4; border : 1px solid #999999 }

input:focus { background : #FFFFFF }

textarea { 
	background-color : #FAE4A5;
	border : 1px solid #999999; 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px 
}

.checks { background-color : #FFFFFF; border : 1px none }

.formBut { background-color : #CCCCCC }
*/
/*Styles Applied to Float Images left or right */
.imgfloatright { float : right }

.imgfloatleft { float : left;
padding-right : 8px;
display : block;
 }

.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: 13px;
}
.tools {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #45204A;
	text-decoration: none;
}
.tools a {
	color: #45204A;
	
}
.tools a:hover{
	color: #333333;
	text-decoration: underline;
	
}

.bar-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #142156; /* left nav blue */
	color: #003;
	color: #ffffff;
	color: #0b2553;
	/*color: #0f2348;  blue */
	font-weight: bold;
	
	text-decoration: none;
	background-image: url(../images/bar_gray.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	text-indent: 5px;
	padding: 2px 2px 1px;
	font-style: normal;
}

/*
.bar {
	background-image: url(images/bar.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-position: left bottom;
	text-align: left;
	text-indent: 5px;
	padding: 2px 2px 0px;
	font-style: normal;
	letter-spacing: .5px;
*/


/* don't need this */
.enlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C5478;
	text-decoration: underline;
	text-align: center;
	line-height: 12px;
	white-space: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	font-style: normal;
	line-height: 14px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
p.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	line-height: 14px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 6px;
}
.caption a:hover {
	color: #a02113;
}
p.caption a:hover {
	color: #a02113;
	
}

.caption_ss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	line-height: 24px;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
}
p.caption_ss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	line-height: 24px;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0px;
}
.caption_ss a:hover {
	color : #0c0c0c;
}
p.caption_ss a:hover {
	color : #0c0c0c;
	
}


/* don't need this */


.headline H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #142156;
	text-decoration: none;
	margin-top: -0.1em;
	line-height: 22px;

}
.headline H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
    font-weight: bold;
	font-variant: normal;
	color: #476388;
	margin-top: -1.0em;
	margin-bottom: 1em;
	line-height: 14px;
}


.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00609d;
	color: #336699;

	
	/*margin-top: -1.0em;
	margin-bottom: 1em;
	line-height: 14px;*/
}

.subhead a {
	color: #333333;
	text-decoration: underline;
	}

.subhead a:hover {
	color: #5b211b;
	color: #0c0c0c;
	text-decoration: underline;
	}
	
.noborder {
	margin: 2px 0px;
	padding: 4px 0px;
}

.border {
	border: 1px solid #d1dae3;
	border: 1px solid #dae1e7;
	/*border: 1px solid #0f2348;*/
	padding: 8px;
		margin: 2px;
}

.article-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #436797;
	font-weight: bold;
}

.article-head a {
	color: #5b211b;
	text-decoration: underline;
	}

.article-head a:hover {
	color: #5b211b;
	text-decoration: underline;
	}
	
.cell-noborder {
	border-top: none;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 10px;
}
.subhead-bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color : #142156;
	color : #013466; /*same as page-title */
	color : #0b2553;
	background-color: #d1dae3;
	background-color: #dae1e7;
	/*background-color: #eee;*/
	display: block;
	padding: 3px 0px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 14px;
	margin-right: 10px;
}

.imgfloatleft-index {
	float : left;
	margin-right : 12px;
	
	margin-top: 3px;
	border: 1px solid #666;
	padding: 1px;
	display : block;
}
	
.caption-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	line-height: 14px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}



.cell-border {
	background-image: url(images/cell-back.jpg);
	padding: 2px 6px 6px 10px;
	border: 1px solid #666666;
	border: 1px solid #013466;
	border: 1px solid #051048;
	background: #fff;
}

p.topictools {
	color : #142156;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 1px;
	margin-left : 0px;
	margin-top : 2px;
}
	
.topictools a {
	
	color : #142156;
	
	text-decoration : underline;
	/*
	background: transparent url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left : 14px;*/
	
}

.topictools a:hover {
	
	color : #5B211b;
	text-decoration : underline
}
	
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	/*color: #333333;*/
	color: #013466;
}

.bar-topics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/bar_topics.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	text-indent: 8px;
	padding: 2px 2px 1px;
	font-style: normal;
}

/* ---( tabnav )------------------------------- */


#tabnav {
	height: 30px;
	margin-top: -116px;
	margin-left: 0px;
	padding-left: 0px; /*changes left margin */
	position: absolute;
	top: 81px;
	left: 0px
	}

/* commented backslash hack v2 \*/
#tabnav {
	height: 30px;
	margin: 0px;
	padding-left: 0px;
	position: absolute;
	top: 81px;
	left: 0px;
		}
		
#isMacIE5 { display: none; }
/* end hack */

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

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

#tabnav a:link.active, #tabnav a:visited.active {
	
	
	background: #ebecee;
	background: #d1dae3;
	background: #fff;
	background: #4f585f; /*gray */
	background: #4a505c;
	
	background: #315a7b; /*blue*/
	

	
	background: #023016; /* green */
	background: #00609d;
	background: #074b24;
	background: #00609a;
	background: #011128;
	background: #003366;
	background: #d5e0e6;
	background: #ffffff;
	
	color: #913e02; /*orangish */
	color: #5b211b; /*reddish */
	color: #0f2348; /*blue */
	
	color: #000033; 
	color: #336699;
	color: #ffffff;
    color: #0f2348;	
	color: #336699;
	
	}


#tabnav a:hover {
	
	background:#e4e087;
	background:#ffffff;
	background: #dae1e7;

	background: #95916C;
	background: #82a2c1;
	background: #00609a;
	background: #92adc9;
	background: #d1dae3;
	color: #0f2348; /*blue */
	
	
	}


.subhead-bar-gray {
	color : #142156; 
	color: #0f2348; /*blue */
	background-color: #eeeeee;
	background: #dfdfdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 3px 0px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
	margin-top: 18px;
	margin-right: 10px;
}

.whoi_people {
border: 0px solid #bbbbbb;
background: #dae1e7;
color: #0f2348;
}
.whoi_people td.top{
	border-bottom: 1px solid #bbbbbb;
	}