/* CSS Document */

body
{
font-size: 14px;
font-family: "georgia", "times new roman", serif;
color: #313133;
}

a
{
color: #B96D00;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

h1
{
font-size: 18px;
padding-right: 3em;
font-family: "georgia", "times new roman", serif;
color: #313133;
}

h2
{
font-size: 14px;
padding-right: 3em;
font-family: "georgia", "times new roman", serif;
color: #313133;
}

img
{
border:none
}

#koko
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 950px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#yla
{
width: 950px;
height: 218px;
background: #fff url('images/hdrpic.jpg') no-repeat top left;
padding: 0em 1.0em 0em 3.0em;
margin-bottom: 0px;
border: none;
border-color: #FFFFFF;
}

#linkit
{
float: left;
width: 950px;
height: 100px;
background: #fff url('images/backi.jpg') repeat-y;
padding: 0em 1.0em 0em 3.0em;
margin-bottom: 0px;
border: none;
border-color: #FFFFFF;
}

#keski
{
float: left;
width: 950px;
height: 100%;
background: #fff url('images/backi.jpg') repeat-y;
padding: 0em 1.0em 0em 3.0em;
margin-bottom: 0px;
border: none;
border-color: #FFFFFF;
}

#keski2
{
float: left;
width: 650px;
height: auto;
padding: 0em 1.0em 0em 1.0em;
text-align: justify;
}

#keski3
{
float: right;
width: 150px;
padding: 0em 5.0em 0em 2.0em;

}

#ala
{
width: 950px;
height: 150px;
background: #fff url('images/alakuva.jpg') repeat-y;
padding: 0em 1.0em 0em 3.0em;
clear: both;
padding-top: 5.0em;
font-size: 0.8em;
}