/*Styles for the #maindiv 
-------------------------------------------------------------------- */
#mainDiv {
	
	width:773px;
	width:783px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 140%;
	padding-left : 0px;
	padding-right: 0px;
	padding-top:0px;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	
	}
	
#mainDivIndex {
	float:right;
	width:950px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 140%;
	padding-left : 0px;
	padding-right: 0px;
	padding-top:12px;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
	}

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

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


/*#mainDiv H1 {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 17px;
font-size: 23px;
font-style: normal;
font-weight: bold;
color: #052155;
color:990000;
margin-top: -0.1em;
text-decoration: none;
line-height: 28px;
margin: 0px;
padding: 0px;
}*/

#mainDiv H2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 23px;
font-style: normal;
font-weight: bold;
color: #006699;
margin-top: 0em;
margin-bottom: 0.4em;
margin: 0px;
padding: 0px;
line-height: 11px;
}

#mainDiv H3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
margin-top: 0.4em;
margin-bottom: 1em;
line-height: 13px;
margin:5px 0px;
padding: 0px;
}

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

#mainDiv .subhead_index {
	color: #006699;
	color: #052155;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom : 0px;
	margin-top: 0px;
	padding-top: 0px;
	}

#mainDiv .subhead_black {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}	

#mainDiv h5 {
	color : #010043;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 4px 0px 3px 8px;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 16px;
	background-image: url(images/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 h8 {
	color : #010043;
	color:#996600;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	display: block;
	padding:0px;
	margin:0px;
	margin-top: 18px;
	margin-bottom:10px;
	border-bottom: 1px dotted #010043;
	border-bottom: 1px dotted #996600;
}

#mainDiv a:link { 
	color: #006699;
	}

#mainDiv a:visited { 
	color: #006699;
	 }

#mainDiv a:hover { 
	color : #010043; 
	 }

/* Styles Right Assets
-------------------------------------------------------------------- */
#rightAssets {
	display: block;
	width: 246px;
	float: right;
	margin: 0px;
	margin-left:20px;
	padding: 0px 0px 0px 0px;
	color: #555555; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	
}

#imageRightBox{
	text-align: left;	
	margin-top:15px;
	width:224px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #555555;	
	line-height: 150%;
	margin-right:30px;
	margin-right:0px;
}

/* Styles Right Topic boxes
-------------------------------------------------------------------- */

#topicsRightBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	line-height:140%;
	text-align: left;
	font-style: normal;
	margin:0px;
	padding:0px;
	margin-top:20px;
	width:264px;
}

#topicsRightBox .top{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-image: url(images/topic_bar_right280.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom:0px;
	padding: 0px;
	height: 28px;	
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
}

#topicsRightBox .middle{
	background-image: url(images/topic_middle_right280.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	
}

#topicsRightBox .bottom{
	background-image: url(images/topic_bottom_right280.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
}


/* Styles for search box 
-------------------------------------------------------------------- */
#topicsRightSearch{
	text-align: left;
	font-style: normal;
	margin-top:15px;
	width:234px;
	width:264px;
}

#topicsRightSearch .top{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-image: url(images/topic_bar_right280.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 29px;	
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
}

#topicsRightSearch .middle{
	background-image: url(images/topic_middle_right_search280.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	
}

#topicsRightSearch .bottom{
	background-image: url(images/topic_bottom_right_search280.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
}


#topicsRightSearch .story_bottom_right
 {
border-bottom: 0px dotted #333333;

padding: 12px 5px 0px 5px;
margin: 0px 7px;
}



#topicsSearch {
	width: 208px;
	width: 250px;
	visibility: visible;
	margin: 0px;
	padding: 8px 14px 1px 8px;

}



/* Styles for Topics Main box 
-------------------------------------------------------------------- */

#left {
	float: left;
	
	padding: 0px;
	margin: 0px;
	display: block;	
	/*position: inherit;*/
	background-color:#ffffff;
	color: #333333; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 150%;
	}

#left h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #052155;
color: #996600;
color: #000000;
padding:0px;
margin:0px;
margin-bottom:6px;
/*margin-top: -0.1em;*/
text-decoration: none;
line-height: 19px;
}

#left h3 {
	color : #010043;
	color:#996600;	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height:140%;
	display: block;
	padding:0px;
	margin:0px;
	margin-top: 10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #010043;
	border-bottom: 1px dotted #996600;
	
}


#left 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;
	background-image: url(http://www.whoi.edu/cms/images/whoi/h5.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 21px;
	border-top: 1px dotted #7DA8BC;
	border-right: 1px dotted #7DA8BC;
	border-left: 1px dotted #7DA8BC;
}

#left .story_more {
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	color: #996600;
	padding: 0px 10px 2px 0px;

}


#left a.story_more:link, a.story_more:visited {
color: #996600;
text-decoration: none;
}

#left a.story_more:hover, a.story_more:active {
color: #336699;
}

#left .tsHeader {
	background-color:#eee2cc;
	background-color:#ddeef5;
	background-color:#000000;
	background-color: #f2fada;
	padding: 0px 15px 10px 15px;
	width:468px;
	font-family: georgia, Helvetica, sans-serif;
	font-size: 14px;
	line-height:155%;
	font-weight: bold;
	color:#000000;
	z-index:3;
	border-bottom: 1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	margin:0px;
	margin-bottom: 16px;
	margin-top:-6px;
	
}

/*.copy {
	font-family: georgia, Helvetica, sans-serif;
	font-size: 14px;
	line-height:155%;
	font-weight: bold;
	font-color:rgb(255,255,255);
	z-index:3px;
}*/

#left .tsVideo {
	float:left; 
	margin-right:5px;
	margin-left:0px;
	margin-bottom:0px;
}


#topicsMainBox{
	text-align: left;
	font-style: normal;
	margin-top:17px;
	width:470px;
}



#topicsMainBox .top{
	background-image: url(images/topic_bar_main.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
	
}

#topicsMainBox .middle{
	background-image: url(images/topic_middle_main.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	
}

#topicsMainBox .bottom{
	background-image: url(images/topic_bottom_main.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 14px;
}



.story
 {
border-bottom: 1px dotted #333333;
padding: 10px 5px 20px 10px;
margin: 0px 7px;
}

.story_bottom
 {
border-bottom: 0px dotted #333333;
padding: 10px 5px 10px 10px;
margin: 0px 7px;
}

.story_icons {
padding: 0px 5px 0px 5px;
margin: 0px 7px;
}

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

.story_bottom_right
 {
border-bottom: 0px dotted #333333;
padding: 8px 0px 10px 0px;
margin: 0px 8px;
}


/* In the news list 
-------------------------------------------------------------------- */
ul.news {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left:10x;
	padding-right:5px;
}
.news li{
	background-image: url(images/bullet_news.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding: 0px 0px 0px 30px;
	
}

/* Facts list 
-------------------------------------------------------------------- */
ul.facts {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left:10x;
	padding-right:0px;
	
}

.facts li{
	background-image: url(images/check16.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 0px 0px 2px 25px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;	
}

.img_multimedia {
margin: 0px 0px 3px 0px;
border: 1px solid #999999;
float:none;
}



/* More for right boxes
-------------------------------------------------------------------- */
#topicsRightBox .more {
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	color: #996600;
	padding: 0px 10px 2px 0px;
}

#topicsRightBox a.more:link, #topicsRightBox a.more:visited {
color: #996600;
text-decoration: none;
}

#topicsRightBox a.more:hover, #topicsRightBox a.more:active {
color: #336699;
}

/* More for main boxes
-------------------------------------------------------------------- */
#topicsMainBox .more {
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	color: #996600;
	padding: 0px 10px 2px 0px;
}

#topicsMainBox a.more:link, #topicsMainBox a.more:visited {
color: #996600;
text-decoration: none;
}

#topicsMainBox a.more:hover, #topicsMainBox a.more:active {
color: #336699;
}

#left .story_more {
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	color: #996600;
	padding: 0px 10px 2px 0px;

}



#left a.story_more:link, a.story_more:visited {
color: #996600;
text-decoration: none;
}

#left a.story_more:hover, a.story_more:active {
color: #336699;
}

.overview
{
border-bottom: 0px dotted #333333;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:500px;
}

.overview p {
margin-bottom:20px;
}




/* Styles Right Topic boxes
-------------------------------------------------------------------- */
#topicsRightBoxSM{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	line-height:140%;
	text-align: left;
	font-style: normal;
	margin:0px;
	padding:0px;
	margin-top:4px;
	margin-bottom:15px;
	width:284px;
	width:284px;
}


#topicsRightBoxSM .imgfloatleft { 
	float : left;
	margin-top: 0px;
	margin-right: 8px;
	margin-left:4px;
}

#topicsRightBoxSM .imgfloatleftIcons { 
	margin-top: 0px;
	margin-right: 4px;
	margin-left:4px;
}

#topicsRightBoxSM h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	
color: #996600;
	color: #052155;
	line-height:140%;
	text-align: left;
	font-style: normal;
	margin:0px;
	padding:0px;
	margin-top:15px;
	width:284px;
}

#topicsRightBoxSM .top{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-image: url(images/topic_bar_right300.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom:0px;
	padding: 0px;
	height: 29px;	
	text-align: left;
	text-indent: 5px;
	padding-left: 1px;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
}

#topicsRightBoxSM .middle{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/topic_middle_right300white.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 5px 0px 20px 0px;
	
}

#topicsRightBoxSM .bottom{
	background-image: url(images/topic_bottom_right300white.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
}


#topicsRightBoxSM .story_right {

border-bottom: 1px dotted #333333;
padding: 8px 0px 10px 0px;
margin: 0px 8px;
}

#topicsRightBoxSM .story_bottom_right
 {
border-bottom: 0px dotted #333333;
padding: 8px 0px 0px 0px;
margin: 0px 8px;
}