BODY {
    background: #f9e6d0;
    background-repeat: repeat;
    background-image: url("wood_floor2.jpg");
    font-family: "sans-serif";
}

A { 
    text-decoration: underline;
    color: #002233;
}

IMG {
    align: center;
}

IMG.keski {
    vertical-align: 40%;
}

IMG.pikkukuva {
    height: 150px;
    border-width: medium;
    margin-top: 5px;
    margin-bottom: 7px;
    border-style: solid;
    margin-right: 20px;
    border-color: #DDAA75;
}

.navi {
    font-size: 1.0em;
    font-style: normal;
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #F0CC99;
    background-color: #EEBB88;
    color: #FFFFFF;
    vertical-align: 50%;
}

.navilink {
    font-size: 0.9em;
    font-style: normal;
    background-color: #EEBB88;
    color: #000000;
    vertical-align: 20%;
}

.otsake {
    font-size: 1.4em;
    font-weight: bolder;
    color: #336633;
}

.about {
    font-size: 0.9em;
    width: 50%;
    border-style: solid;
    border-width: thin;
    border-color: #CCCCAA;
    background-color: #FFFFFF;
    color: #AA9966;
}

h1.navi {
    color: #FFFFFF;           
    font-size: 1.8em;
    background-color: #C08855;
}

A.linkki:hover { background: #99CC99; }
A.navilink:hover { background: #EEBF88; }

HR {
  width: 77%;
  color: #55aa66;
  height: 1mm;
  background-color: #338833;
  border: solid;
  border-width: thin;
}

UL {
  width: 90%;
}

UL.kiitos {
  list-style-image: url("./arrow.gif");
  width: 90%;
}

H1 { text-align: center; }
ADDRESS { text-align: center; }


H2 { color: #336633; font-weight: bolder; }

H3 { font-size: 1.0em; }

A.otsikko {
     font-weight: bold;
     color: #eeeedd;
}
A.otsikko:hover {
     background: #996633;
}

.sisennetty {
     margin-left: 20mm;
     margin-right: 15mm;
}
.keskella {
     text-align: center;
}

.right {
     text-align: right;
}