/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin: 0px;
padding: 0px;
background: #EBEAD1 url(images/img01.jpg) repeat-x;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
cursor:default;
}

img {
border:1px solid #333333;
}

small {
font-size:10px;
line-height: 1.67em;
}

p, ol, ul, pre {
line-height: 1.67em;
text-align:left;
}

pre {
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
text-align:left;
}

a {
color: #458194;
text-decoration:none;
}

a:hover {
color:#333333;
text-decoration:underline;
cursor:default;
}
a:visited {
color:#366574;
}

hr {
	display: none;
}

h2 {
font-size:13px;
margin:15px 0 0 75px;
letter-spacing:3px;
text-align:left;
}

/* Header */

#header {
	width: 940px;
	height: 270px;
	margin: 0px auto;
background: url(images/tausta.png) no-repeat 0px 12px;
}

/* Logo */

#logo {
	float: left;
	padding: 40px 0 0 0;
}

#logo a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 176px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 5px 20px;
	background: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 2px solid #EBEAD1;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	color: #182C33;
}

#menu a:hover, .active a {
}

/* Page */

#wrapper {
	background: #EBEAD1 url(images/img02.jpg) repeat-x left bottom;
}

#page {
	width: 940px;
	margin: 0px auto;
	padding: 0;
}

/* Content */

#content {
	float: left;
	width: 650px;
	margin-bottom: 50px;
text-align:center;
}

.kuva4 {
margin:0 25px 0 25px;
}

.kuva1 {
margin-right:31px;
}

#content p {
text-align:justify;
}

.virtuaali {
margin:-25px 0 0 245px;
font-size:9px;
white-space:pre;
}

.suku {
margin-top: 21px;
margin-bottom: 14px;
border: 1px solid #514F42;
border-collapse: collapse;
width: 100%;
text-align: center;
}
.so {
padding: 10px;
text-align: left;
border: 1px solid #514F42;
}
.st {
padding: 10px;
text-align: left;
border: 1px solid #514F42;
background-color:#E1DFBB;
}
.suku span {
font-size:10px;
}

/* Sidebar */

#sidebar {
float: right;
width: 240px;
margin-bottom: 20px;
text-align:center;
}

#sidebar img {
border:4px double #333333;
margin-bottom:15px;
}

#sidebar p {
white-space:pre;
font-size:11px;
text-align:center;
}

#sidebar h1 {
font-size:12px;
letter-spacing:3px;
font-weight:bold;
padding: 0 0 5px 0;
border-bottom: 1px dashed #666633;
text-align:center;
}

/* Suku */

#suku {
width: 940px;
margin: 0px auto;
padding: 0;
}

#suku .orimus {
background-color:#E1DFBB;
}

#suku table {
margin-bottom: 15px;
border-spacing:5px;
width: 100%;
}
#suku .ori {
padding:0 0 0 5px;
background-color:#E1DFBB;
}
#suku .tamma {
padding:0 0 0 5px;
}

#suku span {
font-size:10px;
}

#suku p {
font-size:11px;
text-align:center;
margin-top:-25px;
}

/* Footer */

#footer {
	width: 940px;
	margin: 0 auto;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #525252;
	background: black;
}

#legal a {
	text-decoration: none;
	color: #525252;
}