body {
  font-family: arial;
  font-size: 13px;
  margin: 20px 0 50px 0;
}

  .frame {
    margin: 0 auto;
    width: 956px;
  }

    .logo {
      background-image: url("gfx/viola-koti.png");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      height: 150px;
      max-width: 160px;
      min-width: 160px;
      width: 160px;
    }

    .header img {
      display: block;
    }

  .menu, .menu_first, .menu_selected, .menu_first_selected {
    background-color: #000066;
    font-weight: bold;
    vertical-align: middle;
    width: 130px;
  }

    .menu_first, .menu_first_selected {
      width: 160px;
    }

    .menu_selected, .menu_first_selected {
      background-color: #9999cc;
    }

    .menu a, .menu_first a, .menu_selected a, .menu_first_selected a {
      color: white;
      display: block;
      text-decoration: none;
      padding: 10px 0;
      text-align: center;
    }

  .submenu {
    background-color: #fffde2;
    line-height: 16px;
    padding-bottom: 100px;
    padding-top: 25px;
    text-decoration: none;
    max-width: 160px;
    min-width: 160px;
    width: 160px;
  }

    .submenu a, .backmenu a {
      border-bottom: 2px solid white;
      color: #000066;
      display: block;
      padding: 8px 15px;
      text-decoration: none;
    }

    .submenu a.selected {
      background-image: url("gfx/arrow.gif");
      background-position: 90% 50%;
      background-repeat: no-repeat;
    }

  .backmenu {
    background-color: #fffde2;
  }

  .column_1, .column_2 {
    line-height: 18px;
    padding: 30px 30px 100px 40px;
  }

    .column_1 .topic, .column_2 .topic {
      color: #000066;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: -1px;
      line-height: 21px;
      padding-bottom: 4px;
    }

  .footer {
    border-top: 2px solid #000066;
    padding-top: 10px;
    text-align: center;
  }

a {
  color: #000066;
}

img.photo {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 1px;
}

td {
  vertical-align: top;
}