<!--
body
{
background-color: #99cccd;
margin: 5px;
padding: 0;
font-size: 11;
font-family: arial, sans-serif;
color: #888;
}
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
.linksit
{
position:absolute;
right: 50;
top: 108;
font-size: 13pt;
Font-family: Courier-Bold,courier;
Font-weight: 700;
z-index:2000;
}
a {
color: #CC6600;
text-decoration: none;
font-size:8pt;
}
a:hover {
color:#99CCCC;
}
.text
{
font-size: 8pt;
color: #cc6600;
family: arial;
position: relative;
margin-top: 0;
right: 5;
margin-bottom: 5;
}
.pics
{
font-size: 11px;
margin-top: 3;
position: relative;
bottom: 10;
}
.bottom
{
position: absolute;
bottom: 5;
left: 70;
font-size: 12pt;
Font-family: Courier-Bold,;
}
.top
{
font-size: 11px;
color: #888;
margin-top: 3;
position: absolute;
right: 20;
top: 5;
}
.mail
{
font-size: 12px;
margin-top: 40;
position: absolute;
right: 50;
}
h1 {
font-family: arial-bold, sans-serif;
color: #333333;
font-size: 12pt;
}
h2 {
font-family: arial-bold, helvetica, sans-serif;
margin-left: auto; 
margin-right: auto;
margin-top: -20;
padding: 0;
color: #8888;
font-size: 16;
}
h3 {
font-family: verdana, arial, helvetica, sans-serif;
margin-left: auto; 
margin-right: auto;
padding: 0;
color: #8888;
font-size: 15;
font-style: strong;
margin: 20 0 16px 0;
}
.text>p {
margin-left: auto; margin-right: auto;
margin-top: 10;
}
.content>p+p {
text-indent: 30px;
}
.logo { 		   		
position: absolute;
width: auto;
min-width: 120px;
top: 10px;
left: auto;
right: auto;
border: no;
padding: 1px;
z-index: 1;
}
#boxi {
background-image: url("http://www.tikku-ukko.com/palikat/tausta_1.gif") ;
position: absolute;
width: 895px;
height: 614px;
overflow: no;
margin-top: 30; 
margin-bottom: ;
margin-left: 50; 
margin-right: auto;
font-size: 8pt;
border: no;
background-color: #99cccc;
padding-left: 0px;
padding-right: 0px;
padding-top: 0 ;
z-index: 0;
font-color: #888;
}
#news
{
position: absolute;
margin-top: 280;
left: 450;
width: 420px;
height: 310px;
overflow: auto;
padding: 5;
}
.pic
{
position: absolute;
margin-top: 25; 
right: 70; 
}
#kyltti { 
background: url("http://www.tikku-ukko.com/logo_passiv.gif") no-repeat;
position: absolute;
width: auto;
min-width: 240px;
top: 187;
left: 124;
border: no;
z-index: 2;
}
.clear {
 clear: both; margin: 0; 
 }
.etsi{
position:absolute;
right: 10;
margin-bottom: 0;
} 
#box { 
z-index:6000;
}
#box a {
color:#CC6600;;
font:bold 8pt Courier-bold, courier;
text-decoration:none;
padding:5px;
border:0px
}
#box a:hover {
color:#66cccc;
background:#ddd8b7;
filter:alpha(opacity=55);
-moz-opacity:.55;
width:428px;
}
#box a span {
display:none;
}
#box a:hover span {
color:black;
background:#fffcf4;
font:normal 8pt courier-bold, courier;
border:0px;
display:block;
padding:10px;}
-->