body { 
background-image: url(tausta.jpg); 
color: black;
font-family:Arial, 'Arial Narrow', Sans-Serif; }
a:link, a:visited { color: #46220a; text-decoration: none;}
a:hover, a:active { color: #ae4d20; text-decoration: bold;}

table {
font-family:Arial;
font-size:10pt;
padding:0;
margin:0;
border:0;

}
p {
margin:0;
font-family:Arial;
font-size:10pt;
text-align:justify;
padding:50;
width:85%;
}
.suku{
border:1px dotted #705135;
font-family:Arial;
color:#fff;
font-size:10pt;
background-color: #2c1d10; 
height:89%;
text-align:center;}

.td1{
background-image: url(tausta.jpg);
color:white;
font-weight:bold;
font-size:8pt;
text-align:center;}

.td2{
background-color:#f1f1f1;
text-align:center;}

hr{
border-top: 0px dashed #2c1d10;
border-bottom: 2px dashed #2c1d10;
padding-left: 30px;
font-weight: bold;
width:86%;}

h1 {
font-family: trebuchet ms;
font-size: 18px;
color: #f1f1f1;
background-color: #705135;
text-align: left;
margin: 10px;
text-indent: 55px;}

h2 {
font-family: trebuchet ms;
font-size: 15px;
color: #2c1d10;
text-align: left;
margin: 10px;
text-indent: 55px;}

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-color:none; }

*html #overlay{
background-color: none;
}

}