@page
{
	size: landscape;
	margin: 2cm;
}


body {
	font-family: Garamond, "Times New Roman", Times, serif;text-align: justify;font-size: 9px;
}



p{
	text-align:justify;
}

.floatright {float: right;margin: 0 0 10px 10px;padding: 2px;
}
.title{line-height:1em;font-family: Verdana, Arial, Helvetica, sans-serif;text-align:center;font-size: 16px; background-color:#000000;color:#ffffff;font-weight:bold;}
.science{background-color:#ffff66;}
.operations{background-color:#ff3366;}
.curation{background-color:#ccffff;}

  
/*where content of page goes*/
#main { position: absolute; top: 50px; left: 50px; z-index:2;
  	width: 75%; height: 66%; 
	background-color: #FFFFFF;
  	color: #000000;
  	border:none;
  	text-align:center;
}
#content ul{font-size:16px;text-align:justify;position : absolute;left : 10px;line-height:1em;
} 
#content li{font-size:16px;text-align:justify;}
 
#container {
	position:absolute;
	overflow:auto;
	background:#cccccc; color: #000000;
	top:0;
	left:0;
	width:100%;
	bottom:80px;/* same height as footer */
}
* html #container {	height:100%;position:static}/* for ie only*/

#content a{text-decoration:none;color:#000000;}

ul{margin:10px 10px 10px 10px;}
 
li{
list-style: url(../images/stories/bullet.gif) square;
text-align: left;
margin-bottom: 3px;
}
 
ol {
font-size : 10px;
width:550px;
text-align:left;
}
div.hide{display:none;}
#nav{display:none;}
#footer{display:none;}
#buttons{display:none;}
#menu{display:none;}
#time{display:none;}
#header{display:none;}
#sidebar{display:none;}

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