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

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

/* comment out this one as there is another body in ocs.css
body {
	background-color : #FFFFFF;
	/*this puts in shaded background on left edge - maybe not needed here
	background-image: url(images/nav-back-blue.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* trying to lock footer nav bar to bottom   
	height: 100%;
	
}
*/

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

#banner_background-nonav {
	background-image : url(images/ocs_banner_extended.png);
	background-repeat : repeat-x;
	background-position: left top;
	width: 100%;
	height: 106px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px
}

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



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

.maindiv {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 140%;
	/* these set the margin set backs on the left and right side of the main body of text" 
	with the right side being the outside of the right column of images*/
	padding-left : 12px;
	padding-right : 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #143C6D;

	/*min-width: 800px; KJ added to keep content from collapsing*/
	
	}

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

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

}

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

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

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

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

/* these items determine the color and format for links in the main body of text   */
.maindiv a:link { 
	color: #00C;      /* was #006699; 00C is medium blue*/
	text-decoration:none
	}

.maindiv a:visited { 
	/* I dont think there needs to be 2 color tags in this css item      color: #33516C906;  */
	color: #00C;
}

.maindiv a:hover { 
	color : #B00; /*hover color is darker orange, to mimic the peach, but needs to be darker */
	 }
/* this is used on many pages but is no longer used for the picture captions, exp on the right column) see notebox-caption in ocs.css	 */
.caption {
	color: #010043;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	whitespace: pre;
	font-style: normal;
	line-height: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	}


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


.subhead { 
	color: #006699;
	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;
}

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

ol { color : #333333 }

ul { color : #333333 }


/* NAVIGATION */


/*Style for Left-hand Nav Section Heads 
-------------------------------------------------------------------- */
	
p.navButtsHead {
	color : #006;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #5EA5C5;
	font-size : 13px;
	font-weight : bold;
	margin-bottom : 4px;
	margin-top : 4px;
	}

.navButtsHead a {
	color : #006;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size : 13px;
	font-weight : bold;
	display : block;
	padding-bottom : 3px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 3px;
	text-decoration : none;
	text-align: left;
	border: 1px solid #000235;
}

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

.navButts {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-bottom : 3px;
	margin-top : 6px;
	line-height: 15px;
	color: #000;
}
/* peach for button backgrounds is f2dfc1 using color or selected button (516C90) for border */

.navButts a {
	color : #000;
	background-color: #F2DFc1;
	border : 1px solid #516C90;
	display : block;
	padding : 4px 8px;
	text-decoration : none;
}

/* tried using color of selected button 516C90 for text color when hovering  but it looked too light so back to prior 010034*/
.navButts a:hover {
	color : #010034;
	background-color : #FFFFFF;
	border : 1px solid #516C90;
	text-decoration : none
}

.navViz {
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 4px;
	margin-left : 0px;
	margin-top : 6px
}
/*navViz are the navigation buttons in the left column,  the a modifier is the selected background color now 516C90 - gray with a touch of blue
669 dark gray blue, red is F00
border was 010434
*/

.navViz a {
	color : #FFF;
	background-color : #516C90;
	border : 1px solid #516C90;
	padding-bottom : 3px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 4px;
	display : block;
	text-decoration : none;
}
.navSubs   {
	color: #010034;
	display: list-item;
	list-style-type: disc;
	margin-left: 25px;
}

.navSubs a {
	color : #010034;
	background-repeat: no-repeat;
	text-decoration : none;
}

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

.navSubson {
	color : #010034;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-bottom : 2px;
	margin-left : 25px;
	margin-top : 0px;
	font-weight: bold;
	background-repeat: no-repeat;
	/*background: transparent url(images/navsub.jpg) no-repeat left center;*/
	display: list-item;	/*line-height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;*/
}

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


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