body {
    background:rgb(224,224,226);
		background-image:url(liuku.gif);
		background-repeat:repeat-y;
    margin:0;
    padding:0;
    font-family:Arial, Verdana, Helvetica;
		text-align:center;
		font-size:.8em;
}

div#otsikko {
    width:100%;
		border-bottom:4px solid rgb(200,122,023);
    height:145px;
		background-image:url(seina.jpg);
		
}

div#otsikko h1 {	 
  	padding:10px 1px 1px 1px;
    height:145px;
    background-image:url(saari.jpg);	
    width:80%;
		max-width:1000px;
		min-width:600px;
    margin:0 auto;
    text-align:center;
		font-family:Algerian, Tahoma, Verdana;
		font-size:3.0em;
		
}


div#sisalto, div#menu {
		background:rgb(235,235,235);				 
    margin:0 auto;
    width:80%;
    max-width:1000px;
		min-width:600px;
		text-align:left;

}

div#sisalto {
    background:rgb(235,235,235);
    position:relative;
    bottom:.75em;
    padding-bottom:.5em;
    text-align:center;
		overflow:auto;
    max-height:100%;
		min-height:550px;
		max-width:1000px;
		min-width:600px;
}


.menu {
		background:rgb(235,235,235);
    position:relative;
    bottom:0.9em;
	
}

.taulu {
		background:rgb(220,220,220);
    bottom:1.1em;
	  width:75%;
		height:auto;
		padding:1px 1px 1px 1px;
		margin:0% 10% 0% 10%;
		text-align:center;
		font-size:90%;
		border-style:solid;
		font-weight:bold;
		line-height:150%;

}

p {
    margin:2px 1px 2px 1px; 
    padding:1px 5px 1px 25px;
		text-align:left;
		line-height:125%      
}



ul.menu, ul.menu li {
    display:inline;
		font-size:1.2em;
}

ul.menu {
    margin:0; padding:0;
}

ul.menu li {
    padding:1px 10px 1px 2px;
		margin:1px 0px 1px 0px;
    border-left:2px solid #000;
		border-right:2px solid #000;
		font-size:80%;
		font-weight:bold;
		
}
ul.mokki {
		margin-top: 5px;
    margin-right: 1px;
    margin-bottom: 25px;
    margin-left: 15%;
		list-style-type: square
		
}
ul.mokki li {	
		margin:0 auto;
		text-align:left;
		line-height:150% 
		 
}

ul.ehto {
		margin-top: 5px;
    margin-right: 15%;
    margin-bottom: 5px;
    margin-left: 15%;
		list-style-type:none
		
}
ul.ehto li {	
		margin:0 auto;
		text-align:left;
		line-height:150% 
		 
}
ul.yhteys {
		margin-top: 5px;
    margin-right: 15%;
    margin-bottom: 5px;
    margin-left: 25%;
		list-style-type:none
}		
ul.yhteys li {	
		margin:0 auto;
		text-align:left;
		line-height:150% 
		 
}
h2 {
    margin:18px 0px 18px 0px;
    
}

h3 {
    margin:1px 1px 1px 1px;
    padding:10px 1px 1px 1px;
}

h4 {
    margin:1px 1px 1px 1px;
    padding:10px 1px 1px 1px;
}
div#sing {
		margin:15px 1px 1px 1px;		 
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:rgb(050,037,015);
	  position:relative;
    bottom:1em;
    text-align:center;
    font-family:Comic Sans MS bold;
		font-style:oblique;color:rgb(255,255,255);
		font-size:85%;
				
}

hr {
    width:150px;
    height:2px;
		background:rgb(195,195,195); 
		border:3px double #000;
		
}

.kuva {
    margin-top: 5px;
    margin-right: 1px;
    margin-bottom: 5px;
    margin-left: 1px;
    padding: 2px 1px 2px 1px;
    text-align:center;
    
}		

.up {
    margin-top: 8px;
    margin-right: 1px;
    margin-bottom: 6px;
    margin-left: 1px;
    text-align:center;
    font-size:95%;	
    
}		

.mkuva {
    margin:12px 2px 12px 1px;
    padding:.8px 4px 8px 1px;
    font-size:85%;
		font-weight:bold;
		
    
}		

.logo {
    margin:2px 2px 2px 2px;
    font-size:95%;
		float:left;
}		

.print {
    margin:25px 1px 1px 1px;
    font-size:95%;
		font-weight:bold;
		float:right;
}		

.face {
    margin:1px 10px 15px 1px;
    font-size:95%;
				float:right;
}		

td {
    margin:0;
    font-weight:bold;
		font-size:100%;
		
		
}

ul.link {
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 4px;
		float:left;
    list-style-type: none
		
}
ul.link li {	
		text-align:left;
		font-size:90%;
		line-height:135% 
		 
}

.lippu {
    margin:0px 0px 0px 0px;
    font-size:90%;
		font-weight:bold;
		float:right;
}		

a:link    { color : rgb(0,0,0); background : transparent none; }
a:visited { color : rgb(0,0,0); background : transparent none; }
a:active  { color : rgb(0,0,0); background : transparent none; }
a:hover   { color : rgb(255,255,255); background : rgb(118,118,118); }