body
{
text-align: center;
margin: 30px 0px 50px 0px;
padding: 0px;
background: #E6C091;
background-image: url(tldop-tausta.jpg);
color: #37261F;


font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;

}



#outer-border 
{
text-align: center;
width: 814px;
margin: 0px auto;
padding: 0px;
border: 0px;
background-color: #F7EFE2;
}


#header-container
{
width: 814px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #F7EFE2;
}


#header1 
{
width: 814px;
height: 150px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(tldop-title01.jpg);
background-repeat: no-repeat; 
background-position: top center;
}


#header2 
{
width: 814px;
height: 150px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(tldop-title02.jpg);
background-repeat: no-repeat; 
background-position: top center;
}


#header3 
{
width: 814px;
height: 190px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(tldop-title03.jpg);
background-repeat: no-repeat; 
background-position: top center;
}



#bodyblock 
{
position: relative;
width: 814px;
margin: 0px auto;
padding: 30px 0px 0px 0px;
border: solid #000000 0px;
background-image: url(tldop-main-tausta.jpg);
}


#navigation
{
float: left;
width: 140px; 
margin: 0px 0px 0px 70px; 
padding: 0px;
border: solid #000000 0px;
text-align: left;
}



#main 
{

width: 490px;
margin: 0px 70px 0px 240px;
padding: 0px;
border: solid #000000 0px;
text-align: left;
}




#disclaimer
{ 
width: 490px;
margin: 0px;
padding: 20px 5px 3px 240px;
text-align: justify;
text-decoration: none;
font-size: 10px;
} 


#bottom 
{
width: 814px;
height: 145px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(tldop-bottom.jpg);
background-repeat: no-repeat; 
background-position: top center;
}




a:link { color: #8A471E; border-bottom: 1px dotted #8A471E; text-decoration: none }
a:visited { color: #848F5D; border-bottom: 1px dotted #848F5D; text-decoration: none }
a:hover { color: #D78B5D; background-color: #F8E8CA; text-decoration: none }





.nav-title 
{ 
width: 135px;
height: 50px;
margin: 0px auto;
padding: 0px;
text-align: center;
border: 4px ridge #D7B05D;
background-image: url(button-navigation.jpg);
background-repeat: no-repeat; 
background-position: top center;
} 



.link-box a
{ 
display: block;
color: #6C4912;
background-color: #F0D29C;
width: 135px;
margin: 3px 0px 3px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
letter-spacing: 1px; 
font-weight: bold;
text-align: center;
border-width: 3px;
border-style: outset;
border-color: #D7B05D; 

} 


.link-box a:visited
{
display: block;
color: #6C4912;
background-color: #F0D29C;
text-decoration: none;
letter-spacing: 1px; 
font-weight: bold;
text-align: center;
}


.link-box a:hover
{
display: block;
color: #896D41;
background-color: #F9E9D1;
text-decoration: none;
font-weight: bold;
border-color: #F0D29C; 
}




h1 {font-size: 20px; font-weight: bold; margin: 0px; padding: 5px;}
h2 {font-size: 18px; font-weight: bold; margin: 0px; padding: 5px;}
h3 {font-size: 16px; font-weight: bold; margin: 0px; padding: 5px;}


h4 
{
margin: 0px 0px 10px 0px; 
padding: 5px;
font-family: "Palatino Linotype", "Times New Roman", Georgia, serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
letter-spacing: 0.5px;
text-align: left;
color: #4A6200; 
}



h5 
{
margin: 0px 0px 5px 0px; 
padding: 5px;
font-size: 12px; 
font-weight: bold; 
text-align: left;
color: #85724C; 
}


h6 {font-size: 10px; font-weight: bold; margin: 0px; padding: 5px;}


.thumbnail 
{ 
float: left; 
width: 100px; 
height: 101px;
border: 0px solid #785C5C;
margin: 0px 0px 20px 0px;
padding: 0px 5px 0px 5px;
} 



.filler { margin: 1px; }

.imgborder { border: 1px dotted #785C5C; } 

.linebreak { clear: left; }

.justify { text-align: justify; } 

.center { text-align: center; } 

.red-text { color: #990000; text-align: justify; } 

.caps-links {font-size: 12px; font-weight: bold; margin: 0px; padding: 0px;}



.intro-text
{ 
font-family: "Palatino Linotype", "Times New Roman", Georgia, serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
letter-spacing: 0.5px;
text-align: justify;
color: #85724C; 
} 



.quotes
{ 
font-style: italic;
text-align: justify;
color: #4A6200; 
} 


.pics-container
{
text-align:center;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto; 
border: solid #000000 0px;
}


.char-pics1
{
text-align:center;
padding: 0px 20px 0px 20px;
border: solid #000000 0px;
}


.char-pics2
{
text-align:center;
padding: 0px 5px 0px 5px;
border: solid #000000 0px;
}