body{
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 130%;
width: 100%;
background: white url(tiikeri.jpg) repeat-y 50% 0%;
margin: 0px;
}

h1, h2, h3, h4, h5, h6{
margin-top: 0em;
}
h3{
font-size: 1.7em;
}
h4{
font-size: 1.3em;
}
h5{
font-size: 1em;
}
em{
font-weight: normal;
font-style: italic;
}

strong{
font-weight: bold;
font-style: normal;
}
#layout{
text-align: center;
}
#adbar{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 20px;
border-top: 2px solid black;
border-bottom: 2px solid black;
background: transparent url(ylapalkin_tausta.jpg) repeat-x;
}
#adbar p{
color: white;
margin: 0px;
margin-bottom: -1px; /* FOR IE */
font-weight: bold;
font-size: 10px;
word-spacing: 30px;
}

#page{
width: 700px;
margin: 0px auto;
text-align: left;
}

#header{
text-align: center;
padding-bottom: 20px;
margin-bottom: 0px;
}
#header h1{
width: 700px;
height: 87px;
background: transparent url(hanmoodo.png) no-repeat;
margin: 50px auto 20px auto;
}
#header h2{
width: 300px;
height: 34px;
background: transparent url(alkeiskurssi.png) no-repeat;
margin: 0px auto 20px auto;
}
#header h1 span, #header h2 span{
display: none;
}


/* THIS IS JUST FOR IE'S BUGS =X */
#main{
border: 1px solid white;
position: relative;
}
/* PIECE OF GUANO AKA. IE READS THIS... */
#navigation{
position: absolute;
padding: 10px 0px;
width: 180px;
background: #e2e4da url(navin_tausta.jpg) no-repeat 90% 50%;
border-width: 1px;
border-style: solid solid solid none;
border-color: black;
font-size: 0.8em;
}
/* ..BUT IT IS SO DUMB, IT CAN'T READ THESE TWO. CHEERS! */
#page > #main{
position: static;
}
#main > #navigation{
position: fixed;
margin-left: 502px;
}

#navigation h3{
margin: 0em 0.5em 0.5em 0.5em;
color: #b00d0d;
font-size: 1.4em;
border-bottom: 1px dotted black;
padding-bottom: 5px;
}
#navigation ul{
padding: 0px;
margin: 0px;
}
#navigation li{
list-style-type: none;
font-weight: bold;
}
#navigation li a{
padding-left: 1em;
color: #676b4e;
text-decoration: none;
}
#navigation li a:hover{
text-decoration: underline;
color: #969393
}
#navigation li li a{
padding-left: 3em;
}

#content{
color: #363333;
float: left;
width: 480px;
padding: 10px;
border: 1px solid black;
text-align: justify;
}
#content h3, #content h4, #content h5{
color: #b00d0d;
}
#content img{
border: 1px solid black;
}
#content ul{
padding-left: 1em;
}
#content ul li{
margin-left: 1em;
}
.right{
float: right;
margin: 0px 0px 10px 10px;
}
.left{
float: left;
margin: 0px 10px 0px 0px;
}
.kuvateksti{
margin-top: 0px;
font-size: 0.8em;
}