/* css tyylit */

body  { 
			background-color: #DCFFDF; /* CFC, 29316C  2F67CC*/
			text-align:center ; 
}

table { 
			width:100% ; 
}


li {
	 		list-style: circle;
}

#paiva {		
	            font-family: Tahoma, Verdana;
	            font-size: 10px;
	            color: #000000;

}


h1 { 
	 	 	font-family: Verdana,Tahoma,Arial; 
			font-size: 113% ; 
}
h2 { 
	 	 	font-family: Verdana,Tahoma,Arial; 
	 	 	font-size: 85%; 
		 	text-decoration : none;
			background: transparent; 
			border-bottom: #676767; 
			border-width: 0px 0px 1px 0px;
			border-style: none none dotted none; 
}

div.navi a, div.navi a:visited { 
			color: #000;
			text-decoration : none;
			background-color: transparent;
}


div.navi a:hover {
			
			text-decoration : none;
			background: transparent;
			border-bottom:2px;
			border-top:2px;
			border-top-style: solid;
			border-bottom-style: solid;
			border-bottom-color: gray;
			border-top-color: gray;
			color: #FFF;
}

div.linkki a, div.linkki a:visited { 
			color: #0E3057;
			font-size: 80%;
			font-family: Arial;
			text-decoration : none;
			background-color: transparent;
}

div.linkki a:hover {
			
			text-decoration : none;
			background: transparent;
			border-bottom: 1px;
			border-bottom-style: dotted;
			border-bottom-color: #000;
			color: #453F74;
}


#sisus { 
			width: 35em;
			text-align: left ;
}

#sisalto { 
      margin-top: 3em;

}

#kehys {	

			font-family: Tahoma,Verdana,Arial;
			margin-left: 25%;
			margin-right: 25%;
			font-size: 14px;
			width: 50%;
			margin-top: 5em;
			background: #D1FAD5; /*72A1ED*/
			padding: 1em;
			border:1px solid black;
}

#navi {
			padding-left:3em;
			padding-right:3em;
			padding-top: 1em;
			padding-bottom: 1em;
			margin-top: 0.4em;
			background:#9CC19F; /*4B85E5 */
			border:1px solid black;
			font-family: Tahoma,Verdana,Arial;
			letter-spacing:1px;
			font-size: 80%;
}
#c2 { 
			margin: 1em 2em 1em 4em;
}
#c1 { 
			margin: 1em ;
}


.main {
			color: #000;
			font-family: Tahoma, Verdana, Arial;
			font-size: 85%;
			text-align: left; /* justify */
			margin-left: auto; 
			margin-right: auto;
} 

#logot { 
			float:right;
			margin-top: 1em;
			border: 0; 
}

#valittu {

			color: #5D5D5D;
}
#topic {
			width: 560px;
			height: 70px;
}

img.log {
			border:0;
			width:88px;
			height:31px
}

#testi {
			margin-top: 0.5em;
			background: #D1FAD5; /*72A1ED*/
			padding: 1em;
			border:1px solid black;
 			text-align: left ;
			left:186px; 
			top:93px; 
			width:35em; 
			height:20em; 
			overflow: scroll; 
			visibility: inherit"
}