body {	background-color: #99CCCC; } /* 99CCFF background: url(images/sin_tausta_levea.gif);  */

#container2 {background-color: white; border: solid black 1px; margin: 20px; padding: 20px;}

#header {background-color: #fff; padding: 10px; overflow: hidden; vertical-align: top; margin-top: 30px;}
#header img {margin-top: -20px; float:left;}
#header p { vertical-align: top;}

#navi { color: #000; margin: 0; text-align: center; background-color: white; padding: 5px; padding-top: 10px; word-spacing: 7px; letter-spacing: 1px;
line-height: 30px;
}

#navi a { margin: 0; color: #000; text-decoration: none; font-weight: normal; }
#navi a:hover { text-decoration: underline;color: black; }

a#current {font-weight: bold;}

table.suku {background-color: #fff;  border-spacing: 3px; width: 80%; } 
table.suku td {border: solid #000 1px; background: url(images/sin_tausta_levea.gif); color: black; padding: 5px; text-align: left; vertical-align: middle;} 

table.kantakirjaus {border: solid #99CCFF 2px; margin-top: 7px; width: 60%;}
table.kantakirjaus td {border: solid #99CCFF 2px; text-align: center;}
table.kantakirjaus th.yht {width: 15%;}

/*
#99CCFF
*/
h1	{ background: url(images/otsikkotausta.jpg); border: double black 4px;
	 	color: black;
	  
	  font-family: Tahoma, Helvetica;
	  font-size: 150%;
	  letter-spacing: 2px; 
	  padding-left: 10px;}

h2	{ background: url(images/otsikkotausta.jpg); repeat: repeat-x; border: dotted black 1px;
	  color: black;
	  font-family: Arial, Helvetica;
	  font-size: 130%; 
	  padding-left: 10px;
}

h3	{ color: black; 
	  font-family: Arial, Helvetica;}

h4	{ color: black; 
	  font-family: Arial, Helvetica; 
	  font-weight:lighter;}

blockquote	{font-style: italic;}

p.esittely {vertical-align: top; font-size: larger;}
span.nimi { font-size: larger; vertical-align: bottom; font-family: Script MT Bold, Mistral, Verdana; font-size: 200%;}

div.kuvateksti { float: right; margin: 10px 0 10px 10px; /* top right bottom left*/ 
		 text-align: right; font-size: smaller; font-style: italic;}

p.kuvasivu {text-align: center; } /* margin-bottom: 5%; */

.tilaa {clear: both;}
.piilo	{display: none; }