body { 
background-color : #eeFFFF; 
margin : 0; 
} 
#topBoxi { position: absolute; top:0px; left:0px; width:600pc; height:100px; padding:3px; visibility: visible; z-index:0 }
#iki { 
position : relative; 
top : 0; 
font-family : arial; 
font-weight : bold; 
color : blue; 
text-align : center; 
width : 100%; 
border : 2px solid black; 
background-color : #FFcccc; 
}
a { 
font-size : 14px; 
} 
a.tavis:link { display:block; width: 100%; color:#0099FF }
a.tavis:active { display:block; width: 100%; color:#00FFFF;text-decoration: none }
a.tavis:visited { display:block; width: 100%; color:#FF6600; }
a.tavis:hover { background: #ffffff; color: black; }
dl { 
font-size : 16px; 
} 
.Varjo {
width: 100%; filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='3', OffY='2',color=#999999,positive=true,direction=185);
}
.Raja10 { 
margin:10px;
border-collapse : collapse; 
border : 1px solid black; 
} 
.Raja0 { 
padding:5px;
border-collapse : collapse; 
border : 1px solid black; 
} 
.Raja0 th { 
font-size : 10px; 
font-family : Arial; 
} 
#sininen { color:blue }
#keltanen { color:yellow }
#valkonen { color:white }
#punanen { color:red }
#Boxi { 
border:solid black 1px; padding:3px; background-color:#AADD99;
} 
.Boxi li,dd { list-style-image: url(../icons/left.gif);
}
.Boxi li,dd:hover { list-style-image: url(../icons/left.gif);
}
.pieni {
font-family: Arial,helvetica,sans-serif,verdana;
font-size: 12px;
}
.alaRaja { border-bottom:solid black 1px;
}
p { 
font-size : 14px;
padding-left:6px;
} 
.Pala { 
font-size : 16px; 
margin : 8px; 
padding : 8px; 
border : 1px solid black; 
background-color : #ccffff; 
} 
.Koko10 { 
font-size : 10px; 
font-family: arial;
} 
.Koko12 { 
font-size : 12px; 
font-family: arial;
} 
.Koko14 { 
font-size : 14px; 
font-family: arial;
} 
.Koko16 { 
font-size : 16px; 
font-family: arial;
} 
.Koko18 { 
font-size : 18px; 
font-family: arial;
} 
.Koko20 { 
font-size : 20px;
font-family: arial; 
} 
.Koko24 { 
font-size : 24px; 
font-family: arial;
} 
.Koko28 { 
font-size : 28px; 
font-family: arial;
} 
.Koko32 { 
font-size : 32px; 
font-family: arial;
} 
#Navi { 
font-size : 14px; 
} 
#Navi a { 
background : #cbf0bd; 
text-decoration : none; 
position : relative; 
display : block; 
padding-left : 5px; 
height : 20px; 
top : 0; 
left : 0; 
width : 130px; 
color : black; 
border-top : 1px solid #fff; 
border-left : 1px solid #fff; 
border-bottom : 1px solid #000; 
border-right : 1px solid #222; 
} 
#Navi a:hover { 
background-color : #ccccdd; 
padding-left : 4px; 
border-top : 1px solid #222; 
border-left : 1px solid #000; 
border-right : 1px solid #fff; 
border-bottom : 1px solid #fff; 
} 
 
h1 {
font-size: 34px;
font-family: Arial, Georgia, serif;
padding-left: 9px;
}
 
h2 {
font-size: 30px;
font-family: Arial, Georgia, serif;
padding-left: 9px;
}
	
h3 { 
font-size: 26px;
font-family: Arial, Georgia, serif;
padding-left: 9px;
font-variant: small-caps;
}
h4 {
 font-size: 22px;
font-family: Arial, Georgia, serif;
padding-left: 9px;
}
h5 { margin-top:0px;
 font-size: 18px;
font-family: Arial, Georgia, serif;
padding-left: 9px; background: #aaa;
}
h6 { margin-top:0;
 font-size: 16px;
font-family: Arial, Georgia, serif;
padding-left: 9px; background: #ddd;
}
#Oh0,#Oh1 { padding:2px; width:140px; height:20px; font: bold 12px Arial, Helvetica, sans-serif; border-top: 1px solid #eee; border-bottom: 1px solid #000; background: #aaa;
}
#Oh2,#Oh3,#Oh4,#Oh5,#Oh6,#Oh7,#Oh8 { cursor:help; padding:2px; width:140px; height:20px; font: bold 12px Arial, Helvetica, sans-serif; border-top: 1px solid #eee; border-bottom: 1px solid #000; background: #aaa;
}
#Kuu { visibility: visible;
}
#Lasi {position:absolute; color:black; font-size:12px; font-family:arial; font-weight:bold; width:460px; margin-left:5px; margin-top:5px; border:1px solid blue; padding:4px; background:white; opacity:0.6; filter: alpha(opacity=50); visibility: hidden;  z-index: 3;
}