body {
 margin : 40px 0px 0px 70px;
 padding: 0px;
 background-color: #fffae7;
 color: #096792;
}

#wrapper {
 background-color: #fffae7;
 position: relative;
 left: -60px;
 margin: 0px 0px 0px 70px;
 padding: 0px;
 width: 931px;
}

#header {
 background-color: #fffae7;
 position: relative;
 width: 735px;
 top: 25px;
 left: 100px;
 background-image: url(img/title.gif);
 background-repeat: no-repeat;
 height: 120px;
}

#header ul {
 position: relative;
 top: 97px;
 left: -20px;
 margin: 0px;
 padding: 0px;
 text-align: center;
}



#header li {
 display: inline;
}

#wrapper2 {
 background-color: #fffae7;
 position: relative;
 top: -25px;
 left: 0px;
 margin: 0px 0px 0px 70px;
 padding: 0px;
 width: 931px;
}

#header2 { 
 background-image: url(img/title2.gif);
 background-repeat: no-repeat;
 height: 178px;
}

#header2 ul {
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#header2 li {
 display: inline;
}



#menu1 {
 position: absolute;
 left: 50px;
 top: 154px;
}

#es-menu {
 position: absolute;
 top: 200px;
 left: 540px;
 margin: 0px;
 padding: 0px;
 font-family: verdana;
 font-size: 0.9em;
 background-image: url(img/es-pist.gif);
 background-repeat: no-repeat;
 background-position: left 20px;
 height: 500px;
 width: 300px;
 background-color: #fffae7;
 z-index: 5;
 overflow: auto;
}

#es-menu ul {
 list-style-type: none;
 cursor: pointer;
 margin-left: -20px;
}



#es-menu2 li {
 color: #028140;
 list-style-image: url(img/list3.gif);
 margin-left: 20px;
 padding-left: 1px;
}



#etusivu {
 z-index: 5;
 position: absolute;
 top: 150px;
 left: -50px;
 background-color: #fffae7;
 background-image: url(img/etu-tausta.jpg);
 background-repeat: no-repeat;
 width: 525px;
 height: 545px;
}



#kuka {
 position: absolute;
 top: 100px;
 left: 213px;
 background-color: #fffae7;
 width: 75px;
 height: 75px;
}

#pdf {
 position: absolute;
 top: 460px;
 left: 372px;
 width: 113px;
 height: 22px;
}

#kuplamenu {
 position: absolute;
 top: 50px;
 left: 530px;
 background-color: #fffae7;
 width: 86px;
 height: 380px;

}

#kuplamenu ul {
 list-style-type: none;
}



#menu2 {
 position: absolute;
 top: 0px;
 right: 0px;
}



#sivupalkki {
 position: absolute;
 top: 225px;
 right: 80px;
 margin: 0px;
 padding: 0px;
 width: 264px;
 height: 335px;
 background-image: url(img/etu-boxsis.gif);
 background-repeat: repeat-y;
 background-color: #fffae7;
 font-color: #096792;
 font-family: verdana;
}

#sivupalkki-bottom {
 position: absolute;
 bottom: 0px;
 left: 0px;
}

#sivupalkki p {
 color: #4c5c6b;
 margin-left: 10px;
 margin-right: 105px;
 margin-bottom: 30px;
 font-size: 110%;
}

#sisalto {
 margin-top: 50px;
 margin-left: 150px;
 width: 550px;
 font-family: verdana;
 font-size: 0.9em;
}

#sisalto h1 {
 font-size: 1.1em;
 text-align: center;
}

#sisalto h2 {
 font-size: 1.2em;
}

#sisalto ul {
 list-style-type: none;
 margin-left: -20px;
}

#bold {
 font-weight: bold;
}

#latin {
 position: absolute;
 top: 0px;
 left: 0px;
 margin-right: 10px;
 font-family: verdana;
 font-size: 0.9em;
}

.in1 {
 font-weight: bold;
 margin-left: 150px;
}

.in2 {
 font-style: italic;
}

.in3 {
p.first-line: margin-left:20px;
}

.in4 {
 margin-left: 50px;
 font-style: italic;
}

.in5 {
 list-style-type: none;
}

#latin h2 {
 font-size: 1.2em;
}

#latin h3 {
 margin-left: 150px;
}

#defaultti {
 font-size: 1.2em;
 margin-top: 30px;
 margin-left: 180px;
 text-align: center;
}

#content {
 position: absolute;
 top: 200px;
 left: -50px;
 margin: 0px;
 padding: 0px;
 width: 580px;
 height: 450px;
 background-color: #fffae7;
 overflow: auto;
}

#content p {
 color: #405256;
 margin-left: 15px;
 margin-right: 60px;
 margin-bottom: 30px;
 font-size: 110%;
}

#ohje {
 position: absolute;
 width: 540px;
 top: 650px;
 left: 160px;
 font-size: 90%;
}

#time {
 margin-bottom: -16px;
 margin-left: -55px;
}

#line {
 margin-left: 55px;
}

#lisaa {
 position: absolute;
 top: 560px;
 right: 180px;
 font-family: verdana;
 font-size: 0.9em;
}

#lisaa A {
 text-decoration: none;
}

#CoffeeCup {
 position: absolute;
 top: 200px;
 left: 150px;
}

#footer {
 position: absolute;
 top: 625px;
 left: 0px;
 height: 80px;
 width: 752px;
 margin-left: 60px;
 margin-right: 50px;
 margin-bottom: 0px;
 padding: 0px;
 background-color: #fffae7;
 background-image: url(img/ala-pisteet.gif);
 background-position: 78px bottom;
 background-repeat: no-repeat;
 z-index: 4;
}

#footer-img {
 position: absolute;
 right: 0px;
}

#footer-btm {
 position: absolute;
 top: 703px;
 left: 370px;
 padding: 0px;
 padding-right: 80px;
 margin-top: 0px;
 margin-bottom: 15px;
 text-align: center;
 font-family: verdana;
 font-size: 0.7em;
}

#footer-btm li {
 display: inline;
 color: #92bdd0;
}

#footer2 {
 position: absolute;
 top: 700px;
 left: 0px;
 height: 10px;
 width: 752px;
 margin-left: 120px;
 margin-right: 50px;
 margin-bottom: 0px;
 padding: 0px;
 background-image: url(img/ala-pisteet.gif);
 background-repeat: no-repeat;
}

#footer2-btm {
 position: absolute;
 top: 703px;
 left: 340px;
 padding: 0px;
 padding-right: 80px;
 margin-top: 0px;
 margin-bottom: 15px;
 text-align: center;
 font-family: verdana;
 font-size: 0.7em;
}

#footer2-btm li {
 display: inline;
 color: #92bdd0;
}

#footer3 {
 position: absolute;
 top: 800px;
 left: 0px;
 height: 10px;
 width: 752px;
 margin-left: 120px;
 margin-right: 50px;
 margin-bottom: 0px;
 padding: 0px;
 background-image: url(img/ala-pisteet.gif);
 background-repeat: no-repeat;
}

#footer3-btm {
 position: absolute;
 top: 803px;
 left: 340px;
 padding: 0px;
 padding-right: 80px;
 margin-top: 0px;
 margin-bottom: 15px;
 text-align: center;
 font-family: verdana;
 font-size: 0.7em;
}

#footer3-btm li {
 display: inline;
 color: #92bdd0;
}