body 
{
margin: 20px 0px 50px 0px; 
padding: 0px;
text-align: center;
background-color: #C69C63;
background-image: url(sg-tausta.jpg);
color: #8A6336;


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




#header1 
{
width: 656px;
height: 245px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FFF8E7;
background-image: url(sg-title01.jpg);
background-repeat: no-repeat; 
background-position: top center;
}


#header2 
{
width: 656px;
height: 245px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FFF8E7;
background-image: url(sg-title02.jpg);
background-repeat: no-repeat; 
background-position: top center;
}





#links
{
width: 150px; 
margin: 0px; 
padding: 35px 0px 0px 50px;
text-align: left;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
border: solid #000000 0px;
}



#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}


#navcontainer li 
{ 
width: auto;
margin: 0px; 
padding: 3px;
}

#navcontainer a
{
display: block;
padding: 0px;
text-decoration: none;
letter-spacing: 3px; 
font-variant: small-caps;
font-weight: bold;
color: #6698E2;
border-bottom: 1px dotted #B8CCE0;
}

#navcontainer a:hover
{
background: url(invisible.gif) 2px 0px no-repeat;
font-weight: bold;
color: #E88E3E;
border-bottom: 1px dotted #FAB87E;
}





#bodyblock 
{
text-align: center;
width: 656px;
margin: 0px auto;
padding: 0px;
border: 0px;
background-color: #FFF8E7;
background-image: url(sg-main-tausta.jpg);
}




#main 
{
width: 500px;
margin: 0px 25px 0px 60px;
padding: 20px 10px 10px 10px;
border: 0px;
text-align: left;
}



#bottom 
{
width: 656px;
height: 88px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FFF8E7;
background-image: url(sg-bottom.jpg);
background-repeat: no-repeat; 
background-position: top center;
}


#footer-text 
{
width: 500px;
margin: 0px 25px 0px 60px;
padding: 50px 10px 10px 10px;
text-align: left;
font-weight: bold; 
border: solid #000000 0px;
}



a:link { color: #CB822B; text-decoration: none }
a:visited { color: #85A9E5; text-decoration: none }
a:hover { color: #FFFFC0; background-color: #E2A56A; text-decoration: none }



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 
{
font-size: 14px; 
font-weight: bold; 
letter-spacing: 3px; 
text-decoration: overline;
margin: 0px; 
padding: 5px;
}


h5 {font-size: 12px; font-weight: bold; margin: 0px; padding: 5px;}


h6 
{font-size: 11px; 
font-weight: bold; 
letter-spacing: 1px; 
margin: 0px; 
padding: 5px;
border-bottom: 1px dotted #EADAC8;
}



.filler { margin: 1px; }

.justify { text-align: justify; } 



.quote-title 
{ 
text-align: left; 
font-size: 16px; 
font-family: "Times New Roman", Georgia, serif; 
font-style: italic; 
font-weight: bold; 
color: #BB0000;
} 


.quote-names 
{ 
text-align: right; 
font-size: 13px; 
font-family: "Times New Roman", Georgia, serif; 
font-style: italic; 
font-weight: bold; 
} 


.fls-subtitle 
{ 
text-align: right; 
text-decoration: none; 
font-size: 13px; 
font-family: Georgia, "Times New Roman", serif; 
font-weight: bold; 
color: #CB822B;
border-bottom: 1px dotted #FAB87E;
}


.imgborder { border: 7px solid #E7B687; } 



table
{
width: 500px;
margin: 0px; 
padding: 0px;
border-collapse: collapse;
border: 0px solid #e5eff8;
}


th 
{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #6E4428;
border: 1px solid #D6CBC8;
letter-spacing: 1px;
text-align: left;
padding: 6px;
}


td
{
text-align: left;
padding: 6px 6px 6px 6px;
border: 0px solid #e5eff8;
}


td.pic
{
width: 120px;
text-align: left;
padding: 6px 6px 6px 6px;
border: 0px solid #e5eff8;
}