/* CSS Document */

html, body, div.page 
{
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif, "Century Gothic";
	background-color:#282828;
	margin:0px;
	padding:0px;
}
div.content
{
	display:inline-block;
	margin:20px;
	background-color:white;
	border: 1px black solid;
	width:auto;
	max-width:760px;
	min-width:700px;
	height:auto;
	min-height:500px;
}
div.map 
{
	display:inline-block;
	width:539px;
	height:483px;
	position:relative;
}
span.cloud 
{
	position:absolute;
	left:115px;
	top:120px;
	z-index:1;
	background-image:url('img/main_cloud.png');
	width:299px;
	height:253px;
}
a 
{
	background-repeat:no-repeat; /* don't repeat by default */
	color:#333333;
}
a:visited 
{
	color:#333333;
}
a:link
{
	color:#333333;
}
a:hover
{
	color:#0099FF;
}
a span.hover
{
	display:none;
	position:absolute;
	background-color:#FFFFFF;
	border:2px solid black;
	padding:5px;
}
a:hover span.hover
{
	display:block;
	color:black;
}
a.document 
{
	z-index:2;
	position:absolute;
	left:88px;
	top:60px;
	background-image:url('img/main_document_bw.png');
	width:76px;
	height:143px;
}
a.document:hover 
{
	text-decoration:none;
	background-image:url('img/main_document.png');
}
a.document:hover span.hover
{
	left:20px;
	top:50px;
}
a.slideshow 
{
	z-index:3;
	position:absolute;
	left:215px;
	top:20px;
	background-image:url('img/main_slideshow_bw.png');
	width:185px;
	height:153px;
}
a.slideshow:hover 
{
	text-decoration:none;
	background-image:url('img/main_slideshow.png');
}
a.slideshow:hover span.hover
{
	left:120px;
	top:60px;
}
a.balance 
{
	z-index:4;
	position:absolute;
	left:313px;
	top:125px;
	background-image:url('img/main_balance_bw.png');
	width:223px;
	height:104px;
}
a.balance:hover 
{
	text-decoration:none;
	background-image:url('img/main_balance.png');
}
a.balance:hover span.hover
{
	left:-20px;
	top:70px;
}
a.ecological 
{
	z-index:5;
	position:absolute;
	left:375px;
	top:232px;
	background-image:url('img/main_ecological_bw.png');
	width:106px;
	height:166px;
}
a.ecological:hover 
{
	text-decoration:none;
	background-image:url('img/main_ecological.png');
}
a.ecological:hover span.hover
{
	left:-20px;
	top:160px;
}
a.copyright {
	z-index:6;
	position:absolute;
	left:248px;
	top:315px;
	background-image:url('img/main_copyright_bw.png');
	width:93px;	
	height:161px;
}
a.copyright:hover 
{
	text-decoration:none;
	background-image:url('img/main_copyright.png');
}
a.copyright:hover span.hover
{
	left:-50px;
	top:145px;
	width:200px;
}
a.social 
{
	z-index:7;
	position:absolute;
	left:90px;
	top:335px;
	background-image:url('img/main_social_bw.png');
	width:150px;
	height:127px;
}
a.social:hover 
{
	text-decoration:none;
	background-image:url('img/main_social.png');
}
a.social:hover span.hover
{
	left:0px;
	top:110px;
}
a.components
{
	z-index:8;
	position:absolute;
	left:1px;
	top:230px;
	background-image:url('img/main_components_bw.png');
	width:156px;
	height:90px;
}
a.components:hover
{
	text-decoration:none;
	background-image:url('img/main_components.png');
}
a.components:hover span.hover
{
	left:60px;
	top:40px;
}
img.headerimage {
	float:left;
	padding-right:30px;
	padding-bottom:20px;
}
div.body
{
	text-align:left;
	padding:20px;
}
div.block h1
{
	font-size: 18pt;
	font-weight:bold;
	color:black;
	padding:0px;
	margin:0px;
}
div.block
{
	display:inline-block;
	width:700px;
	border: 1px solid black;
	vertical-align:top;
	background-color: #E2E2E2;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	margin:10px;
	font-size: 10pt;
	text-align:left;
}

div.toolbar
{
	float:right;
	width:250px;
	text-align:right;
	padding-bottom:0px;
	margin:0px;
}
div.toolbar a,
div.toolbar a img
{
	text-decoration:none;
	border-style:none;
}
div.toolbar p.toolbox
{
	display:none; /* override with javascript */
	float:right;
	text-align:center;
	border: 1px solid black;
	background-color:white;
	width: 245px;
	padding:5px;
}
div.citations p
{
	margin:0px;
	padding: 7px;
	text-indent : -30px;
	padding-left: 30px;
	font-size:11pt;
}