* {
	padding: 0;
	margin: 0;
}
body {
	background-color:#7d8697;
	margin:0; 
	padding:0;
	font-family:verdana, arial, sans-serif;
	font-size:80%;
	color:#7d8697;
	text-align:center;
}

div#pohja {
	position: absolute;
	top: 0em;
	width: 71%;
	height: 49.0em;
	margin-top: 2%;
	margin-left: 16%;
	margin-right: 16%;
	background: #3e4757;
	left: 0em;
	padding:0;
}

#otsikko {
	position: absolute;
	display: inline;
	float: right;
	width: 100%;
	height: 9em;
	padding:0;
	margin:0;
	text-align:right;
	background-image:url(graph/top_b.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#7d8697;
	left: 0em;
	top: 0em;
}

#valikko {
	position: absolute;
	display:block;
	width: 100%;
	left: 0em;
	top: 9em;
	margin: 0;
	height: 3em;
	padding:0;
}

#vasenvalikko {
	position: absolute;
	display: block;
	width: 20%; /* WIDTH = 100% - (MARGIN-RIGHT + MARGIN-LEFT) */
	height: 33em; /* HEIGHT = CONTAINER HEIGHT - (MARGIN-TOP + MARGIN-BOTTOM + BORDER-TOP + BORDER-BOTTOM) */
	margin: 0.5em 0 0.5em 0;
	padding: 0% 0% 0% 0%;
	overflow: hidden;
	left: 0px;
	top: 151px;
	text-align:left;
}
.valikkolaatikko {
	margin:0.5em;
	padding:0.3em;
	border:1px solid #7d8697;
	text-align:left;
}

#content {
	position: absolute;
	display: block;
	width: 92%; /* WIDTH = 100% - (MARGIN-RIGHT + MARGIN-LEFT) */
	height: 33em; /* HEIGHT = CONTAINER HEIGHT - (MARGIN-TOP + MARGIN-BOTTOM + BORDER-TOP + BORDER-BOTTOM) */
	margin: 0.5em 0 0.5em 0;
	padding: 0% 3% 0% 5%;
	overflow: auto;
	left: 0px;
	top: 12em;
	text-align:justify;
}

#content2 {
	position: absolute;
	display: block;
	width: 78%; /* WIDTH = 100% - (MARGIN-RIGHT + MARGIN-LEFT) */
	height: 33em; /* HEIGHT = CONTAINER HEIGHT - (MARGIN-TOP + MARGIN-BOTTOM + BORDER-TOP + BORDER-BOTTOM) */
	margin: 0.5em 0 0.5em 22%;
	padding: 0% 0em 0% 0em;
	overflow: auto;
	left: 0px;
	top: 12em;
	text-align:justify;
}

#footer {
	position: absolute;
	display:block;
	width:92%;
	height:3.0em;
	left:0em;
	top: 46em;
	color:#7d8697;
	margin:0;
	padding: 0% 3% 0% 5%;
	border-top:1px solid #7d8697;
	text-align:left;
	clear:both;
}
#taustakuva {
	position: absolute;
	display: block;
	width: 30%; /* WIDTH = 100% - (MARGIN-RIGHT + MARGIN-LEFT) */
	height: 277px; /* HEIGHT = CONTAINER HEIGHT - (MARGIN-TOP + MARGIN-BOTTOM + BORDER-TOP + BORDER-BOTTOM) */
	margin: 0;
	padding: 0% 0% 0% 0%;
	overflow: hidden;
	right: 0;
	bottom: 3.0em;
	text-align:right;
	vertical-align:bottom;
}
#taustakuvaa {
	position: absolute;
	display: block;
	width: 30%; /* WIDTH = 100% - (MARGIN-RIGHT + MARGIN-LEFT) */
	height: 345px; /* HEIGHT = CONTAINER HEIGHT - (MARGIN-TOP + MARGIN-BOTTOM + BORDER-TOP + BORDER-BOTTOM) */
	margin: 0;
	padding: 0% 0% 0% 0%;
	overflow: hidden;
	right: 0;
	bottom: 3.0em;
	text-align:right;
	vertical-align:bottom;
}
ul.valikko {
	list-style-type:none;
	float:left;
	display:block;
	width:100%;
	line-height:3em; 
	clear:both;
	margin:0;
	padding:0;
	background-color:#333333;
}

ul.valikko li {
	display:inline;
}

img.border {
	border-width:3px;
	border-color: #7d8697;
	border-style:groove;
}