body {
/* http://bluerobot.com/web/css/center1.html */
text-align: center;
background: #a8c838;
font-family: arial;
font-size: 12px;
}

body > div {
/* http://bluerobot.com/web/css/center1.html */
margin: 20px auto 40px auto;
text-align: center;
width: 580px;
}

div#otsikko {
border: 0px solid black;
width: 571px;
height: 160px;
margin: 0px auto 5px auto;
background-image: url(img/nettiheaderi.jpg);
}

ul
{
list-style: none
}

table#sisalto {
background: white;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}

td#vasen {
width: 4px;
padding: 0px;
background-image: url(img/reuna_vasen.gif);
background-repeat: repeat-y;
}

td#oikea {
width: 4px;
padding: 0px;
background: #a8c838;
background-image: url(img/reuna_oikea.gif);
background-repeat: repeat-y;
}

td#keski {
width: 572px;
padding: 10px 0px;
}

div#valikko {
float: left;
/*width: 180px;*/
padding: 0px;
margin: 0px;
text-align: center;
}

div#runko {
margin-left: 180px;
padding: 0px 10px;
border-left: 1px dashed #aaaaaa;
text-align: left;
}

div#valikko ul {
padding: 0px;
margin: 0px;
list-style: none;
text-align: left;
}

div#valikko li a {
display: block;
width: 160px;
padding: 6px 0px 6px 20px;
font-family: arial;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: black;
background: white;
}

div#valikko li a:hover {
text-decoration: underline;
}

div#valikko a.valittu {
color: white;
background: green;
}

div#valikko li a.valittu:hover {
text-decoration: none;
}

div#valikko div.kuva {
margin: 20px auto;
}

div#jalkain {
background-image: url(img/jalkain.gif);
background-repeat: no-repeat;
width: 580px;
height: 9px;
padding: 0px;
}

h1, h2, h3 {
font-family: arial;
font-weight: bold;
margin-top: 0px;
}

h1 {
font-size: 14px;
text-transform: uppercase;
}

h2, h3 {
margin-top: 2em;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
}

p {
font-family: arial;
font-size: 12px;
}

a {
color: blue;
}

a:visited {
color: #4abdde;
}

a img {
border-width: 0px;
}

sposti {
        font-style: italic;
}
sposti.repu:after {
        content: "reilutampere\40repu.fi";
}
sposti.helena:after {
        content: "helena.kyrki\40uta.fi";
}
sposti.markus:after {
        content: "markus.viljasalo\40 fest-project.org";
}