A:link { COLOR: #99CCFF;}
A:visited { COLOR: #000000;}
A:active { COLOR: #FFFFFF;}
A:hover { COLOR: #000000;}

A.sivu:link { COLOR: #6666FF;}
A.sivu:visited { COLOR: #6666FF;}
A.sivu:active { COLOR: #0000FF; }
A.sivu:hover { COLOR: #D00000; }

A.sivuosa:link { COLOR: #99CCFF;}
A.sivuosa:visited { COLOR: #000000;}
A.sivuosa:active { COLOR: #6666FF;}
A.sivuosa:hover { COLOR: #ffffff; background-color: #6666FF; width= 90%;}



BODY {scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #6666FF;
scrollbar-darkshadow-color: #6666FF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #6666FF;
scrollbar-track-color: #FFFFFF;
background-color: #FFFFFF; 
font-color: #6666FF; }

BODY.otsikko1 { background-color: #FFFFFF;
margin-left: 0cm; 
margin-right: 0cm;
margin-top: 3px;
margin-bottom: 0cm;
 }



BODY.otsikko { background-image: url(jpeg/o1071222.jpg);
background-color: #000000;
margin-left: 0cm; 
margin-right: 0cm;
margin-top: 0cm;
margin-bottom: 0cm;
background-position: left top;
background-repeat: no-repeat; }



BODY.sivu {scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #6666FF;
scrollbar-darkshadow-color: #6666FF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #6666FF;
scrollbar-track-color: #FFFFFF;
background-color: #ffFFFF; 
font-color: #6666FF; }

BODY.ala { background-color: #ffffff;
margin-left: 0cm; 
margin-right: 0cm;
margin-top: 0cm;
margin-bottom: 0cm;
background-position: top;
background-repeat: repeat-x; }


BODY.reuna { background-image: url(jpeg/sivuosa3.jpg);
background-color: #000000;
FONT-COLOR: #6666ff;
margin-left: 0cm; 
margin-right: 0cm;
margin-top: 0cm;
margin-bottom: 0cm;
background-position: right top;
background-repeat: no-repeat;}

BODY.reunao { background-image: url(jpeg/sivuosa2.jpg);
background-color: #000000;
FONT-COLOR: #FFFFFF;
margin-left: 0cm; 
margin-right: 0cm;
margin-top: 0cm;
margin-bottom: 0cm;
background-position: left top;
background-repeat: no-repeat;}

ul { list-style-type:none; margin: 0; padding: 5px 15px 5px 15px; float:left;
}

.arto 	{ font-size: 12pt;
 	font-family: 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #6666FF; font-style: italic;}

.arto1 	{ font-size: 12pt;
 	font-family: 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #ffffff; font-style: italic;
	background-image: 'url(jpeg/up.jpg)' ; }

.mainos {font-family: 'Comic Sans MS', 'Verdana', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 8pt;
	background: #F2EDE0;
	border-top-color: #FFFFFF;
	border-top-width: 2pt ;
	border-top-style: outset ;
	border-right-color: #000000;
	border-right-width: thin ;
	border-right-style: outset ;
	margin-left: 0cm;
	margin-right: 0cm;
	width: 100%;
	height: auto;}



.ulko 	{border-width: thin;
	border-color: #F2EDE0;
	background-color: #FFF9E9;
	border-style: dotted;}

.sivuos {border-width: thin;
	border-color: #6666FF;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	height: 17px; 
	text-align: center; }

.sivuosoik {border-width: thin;
	border-color: #6666FF;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	height: 12px; 
	text-align: center; }

.sivuosvas {border-width: thin;
	border-color: #6666FF;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	height: 10px; }




.laskuri { border-width: thin;
	border-color: #FFFFFF;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	background-image: 'url(jpeg/up1.jpg)';
	height: 17px; 
	text-align: center; }


.alaos {border-width: thin;
	border-color: #FFFFFF;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	height: 17px; 
	text-align: center; }

.sivuosa { font-size: 11px ;
	font-weight: normal;
 	font-family: 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #99CCFF;
	; }

.ylavali {height: 80px; position: top;}

.alaosa { font-size: 11px ;
	font-weight: normal;
 	font-family: 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #000000; }

.vkteksti {
 	font-family: Verdana,Arial,Helvetica;
 	font-size: 8pt; }

.bambi	{ font-size: 12pt;
 	font-family: 'Script MT Bold', 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #FFFFFF; }

.black
{		
	color: black;
	}

.blue
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 12pt;
	color: #990000;
	background: #CCFFFF;
	position: relative;
	}

.blue2
{		
	color: blue;
	}

.brown
{		
	color: #993300;
	}

.dropshadow
{
	font: Bold x-large 'Arial', 'sans-serif';
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	filter: dropshadow(color=#483D8B,OffX=3,OffY=3,Positive=1);
	}

.dropshadow1
{		
	font: Bold x-large 'Arial', 'sans-serif';
	color: #000000;
	filter: DropShadow(Color=#FFFFFF,OffX=-3,OffY=-3,Positive=5);
	height: 1;
	position: relative;
	}

.first
{		
	border-top-width: thin;
	border-left-width: thin;
	border-left-color: #66CC99;
	border-top-color: #66CC99;
	border-top-style: outset;
	border-left-style: inset;
	padding-top: 2pt;
	padding-left: 2pt;
	}

.float
{		
	width: 40%;
	text-align: left;
	float: right;
	font-size: 10pt;
	color: #006600;
	background: #FFFFFF;
	position: relative;
	padding: 4pt 4pt;
	border-width: thin;
	border-style: groove;
	}

.fuchsia
{		
	color: fuchsia;
	}

.glow
{		
	font: Bold x-large 'Arial', 'sans-serif';
	color: #FF0000;
	filter: glow(Color=#FFFFFF,Strength=10);
	width: 20;
	height: 20;
	position: relative;
	left: 0;
	top: 0;
	}

.gray
{		
	color: gray;
	}

.green
{		
	color: green;
	}

.hugeding
{		
	font: 80pt 'Wingdings', 'fantasy';
	color: #FFFF99;
	position: relative;
	}

.indent
{		
	margin-left: 1cm;
	position: relative;
	}

.large
{		
	font-family: 'Arial', 'Sans-Serif';
	font-style: italic;
	font-weight: bold;
	font-size: 16pt;
	color: #660066;
	text-align: left;
	position: relative;
	}

.lime
{		
	color: lime;
	}

.maroon
{		
	color: maroon;
	}

.navy
{		
	color: navy;
	}

.noindent
{
	margin-left: 0;
	position: relative;
	}

.note
{		
	font-size: 10pt;
	color: #006600;
	background: #FFFFFF;
	position: relative;
	padding: 2pt 3pt;
	border-width: thin;
	border-style: groove;
	}

.olive
{		
	color: olive;
	}

.purple
{		
	color: purple;
	}

.red
{		
	font-family: 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 8pt;
	color: #FF0000;
	text-align: center;
	position: relative;
	}

.red2
{		
	color: red;
	}

.redleft
{		
	font-family: 'Arial', 'Sans-Serif';
	font-size: 9pt;
	color: #990000;
	text-align: left;
	position: relative;
	}

.shadow
{		
	font: Bold x-large 'Verdana', 'Arial', 'Sans-Serif';
	color: #9999ff;
	filter: shadow(Color=#330066,Direction=135);
	padding: 5pt 12pt;
	height: 100;
	position: relative;
	left: 0;
	top: 0;
	}

.shadow3
{		
	font: Bold x-large 'sans-serif';
	color: #339999;
	position: absolute;
	left: 10pt;
	top: 30pt;
	z-index: 3;
	}

.shadow4
{	font-family: 'Arial Narrow', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 6pt;
	filter: shadow(Color=#330066,Direction=225);
	padding: 5pt 12pt;
	height: 20;
	color: #FFFFFF;
	text-align: center;
	position: static;}


.small
{	font-family: 'Arial Narrow', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 6pt;
	color: #FFFFFF;
	text-align: center;
	position: static;
	
	}

.teal
{		
	color: teal;
	}

B
{		
	color: #6666FF;
	position: relative;
	}

BLOCKQUOTE
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 11pt;
	color: #000066;
	position: relative;
	margin-left: 2cm;
	}

CAPTION
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 10pt;
	color: #000066;
	margin-left: .1in;
	position: relative;
	}

DD
{		
	font: Bold 11pt 'Trebuchet MS', 'Arial', 'sans-serif';
	color: navy;
	position: relative;
	left: .5cm;
	}

DIV
{		
	position: relative;
	}

DT
{		
	font: Bold large 'Arial', 'sans-serif';
	color: teal;
	background: #FFFFCC;
	padding-left: 2pt;
	position: relative;
	left: .5cm;
	}

H1 
{  font-size: 16pt; 
	font-family: 'Romantic', 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #ffffff;  
	text-align: center; 
	background: url(jpeg/h.jpg);
	margin-left: .5cm;
	margin-right: .5cm;
	position: relative;}

H1.CCFFFF
{  font-size: 16pt; 
	font-family: 'Comic Sans MS', 'Verdana', 'Arial' ; 
	color: #CCFFFF;  
	text-align: center; 
	filter: shadow(Color=#FFFFFF,Direction=135);
	padding: 5pt 12pt;
	height: 20; }
H2
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: x-large;
	color: #FFFFFF;
	background: url(jpeg/h.jpg);
	margin-left: .5cm;
	margin-right: .5cm;
	text-align: Center;
	position: relative;
	}

H3
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 14pt;
	color: #FFFFFF;
	background: 'url(jpeg/h.jpg)';
	margin-left: 0.1cm;
	margin-right: .1cm;
	
	}

H4
{		
	font-family: 'Comic Sans MS', 'Verdana', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFff;
	background: url(jpeg/h.jpg);
	margin-left: .5cm;
	margin-right: .5cm;
	width: auto;	}

H4.sivuosa
{	font-size: 12px ;
	font-weight: normal;
 	font-family: 'Comic Sans MS', 'Verdana', 'Arial' ; 	
	color: #ffffff;  
	text-align: center; 
	position: relative;}

H5
{		
	font-family: 'Comic Sans MS', 'Verdana', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 8pt;
	color: #FFFFff;
	background: url(jpeg/h.jpg);
	margin-left: 0cm;
	margin-right: 0cm;
	width: auto;
	height: auto;
	}

H6
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: small;
	color: #FFFFff;
	background: url(jpeg/h.jpg);
	margin-left: .5cm;
	margin-right: .5cm;
	position: relative;
	}

I
{		
	color: #000000;
	position: relative;
	}

LI
{		
	font-family: 'Arial', 'Trebuchet MS',  'Sans-Serif';
	font-size: 8pt;	}

OL
{		
	position: relative;
	margin-left: 1.5cm;
	}

P
{		
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-size: 10pt;
	position: relative;
	}

PRE
{		
	font-family: 'Arial', 'Sans-Serif';
	font-weight: bold;
	font-size: 10pt;
	color: #990000;
	text-align: left;
	margin-left: 1cm;
	position: relative;
	}

TABLE
{	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 10pt;
	color: #6666FF ;
	position: relative;}

TABLE.yhteys
{	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 10pt;
	color: #000000 ;
	position: relative;}

.teksti
{	font-family: 'Arial Narrow', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 10pt;
	text-align: Center;
	background: #FFFFFF;
	color: #6666FF ;
	position: relative;
	left: 10pt;
	top:-20pt;}

.tekstiala
{	font-family: 'Arial Narrow', 'Arial', 'Sans-Serif';
	font-weight: normal;
	font-size: 12pt;
	text-align: Center;
	color: #ffffff ;
	position: relative;
	left: 0pt;
	top:10pt;
	}

.update { border-width: none;
	border-color: none;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	background: 'url(jpeg/updated.jpg)';
	background-position: right top;
	background-repeat: no-repeat;	 
	 }

EM {	background-image: 'url(jpeg/up.jpg)' ; }

EM.up { background: #6666FF; COLOR: #FFFFFF;}