* {
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
}
body {
  text-align: center;
  background-color: #238e23;
}
#central {
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  position: relative;
  width: 777px;
  text-align: left;
  background-color: #ffffff;
}
#header {
  background-image: url(images/header.jpg);
  height: 226px;
  width: 777px;
  left: 0px;
  top: 0px;
}
#header a {
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  font-weight: bolder;
  color: #ffffff;
  text-decoration: none;
  margin-left: 112px;
  font-family: "Courier New",Courier,mono;
  margin-top: 35px;
}
#navlist {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bolder;
  font-size: 14px;
  margin-left: 0px;
  padding-left: 0px;
  white-space: nowrap;
  position: absolute;
  height: 27px;
  width: 777px;
  top: 225px;
}
#navlist li {
  display: inline;
  list-style-type: none;
}
#navlist a {
  padding: 3px 10px;
  background-image: url(images/button.gif);
  height: 20px;
  width: 91px;
  display: inline;
  position: absolute;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
#navlist a:hover {
  background-image: url(images/buttonover.gif);
}
#n1 {
  left: 0px;
}
#n2 {
  left: 111px;
}
#n3 {
  left: 222px;
}
#n4 {
  left: 333px;
}
#n5 {
  left: 444px;
}
#n6 {
  left: 555px;
}
#n7 {
  left: 666px;
}
#leftside {
  float: left;
}
#leftside h3 {
  border: 0px solid #00306f;
  width: 200px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background-color: #ffffff;
  text-align: center;
  display: block;
  margin-left: 35px;
  margin-top: 35px;
}
#content {
  margin-top: 252px;
  position: absolute;
  width: 777px;
  background-color: #ffffff;
}
#picture1 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/matinz25A55_small.jpg);
}
#picture1-1 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/matin2.jpg);
}
#picture2 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/tanenz25A55_small.jpg);
}
#picture2-2 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/tanez2.jpg);
}
#picture3 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/mattiesa.jpg);
}
#picture4 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/kmustanoja.jpg);
}
#picture5 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/matinlauri.jpg);
}
#picture6 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/mmathlin.jpg);
}
#picture7 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/skeranen.jpg);
}
#picture8 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/joensuu.jpg);
}
#picture9 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/erkkipernu.jpg);
}
#picture10 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/esapernu.jpg);
}
#picture11 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/hannavillemiiakim.jpg);
}
#picture12 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/hannavillemiiakim2.jpg);
}
#picture13 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/pauli.jpg);
}
#picture14 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/ristomattila.jpg);
}
#picture15 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/kyllonen.jpg);
}
#picture16 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/luukkonen.jpg);
}
#picture17 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/mauriviita.jpg);
}
#picture18 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/essi.jpg);
}
#picture18:hover {
background-image : url(images/essi2.jpg);
}
#picture19 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/elomaa.jpg);
}
#picture20 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/vkultala.jpg);
}
#picture21 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/oinaseeroz57.jpg);
}
#picture22 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/veijos.jpg);
}
#picture23 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/lamsa.jpg);
}
#picture24 {
  border: 0px solid #00306f;
  margin-left: 60px;
  height: 200px;
  width: 150px;
  background-image: url(images/saulir.jpg);
}
#picture25 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 138px;
  width: 195px;
  background-image: url(images/arir.jpg);
}
#picture26 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 150px;
  width: 200px;
  background-image: url(images/vaarala.jpg);
}
#picture27 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 138px;
  width: 195px;
  background-image: url(images/maenpaa.jpg);
}
#picture28 {
  border: 0px solid #00306f;
  margin-left: 35px;
  height: 138px;
  width: 195px;
  background-image: url(images/karimaki.jpg);
}
#footer {
  clear: both;
  background-color: #ffffff;
  position: relative;
  height: 130px;
  background-image: url(images/footer.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#rightside {
  padding: 0px;
  overflow: hidden;
  width: 460px;
  margin-right: 15px;
  float: right;
  background-color: #ffffff;
  margin-top: 20px;
  font-size: medium;
  line-height: 22.3px;
}
#leftside2 {
  font-family: Arial;
  font-weight: normal;
  float: left;
  width: 757px;
  background-color: #ffffff;
  margin-right: 10px;
  margin-top: 20px;
  margin-left: 5px;
}
#leftside2 h1 {
  margin: 10px 0px;
  width: 350px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#rightside p {
  padding: 0px;
  font-family: Arial;
  font-weight: normal;
  color: #000000;
  margin-left: 0px;
  margin-bottom: 20px;
  width: 460px;
}
#rightside h1 {
  margin: 10px 0px;
  width: 300px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#rightside span {
  margin-top: 10px;
  margin-bottom: 4px;
  width: 430px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #649721;
}
#rightside a {
  color: #666666;
}
#footer p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  float: right;
  padding-top: 23px;
  margin-right: 10px;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #ffffff;
}
#imagepreloader {
  overflow: hidden;
  visibility: hidden;
  height: 0px;
  width: 0px;
}

