body {
margin-left:10%;
margin-right:10%;
margin-top:30px;
background-color:#FFCC33;
background-image: url(kuvat/logo_.gif);
background-repeat: no-repeat;
color:navy;
Font-family: cCursive;
font-size:90%;
}

p {
font-size:90%
}

h2 {
width: 80%;
font-style: italic;
text-align: center;
background-color:#FFCC33;
border: 1px solid blue;
font-size:100%;
padding: 5px 5px 5px 5px;
}

h3 {
width: 90%;
margin-left: 5%;
margin-right: 5%;
font-style: italic;
text-align: center;
background-color:#FFCC33;
border: 1px solid blue;
font-size:90%;
padding: 5px 5px 5px 5px;
}

h4 {
width: 90%;
margin-left: 5%;
margin-right: 5%;
font-style: italic;
text-align: center;
background-color:#FFCC33;
border: 1px solid blue;
font-size:80%;
}

li { 
list-style-image: url(kuvat/li.gif);
margin-left: 10px;
font-size:90%;
}

.yla1 {
position: absolute;
top:5px;
left:150px;
width:500px;
}

.navi {
position: absolute;
top:82px;
left:150px;
width:520px;
background-color: #ff9900;
border: 1px solid blue;
padding-left: 1px;
}

.navi a {
padding: 1px 1px 1px 1px;
font-size: 12px;

}
.navi td {
ffont-size: 12 px;
border-style: groove;
border-width: 1px 1px 1px 1px;
bborder-color: #FFCC33 #FFCC33 #FFCC33 #FFCC33;
text-align: center;
padding: 1px 1px 1px 1px;
width:97px;
bbackground-image: url(kuvat/navi.jpg);
background-repeat: no-repeat;
}

.vasen {
position: absolute;
top:110px;
width:100px;
left:0px;
}

.keski {
position: absolute;
top:110px;
width:520px;
left:150px;
padding-top:10px;
padding-left:10px;
padding-right:5px;
padding-bottom:20px;
background-color:#ff9900;
border: 1px solid blue;
}

.oikea {
position: absolute;
top:110px;
width:150px;
left:683px;
padding-left:5px;
}

.center {
margin-left: 50%;
margin-right:50%;}


a:link { color: navy}
a:visited { color: navy;text-decoration:none} 
a:active { background-color:#FFCC33; color: black}
a:hover { background-color: none; color: navy }
a:focus { background-color: none; color: blue }