body {
 font-family: verdana, sans-serif;
 color: #000000;
 background-color: #c2caff;
}
#otsikko {
 position: relative;
 left: 10px;
 width: 833px;
 font-variant: small-caps;
 font-size: 1.2em;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 background-color: #cfd7ff;
 padding-top: 20px;
 padding-bottom: 20px;
} 
#menu {
 position: relative;
 left: 10px;
 width: 833px;
 font-size: 1.1em;
 font-variant: small-caps;
}
#runko {
 position: relative;
 left: 10px;
 width: 834px;
}
#pohja {
 position: relative;
 left: 10px;
 width: 833px;
 font-size: 0.6em;
 font-family: "courier new";
 color: #ffffff;
 background-color: #929acf;
 border-style: solid;
 border-width: 2px 0 0 2px;
 padding-top: 5px;
 padding-bottom: 5px;
}
#pohja2 {
 position: relative;
 left: 10px;
 width: 833px;
 font-family: "courier new";
 padding-top: 5px;
 padding-bottom: 5px;
}
#vasen {
 position: relative;
 left: 0;
 top: 0;
 font-size: 1em;
 width: 595px;
 min-height: 700px;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 background-color: #cfd7ff;
 padding-bottom: 10px;
 margin-bottom: 10px;
} 
#vasen2 {
 position: relative;
 left: 0;
 top: 0;
 font-size: 1em;
 width: 833px;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 background-color: #cfd7ff;
 padding-bottom: 10px;
 margin-bottom: 10px;
} 
#oikea {
 position: absolute;
 top: 0;
 right: 0;
 width: 228px;
 font-family: "arial narrow", arial;
 font-size: 0.9em;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 background-color: #cfd7ff;
} 
h1 {
 font-size: 1.5em;
 margin-top: 10px;
 margin-bottom: 0;
}
p.otsa {
 margin-top: 0;
 margin-bottom: 10px;
}
a:link.men {
 text-decoration: none;
 color: #1f1f57;
 background-color: #c2caff;
 border-color: #c2caff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 padding: 5px;
}
a:visited.men {
 text-decoration: none;
 color: #1f1f57;
 background-color: #c2caff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #c2caff;
 padding: 5px;
}
a:hover.men {
 text-decoration: none;
 color: #1f1f57;
 background-color: #cfd7ff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 padding: 5px;
}
a:active.men {
 text-decoration: none;
 color: #1f1f57;
 background-color: #cfd7ff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 padding: 5px;
}
a:link.lue {
 text-decoration: none;
 color: #1f1f57;
 background-color: #cfd7ff;
 border-color: #cfd7ff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 padding: 2px;
}
a:visited.lue {
 text-decoration: none;
 color: #1f1f57;
 background-color: #cfd7ff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #cfd7ff;
 padding: 2px;
}
a:hover.lue {
 text-decoration: none;
 color: #1f1f57;
 background-color: #cfd7ff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 padding: 2px;
}
a:active.lue {
 text-decoration: none;
 color: #1f1f57;
 background-color: #cfd7ff;
 border-style: solid;
 border-width: 2px 0 0 2px;
 border-color: #ffffff;
 padding: 2px;
}


h2 {
 font-size: 1.2em;
 font-variant: small-caps;
 margin: 1.2em;
}
h3 {
 font-size: 1.2em;
 margin-left: 1em;
 margin-top: 1.1em;
 margin-bottom: 1.1em;
}	
p {
 font-size: 1em;
 margin: 1em;
}
p.laiva {
 margin: 0;
}
li {
 font-size: 1em;
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 0em;
 margin-bottom: 0em;
}
small {
 font-size: 0.7em;
}
table {
 margin-top: 0em;
 margin-bottom: 0em;
 margin-left: 1em;
 margin-right: 0em;
}
a:link {
 color: #7f7fdf;
}
a:visited {
 color: #3f3faf;
}
a:active {
 color: #9f4fdf;
}
a:hover {
 color: #afafff;
 text-decoration: underline;
}
p.copy {
 font-size: 0.8em;
 margin-top: 2em;
 margin-bottom: 0em;
}
p.menu {
 background-color: #afafff;
 width: 100%
 margin-top: 0.5em;
 margin-left: 0em;
 margin-bottom: 0.5em;
}
span.vihr {
 color: #009f00;
}
span.puna {
 color: #ff0000;
}