A.menu
{
   color: #782C8F;
   background-color: #F7F6C8;
   clear: both;
   font-size: 110%;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   float: left;
   margin: 0.2em;
   margin-bottom: 1.0em;
   letter-spacing: 0.15em;
   font-variant: small-caps;
   font-weight: bold;
}

A.menu:hover
{
   color: #FCCC05;
   letter-spacing: 0.08em;
}

DIV.menucontainer
{
   border-right: 1px solid #415602;
   background: url(Images/linkki_tausta.png) no-repeat;
   background-position: 100% 0;
   width: 25%;
   height: 400px;
   margin: 0;
   padding: 0;
   float: left;
   text-align: left;
}

DIV.bodycontainer
{
   margin: 0;
   padding: 0;
   float: right;
   width: 73%;
}

IMG.Image
{
   margin: 0.2em;
   margin-bottom: 3.5em;
   border: none;
   width: 100%;
}

P.moduletitle
{
  text-align: left;
  font-variant: small-caps;
  font-size: 100%;
  text-decoration: underline;
  color: black;
  margin: 0;
  margin-top: 1em;
}

P.moduleheader
{
  text-align: left;
  font-size: 110%;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin: 0;
  padding: 0.2em;
}

P.modulecontent
{
   color: white;
   text-align: justify;
   padding: 0.2em;
   margin: 0;
}