body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

h1 {
   margin: 1em 0em 1em 0em;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 36pt; 
    color: #ffffbb; 
    font-weight: bold;
    font-style: ; 
}

h2 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 15pt; 
    color: #ffffbb; 
    font-weight: bold;
    font-style: ; 
}

h3 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 11pt; 
    color: #ffffbb; 
    font-weight: ;
    font-style: italic; 
   }

p,a,dt,dd,li,address,th,td {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    color: #ffffbb; 
}

body {
  background: url(img/tausta2.jpg) repeat; 
}

a {
  text-decoration:none;
}

a img {
   padding:2px 3px 4px 3px;
   border-style: none;
   border-width: 0;
}

/* Text-alignment has to be returned for real browsers */
/* IE5 dont know "max-width", so Javascript HACK */

#mainbox {
   text-align: left;
   position: static;
   max-width: 640px;
   min-width: 400px;
   width: expression(document.body.clientWidth > 640? "640px": "auto" );
   border-style: solid;
   border-width: 0;
   padding: 0;
   margin: 3em auto;
}