body { 
		background: url(/bg.gif) center;
		font-size: 70%;
		color: #333333;
		font-family: verdana, arial, helvetica, sans-serif; 
		font-variant: normal;
		font-style: normal; }

@media print {
    .NotForPrinter
    {
        DISPLAY: none; }
}

p {		font-size: 100%; 
		font-style: normal;
		font-weight: normal; }

td {		font-size: 70%; 
		font-style: normal; 
		font-weight: normal;}

ul {		font-size: 100%; 
		font-style: normal; 
		font-weight: normal;}

li {		font-size: 100%; 
		font-style: normal; 
		font-weight: normal; }

h1 {		font-size: 150%; 
		font-style: normal; 
		font-weight: normal;
		text-align: left; }

h2 {		font-size: 125%; 
		font-style: normal; 
		font-weight: bold; 
		text-align: left; }

h3 {		font-size: 125%; 
		font-style: normal; 
		font-weight: normal; 
		text-align: left; }

h4 {		font-size: 110%; 
		font-style: normal; 
		font-weight: normal; 
		text-align: center; }

h5 {		font-size: 110%; 
		font-style: normal; 
		font-weight: bold; 
		text-align: left; }

h6 {		font-size: 100%; 
		font-style: normal; 
		font-weight: normal; 
		text-align: left; 
		line-height: 17px; }

A:link { 	text-decoration: underline; 
		color: #0000FF; }  

A:visited { text-decoration: underline; 
		color: #800080; }
    
A:active { 	text-decoration: underline; 
		color: #CF2323; }

A:hover { 	text-decoration: underline; 
		color: #CF2323; 
		background-color: #CCCCCC; } 

.paivitys {	text-align: center; 
		font-weight: bold; }  

.ingres { 	color: #000000; 
		font-family: arial, helvetica, sans-serif;
		font-style: italic; 
		font-weight: bold; 
		font-size: 10pt; }

.caption {	font-style: italic; }

.kursiv {	font-style: italic; }

.keskit { 	text-align: center; }

.toc {		background-color: #dddddd; }

/* ******************************************** */
div.base_box{	float:center;}
div.base_row{	position:relative;
		width: 840px;
		background-color:#ffffff;}

div.base_left{
		float:left;
		width: 160px;
		text-align:left;
		background-color:#ffffff;}
div.base_right{
		float: left;
		width: 640px;
		text-align:left;
		background-color:#ffffff;}

div.base_break{
		clear: both;
		width: 820px;
		background-color:#ffffff;}
/* ******************************************** */
#links{ 	background-color:#c0c0c0;}
/* ******************************************** */
div.navi1{
		width: 140px; 
		height:15px; 
		margin:1px; 
		padding:6px; 
		text-align:left;
		color:#ffffff; 
		background-color:#0000CC;}

div.navi2{	width: 140px; 
		height:15px; 
		margin:1px; 
		padding:6px; 
		text-align:left;
		color:#ffffff; 
		background-color:#8888CC;}

.navlink{	font-size: 90%;
		text-decoration: none;
		font-weight: normal;  
		color: #ffffff;}

/* ******************************************** */

@media print  { .noprint  { display: none; } }
@media screen { .noscreen { display: none; } }

/* ******************************************** */
/* *                                          * */
/* * (c) Pekka Siiskonen / FREMO-FIN          * */
/* * Learned from: http://www.barelyfitz.com/ * */
/* * The look from: http://www.fremo-net.eu/  * */
/* *                                          * */
/* ******************************************** */