A:link {
font-size : 11px;
letter-spacing : 1px;
font-family : Tahoma, Helvetica, sans-serif;
text-decoration : none;
color : #4E5A59;
}

A:visited {
font-size : 11px;
letter-spacing : 1px;
font-family : Tahoma, Helvetica, sans-serif;
text-decoration : none;
color : #0C1B1A;
}

A:hover {
font-size : 11px;
letter-spacing : 1px;
font-family : Tahoma, Helvetica, sans-serif;
text-decoration : none;
color : #C9DCDB;
}


body{
background-color:#d1d9d8;
background-image: url(tausta.jpg);
background-repeat: repeat-y;
margin: 0;
padding: 0;
text-align: left;
font: 11px verdana;
}


#kaarin{
margin-top: 10px;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 705px;
}



#logo{
background-image:url('logo.png');
height: 147px;
border: 0px solid #ccc;
background-color: #000000;
color: white;
margin-bottom: 0px;
}



#vasen{
width: 167px;
float: left;
}



#keski{
width: 535px;
float: left;
margin-left: 2px;
min-height:400px;

}



#oikea{
width: 200px;
float: left;
margin-left: 3px;
text-align:left;
}


.box{
border: 1px solid black;
border-top: 0px;
background-color: #ffffff;
}


.btop{
background-image:url('tausta2.jpg');
width: 0px;
border: 1px solid black;
height: 22px;
background-color: #453f3b;
font-family : tahoma, Helvetica, sans-serif;

font-size : 10px;
color : #f2d8ca;
letter-spacing:5pt;
text-align: left;
}


#vasen .box, #left .btop{
width: 168px;
}

.btop2{
background-image:url('tausta2.jpg');
width: 165px;
border: 1px solid black;
height: 22px;
background-color: #44494b;
padding: 2px;
font-family : tahoma, Helvetica, sans-serif;
color : #d3dbe0;
font-size : 10px;
letter-spacing:5pt;
}

#oikea .box, #oikea .btop{
width: 215px;
}

#keski .box, #keski .btop{
width: 535px;
text-align: left;
min-height:400px;
}

#keski .footer{
border: 1px solid black;
width: 535px;
height: 122px;
text-align: left;
margin-top: 10px;
background-color: #ffffff;


}


#keski .footer2{
border: 1px solid black;
width: 535px;
height: 122px;
text-align: left;
margin-top: 10px;
background-color: #ffffff;
min-height:400px;

}


.padding{
	padding: 4px; /* Reunojen ja tekstin väliin neljän pikselin tyhjä tila */

}
#navi ul{
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	background-color: #fff;

}
#navi ul li{
	display: block; /* Listan osa muutetaan block-tason elementiksi */
	height: 22px; /* Annetaan korkeudeksi 22 pikseliä */
	border-bottom: 1px solid black; /* Pohjaan rajaksi yhden pikselin musta raja */
}
#navi ul li a{
	display: block; /* Listan osa muutetaan block-tason elementiksi */
	height: 18px; /* Annetaan korkeudeksi 17 (22) pikseliä */
	color: #000000; 
	text-decoration: none; /* tekstin alleviivaus pois */
	padding-left: 3px; /* Teksti pois reunasta */
	padding-top: 4px;
}

/* Vielä hieman koristelua navigaation linkkeihin (hiiri päällä efekti) */
#navi ul li a:hover{
	background-color: #ccc; /* Vaihdetaan taustaväri */
	


}


.header3 {
background-color : #565245;
font-size : 15px;
font-family : Tahoma, Verdana, Arial;
font-weight : bold;
color : #AF9C89;
letter-spacing : 0;
text-align : left;
padding-top : 1px;
padding-bottom : 2px;
margin-top : 0;
border : 1;
border-color : #ffffff;
padding-top : 5px;
padding-left : 5px;
margin-bottom : 5px;
height : 20px;
}


.header2 {
background-color : #e2e3e4;
font-size : 20px;
font-family : Tahoma, Verdana, Arial;
font-weight : bold;
color : #ffffff;
letter-spacing : 0;
text-align : left;
padding-top : 1px;
padding-bottom : 2px;
margin-top : 0;
padding-top : 5px;
padding-left : 5px;
margin-bottom : 5px;
height : 30px;
}


.header {
background-color : #D2D4D6;
font-size : 20px;
font-family : Tahoma, Verdana, Arial;
font-weight : bold;
color : #ffffff;
letter-spacing : 0;
text-align : left;
padding-top : 1px;
padding-bottom : 2px;
margin-top : 0;
padding-top : 5px;
padding-left : 5px;
margin-bottom : 5px;
height : 30px;
}


a.button img {
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
border:none;
}

a.button:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 0.9;   
opacity: 0.9;
border:none;
}


td {
font-size : 12px;
font-family : Tahoma, Helvetica, sans-serif;
}

.images {
	
	background:#C3BEB6;
	border:2px solid #373430;
	text-align:center;
	height:125px;
	width:100px;
	margin: 11px 0 0 11px;
	padding:3px;
	color:#000000;
	font-size:11px;
	display:block;
	float:left;
	div-align: center;

}

.images:hover {
	background:#C9C3B8;

}




.tabletitle2
{
font-family: verdana;
font-size: 11px;
color: #003A46;
border: #687777;
border-style: solid;
border-width: 4px;
background-repeat: no-repeat;
background-color: #687777;
background-image: url(index_table.jpg);
padding: 2px;
line-height: 1.5;
}


.tabletitle3
{
font-family: verdana;
font-size: 11px;
color: #002D37;
border: #687777;
border-style: solid;
border-width: 1px;
background-repeat: no-repeat;
background-color: #3A7F57;
}

.tabletitle5
{
font-family: verdana;
font-size: 10px;
color: #003A46;
border: #687777;
border-style: solid;
border-width: 4px;
background-repeat: no-repeat;
background-color: #c3cdc8;
background-image: url(index_table.jpg);
padding: 2px;
line-height: 1.5;
}


.tabletitle6
{
font-family: verdana;
font-size: 10px;
color: #003A46;
text-align:left;
border: #cdd8c6;
border-style: solid;
border-width: 4px;
background-repeat: no-repeat;
background-color: #f8ece2;
padding: 2px;
line-height: 1.5;
}



.tabletitle7
{
font-family: verdana;
font-size: 10px;
color: #003A46;
border: #687777;
border-style: solid;
border-width: 4px;
background-repeat: no-repeat;
background-color: #ffffff;
padding: 2px;
line-height: 1.5;
}



.tabletitle8
{
font-family: verdana;
font-size: 10px;
color: #003A46;
border: #687777;
border-style: solid;
border-width: 4px;
background-repeat: no-repeat;
background-color: #d6d6d6;
padding: 2px;
line-height: 1.5;
}

.tabletitle9
{
font-family: verdana;
font-size: 10px;
color: #003A46;
border: #687777;
border-style: solid;
border-width: 0px;
background-repeat: no-repeat;
background-color: #e6eaec;
padding: 2px;
line-height: 1.5;
}




.line {
        BACKGROUND-COLOR: #d0d7d1;
}
.line_b {
        BACKGROUND-COLOR: #FFFFFF;
}

a.button img {
filter:alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3;
border:none;
}

a.button:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 0.9;   
opacity: 0.9;
border:none;
}




#menu
{		
font-family: 'tahoma', 'Arial', 'Sans-Serif';
font-weight: bold;
font-size: 7pt;
color: #b7a79b;
background: #544e44;
position: relative;
}


.menuhead { 
width: 110px;
text-align: center; 
font-size: 12px; 
color: #4f5042; 
background: #6f6b61;
background-image: url(http://www.zakura.org/tkk.gif);
font-family: verdana; 
letter-spacing: -1px; 
font-weight: bold; 
margin-bottom: 0px; 
padding: 2px; 
border: #FFFFFF 2px solid; 
font-style: none; }


.menu {	 
width: 110px; 
text-align: left;
border-left: 2px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding: 2px;
background-color: #dde4e5;
background-image: url(http://eternal.zakura.org/bgggg.png);
margin-bottom: 3px;
margin-top: 0px;}