* {margin:0; padding:0; border:1px; font-family: Verdana, Arial, Helvetica, sans-serif;color:#0f4a8f; 
background-color:#ffffff; }
/*html,body {margin:0;padding:0;}*/
body {
		font-family:arial,helvetica,sans-serif;
		font-size:12px;background-color:#bbb;color:#0f4a8f;
	}


#wrapper {
		width:1000px;
		margin-left:10%; /*auto;*/
		border:1px solid #bbb;
		padding:10px;
		height:auto;
	}

#ios,#partners,#newsroom,#expeditions,#people{
	font-size:90%; 
	position:absolute; top:200px; left:750px;border: 1px solid #bbb;
	width:150px;
}
#data{
	font-size:90%; 
	position:absolute; top:300px; left:750px;border: 1px solid #bbb;
	width:150px;
}


	#header {
		border:1px solid #bbb;
		height:100px;
		padding:10px;
	}
	#content {
		margin-top:10px;
		padding-bottom:10px;
	}
	#content div {
		padding:10px;
		border:1px solid #bbb;
		float:left;
	}
	#content-menu {
		width:150px;
	}
	#content-main {
		margin-left:10px;
		width:750px;
	}
	
	#footer {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		border:1px solid #bbb;
		width:900px;
	}
	#bottom {
		
		clear:both;
		text-align:right;
	}


hr {
    /* color: #0f4a8f;
     background-color: #ffffff;*/
     height: 2px;
     border: none;
     line-height: 2px;
     		padding:5px;

}



h3{
	margin-left:25px;
	margin-bottom:5px;
	margin-right:25px;
	margin-top:20px;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	padding:20px 1% 5px 1%;

	}
	
	.h3{
	/*margin:1%;*/
margin-left:25px;
	margin-bottom:5px;
	margin-right:25px;
	margin-top:20px;
	font-size: 14px;
	font-weight: bold;
	/*color: #0f4a8f;
		background-color: #ffffff;*/

	text-align:left;
	padding:20px 1% 5px 1%;

	}
h2{
margin-left:25px;
	margin-bottom:5px;
	margin-right:25px;
	margin-top:20px;
	/*margin:1%;*/
	font-size: 16px;
	font-weight: bold;
	/*color: #0f4a8f;*/
	text-align:left;
	padding:20px 1% 5px 1%;

}

.h2{
margin-left:25px;
	margin-bottom:5px;
	margin-right:25px;
	margin-top:20px;
	/*margin:1%;*/
	font-size: 16px;
	font-weight: bold;
	/*color: #0f4a8f;*/
	text-align:left;
	padding:20px 1% 5px 1%;

}

h1{
	border-bottom: 2px solid #0f4a8f;
	font-size: 18px;
	font-weight: bold;
	/*color: #0f4a8f;*/
	text-align:center; 
	padding:20px 1% 5px 1%;
		}

p{
	margin-left:25px;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px; 
	/*margin:2% 1% 1% 5%;*/
	text-align:justify;
	width:90%;
	padding:0 1% 0 1%;}
.p_small{width:30%;}

.p_bold{
	
	/*background-color:#0f4a8f;*/
	padding:5px;
	/*border:thick dotted red;
	border-color:black;*/
	font-weight:bold;
	font-size:1.2em;
	}

td{	
	border-style:double;
	border-color:#0f4a8f;
	
}

#tably {	margin-left:0;
	margin-right:0; 	
	padding-left: 0; 
	font-size:12px;
	left:20%;
	width:100%;
	border:none;
	border-color:#ffffff;
	
}
td{line-height:1em;font-size: 12px; /*background-color:#ffffff;color:#0f4a8f;*/}
th{line-height:1em;font-size: 12px;font-weight:bold;}
tr{line-height:1em;font-size: 12px;/*background-color:#ffffff;color:#0f4a8f;*/}

.floatright {float: right; padding-left: 10px; margin-left:10px;
}

.title{line-height:1em;text-align:center;font-size: 12px; background-color:#0f4a8f;color:#ffffff;font-weight:bold;}
.science, .science a, .science b{background-color:#99b3fd;color:#0f4a8f;}
.operations, .operations a, .operations b{background-color:#8080fc;color:#0f4a8f;}
.curation, .curation a, .curation b{background-color:#7fe6fe;color:#0f4a8f;}
.epc, .epc a, .epc b{background-color:#8181c1;color:#0f4a8f;}
/* #right is the right-hand menu

#content-right ul
{
list-style-type: none !important;
padding: 1%;
margin: 1%;
background-color:#b2def7;

}
#content-menu li{background:  url(../images/button/background.gif) #fff bottom left repeat-x;
list-style-type: none !important;
line-height:2%;
height: 2em;
line-height: 2em;
float: left;
width: 15em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: left; 
	}
#content-menu li a:hover
{
background:  url(../images/button/background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width:15em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
//text-decoration: underline;//
text-align: left;
}*/

a:link { text-decoration: underline; font-weight:bold; }
a:visited { text-decoration: underline; color: #2F4F4F;  }
a:active { text-decoration: underline;    }
a:hover { text-decoration: underline; color: #ffffff;background-color: #0f4a8f; }
 
 /* ------------------------------
 #buttons is the container for top menu 
 --------------------------------- */
 #buttons{ position:absolute; top:14%; left:0;width:95%;padding:1% ; 
 
}
/*#time{position:absolute;top:20%; left:10%;z-index:3;padding:1%;
color:#0f4a8f;text-decoration:bold;}
#time td{background-color:#b2def7;}*/
/* ------------------------------
 #nav_menu is the top menu of buttons
 --------------------------------- */



/* ------------------------------
 #menu is the top menu of buttons 
 little menu with acronyms and contacts - dark blue background/white text/ text centred
--------------------------------- */

#menu { position: absolute; top:80px; left: 400px;
  width: 250px; height: 15px;
  background-color: #0f4a8f; color: #ffffff;
  text-align:center; z-index:3;}
  
#menu a{color:#ffffff;background-color:#0f4a8f;}
#menu a:hover{background-color: #ffffff; color: #0f4a8f;} 
 

/*#content ul{font-size:12px;text-align:justify;position : absolute;left : 20%;line-height:1em; width:75%;
} 
#content li{font-size:12px;text-align:justify;}*/
 
#footer a{
font-size: 10px;
}
	
#footer a:hover{
font-size: 10px;
color: #ffffff;
background-color: #0f4a8f; 
}

#footer table{
font-size: 8px;text-align:center;border:0;width:100%;}








/* right-hand submenus
#expeditions{
	position: absolute; top: 130px; right: 10%;left:600px;z-index:3;	
	width:200px;height:200px;
	font-size:90%; 
}	*/
	


/* top submenus */

.myLayersClass { position: absolute; visibility: hidden; }




#ios a, #partners a, #expeditions a, #newsroom a, #data a, #people a{
font-size: 90%; /*color: #0f4a8f; background-color: #ffffff; */ }
	
	
#expeditions a:hover, #newsroom a:hover, #ios a:hover, #partners a:hover, #data a:hover, #people a:hover{
font-size: 90%;/*color: #ffffff;background-color: #0f4a8f;*/ list-style-type: none;
	}
	
#expeditions ul, #newsroom ul, #ios ul, #partners ul, #data ul, #people ul{
list-style-type: none !important;padding:0;
margin-left:0; /*background-color:#ffffff;*/
}
#expeditions li, #newsroom li, #ios li, #partners li, #data li, #people li{
/*border-bottom: 1px solid #0f4a8;*/margin:1em;/*this puts a space between list items*/}

 
 li{
list-style:  url(../images/stories/bullet.gif) square;
text-align: left;
margin-bottom: 1%;
}

 
#content ol {
/*font-size : 12px;*/
width:70%;
text-align:left;
}

.orderedlist {
/*font-size : 12px;*/
list-style:  url(../images/stories/bullet.gif) square;
text-align: left;
margin-bottom: 1%;
width:80%;
text-align:left;
}

.thumbnail
{
	float: left;
	width:160px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.clearboth{clear:both;}