body {
background: #FFF;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, Sans-serif}

/* Start of navigation elements */

div.topnavigation {
padding-top:7px;
height:28px;
width:750px;
color:#FFF;
text-align:left;
font-size:12px;
font-weight:normal;
margin-bottom:0px;
font-family:Arial, Helvetica, Sans-serif;}

div.naviframe {
background: url('http://sarkisalo.latomo.fi/images/navitop.jpg') #fff;
background-repeat: repeat-x
height:28px;
font-family:Arial, Helvetica, Sans-serif;}

div.topnavigation a {
text-decoration: none;
color: #000;
padding-right:5px}

td.navigation {
padding:5px;
padding-left:8px;
font-size:12px;}

td.navigation a {
text-decoration:none;
color:#000}

td.navigation span.current, td.navigation div.current {
color:#369}

td.navigation div.sub {
padding-left:10px;
font-size:11px;
color:#666;}

div.currentcontext {
color:#939FAB;
padding-top:5px;
padding-left:18px;
font-size:0.75em;}

div.currentcontext a {
text-decoration:none}

div.yahoo {
padding:3px;
padding-left:20px;
font-size:0.7em;
font-family:Arial, Helvetica, Sans-serif;
color:#434F5B;}

div.yahoo a {
color:#434F5B;}

div.bottom {
color: #EEE;
background: #2F78BE;
padding:0px;
padding-top:7px;
padding-bottom:7px;
text-align:center;
font-size:11px;
font-family:Arial, Helvetica, Sans-serif}

div.intro {
color: #FFF;
padding-top:10px;
padding-right: 40px;
font-size:11px;
font-family:Arial,Helvetica,Sans-serif}

div.intro h1 {
font-size:12px;
margin-top:0px;}


div.main {
padding:5px;
margin-top:0px;
padding-left:18px;
font-size:0.8em;}

.main table {
width:90%;
margin-bottom:1em}

.main caption {
font-weight:bold;
text-align:left;
font-size:12px}


.main table td {
font-size:12px}

.main table th {
padding:2px;
text-align:left;
font-size:12px;}

.main h1 {
color: #147;
font-weight:normal;
margin-bottom:5px;
font-size:18px;}

.main h2 {
font-size:14px}

.main h3 {
font-size:1em;
font-weight:normal}

p.introduction {
font-weight:bold}

div.frontmain {
padding:5px;
margin-top:0px;
padding-left:18px;
font-size:0.8em;}

.frontmain h1 {
color: #003366;
font-weight:bold;
margin-bottom:5px;
font-size:1.2em}

.frontmain a {
color:#000;
}

div.item {
	padding:             0px 0px 6px 12px;
	background-image:    url(/images/bcA.gif);
	background-position: 0px 2px;
	background-repeat:   no-repeat;
}

.main img{
margin:0px;
}

.tontit{
width:100%
}
.laatikko{
padding-top:10px;
}

.laatikko h1{
background-color: #FFF;
color:#000;
}

.laatikko table{
border: solid 1px #000;
background-color: #eee;
}

.subheader{
margin-left:0px;
font-family: Arial, Helvetica, Sans-serif;
font-size:12px;
font-weight:bold;
}

.tulos h1{
margin-bottom:0px;
}
.tulos h2{
margin-top:0px;
}

.hakemisto {
margin-top:22px;
width:750px;
font-size:12px;
font-family:Arial,Helvetica,Sans-serif;
}

.hakemisto caption {
text-align:left;
color: #003366;
font-weight:bold;
font-size:1.2em}

.hakemisto th {
background:#2F78BE;
border-top:solid 2px #CCC;
padding:2px;
padding-left:4px;
text-align:left;}

.hakemisto th a {
text-decoration:none;
color:#FFF}

.paataso{
width:100%;
background:#eee;
border: solid 1px #000;
}
.paataso a{
color:#000;
text-decoration:none;
font-family: Arial, Helvetica, Sans-serif;
font-size:12px;
}

.alataso a{
color:#000;
text-decoration:none;
font-family: Arial, Helvetica, Sans-serif;
font-size:12px;
padding-left:10px;
}