@charset "utf-8";

body {
	background-color: #99c9ff;
	background-image: url(images/backround.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
	img { border: 0; }
	
	h1 { font-family: "Times New Roman", Times, serif; font-size: 30px; color: #003e93; margin: 20px 0 15px 0; }
	
	h2 { font-family: "Times New Roman", Times, serif;  font-size: 20px; font-weight: bold; color: #003e93; margin: 10px 0 5px 0; }
	
	p { color: #003e93; line-height: 2em; }
	
	p.justify { text-align: justify; }
	
	p.clear { clear: both; margin: 0; padding: 0;}
	
	a { color: #003e93; text-decoration: underline; }
	
	a:hover { color: #333333; text-decoration: none; }
	
	ul.kappale { line-height: 2em; color: #003e93; }

#container {
	margin: 0 auto;
	width: 827px;
}

#top01 {
	float: left;
	width: 536px;
	height: 101px;
	background-image: url(images/top01.png);
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding: 100px 0 0 0;
}

	.linkkirivi {
		white-space: nowrap;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.linkkirivi li { display:inline; padding: 0 0 0 10px; }
	
	#top01 a { color: white; text-decoration: none; }
	
	#top01 a:hover { color: #003e93; text-decoration: none; }

#top02 {
	float: left;
	width: 291px;
	height: 181px;
	background-image: url(images/top02.png);
	padding: 20px 0 0 0;
}

#main_container {
	background-image: url(images/main_back.png);
	background-repeat: repeat;
	width: 707px;
	clear: both;
	text-align: left;
	padding: 20px 60px 30px 60px;
}

	#linkit {
		margin: 10px 0 0 0;
		padding: 5px 20px 10px 20px; 
		background-color: #c4e0ff;
		float: left;
		display: inline;
	}
	
		#linkit ul { list-style-type: none; margin: 0; padding: 0; }
	
			#linkit ul li { display: inline; }

#footer {
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	width: 827px;
	height: 10px;
	padding: 35px 0 10px 0;
	text-align: center;
	clear: both;
	color: #003e93;
}