A:link{color: #CEC718;text-decoration:underline}
A:visited{color: #CEC718;text-decoration:underline}
A:active{color: #CEC718;text-decoration:underline}
A:hover{color: #CEC718;text-decoration:none}

body {
  margin: 0px ;
  background-color: #CFC91E;
  font-size: 12px ;
  font-family: arial,verdana;
}


table {
  width:800px;
  font-family: arial;
  color:  #E6B300;
  font-size:12px;
  background-color:#ffffff;
  border:3px solid #ABB90D;
  font-family:verdana;
  font-size:10px;
}

.otsikko {
  text-align:center;
  padding:3px;
}

.paa {
  text-align:left;
  padding:3px;
  width:550px;
  color:#ABB90D;
  font-size:12px;
  font-family:verdana;
}

.linkit {
  text-align:left;
  padding:0px;
  width:250px;
  color:#D9A20F;
}

.paiv {
  color:#ABB90D;
  font-size:12px;
}

.ot {
  color:#D9A20F;
  font-size:20px;
  font-family:arial;
  letter-spacing:2px;
}

A.ronja, A:link.ronja, A:visited.ronja {
display: block;
padding:0;
width:172px;
height:25px;
background-image:url(ronja.gif);}

A:hover.ronja {
background-image:url(ronjaon.gif);
}


A.koirat, A:link.koirat, A:visited.koirat {
display: block;
padding:0;
width:172px;
height:25px;
background-image:url(koirat.gif);}

A:hover.koirat {
background-image:url(koiraton.gif);
}


A.hevoset, A:link.hevoset, A:visited.hevoset {
display: block;
padding:0;
width:172px;
height:25px;
background-image:url(hevoset.gif);}

A:hover.hevoset {
background-image:url(hevoseton.gif);
}




A.luonto, A:link.luonto, A:visited.luonto {
display: block;
padding:0;
width:172px;
height:25px;
background-image:url(luonto.gif);}

A:hover.luonto {
background-image:url(luontoon.gif);
}



A.muut, A:link.muut, A:visited.muut {
display: block;
padding:0;
width:172px;
height:25px;
background-image:url(muut.gif);}

A:hover.muut {
background-image:url(muuton.gif);
}

A.info, A:link.info, A:visited.info {
display: block;
padding:0;
width:172px;
height:25px;
background-image:url(info.gif);}

A:hover.info {
background-image:url(infoon.gif);
}