@charset "utf-8";
/* CSS Document */

HTML{
  margin: 0px;
  height: 100%;
  padding: 0px 0px 20px 0px;
}

BODY {
  background-color: #5a5a5a;
  color: #000000;
  padding: 0px;
  height: 100%;
  margin: 0px 0px 20px 0px;
  font-family: Garamond, Arial, Verdana;
  font-size: 14px;
}

div#top {
  background: #b6c4c2 url(../pics/top_bg.jpg);
  height: 160px;
  width: 965px;
  margin: 0px auto 0px auto;
  padding: 0px;
  border: 0px solid #5a5a5a;
  position: relative;
}

div#topmenu{
  position: absolute;
  margin: 0px 15px 0px 15px;
  bottom: 7px;
  right: 0px;
  text-align: right;
}

div#topmenu a{
  margin: 0px 15px 0px 15px;
  color: #000000;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

div#main {
  background: #5a5a5a;
  width: 965px;
  margin: 0px auto 0px auto;
  padding: 0px;
  position: relative;
  border: 0px solid #5a5a5a;
}

div#left {
  background: #FFFFFF url(../pics/left_bg.jpg) repeat-y;
  min-height:200px;
  width: 204px;
  margin: 0px auto 0px 0px;
  padding: 0px 0px 30px 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 0px solid #5a5a5a;
  font-size: 16px;
  font-weight: bold;
  text-transform:uppercase;
}

div#left a{
  color: #516b75;
  text-decoration:none;
}

p.leftmenu{
  line-height: 25px;
  margin-top: 20px
}

div#right {
  background: #FFFFFF url(../pics/right_bg.jpg) repeat-y;
  min-height: 460px;
  width: 761px;
  position: absolute;
  top: 0px;
  right: 0px;
  border: 0px solid #5a5a5a;
  font-size: 16px;
}

div#maintext{
  margin: 70px 80px 50px 70px;
}

p.otsikko{
  color: #516b75;
  font-size: 28px;
  font-weight: bold;
}

.kuvateksti{
  font-style: italic;
  font-size: 14px
}

IMG.sivukuva{
  border: 2px solid #CCCCCC;
}