body{
    text-align: left;
    background-color: #FFFFFF;
    margin:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

A { font-family: Arial; font-size: 11px; text-decoration: none; 
	font-weight: normal; color: black;  }
A:hover { text-decoration: underline; color: blue;  }
A:visited { }
A:active { }

.invisible { display: none; }

td {


    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;


}

#etusivutable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;

}

.otsikot {
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    background-color: #FFFFFF;
    text-align: center;
    padding: 4px;
	margin-left:5px;
    
        
}
.sivuotsikot {
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
	margin-left:5px;
        
}


.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 4px;
	margin-left:5px;
	background-color: #66CC33;
        
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 4px;
	margin-left:5px;
	background-color: #97cf18;
        
}




ul {
 font-family: Arial, Helvetica, sans-serif;
 list-style-type: square;
 margin-left: 0;
 padding-left: 15px;
}
.harmaa {
	background-image: url(images/harmaatausta_07.gif);
	background-repeat: no-repeat;
	padding: 5px;
}
.reuna {
	padding-left: 5px;
}