body		{background-image: 	
		url(con.gif);
		}
.yle		{
		background-color: #ecfbf0;
		margin-left: 15%;
		margin-right: 15%;
		text-align: justify;
		padding: 1px 10px;
		border: 1px solid;
		border-color: #96deda;
		padding-bottom: 1em;
		font-size: 10pt;
		}
.ala {
		margin-left: 15%;
		}
.huom {background-color: #fff8e6;
			margin-right: 50%;
			padding: 10px;
			border-color: #ae6014;
			border-style: dashed;
			border-width: 2px;
                        width: 250px;}
			

			
.eri	{border: 0px;}

.up {background-color: #fff8e6;
			padding: 10px;
			border-color: #ae6014;
			border-style: dashed;
			border-width: 2px;}

.kuva {background-color: #fff8e6;
			margin-right: 30%;
			margin-left: 30%;
			margin-top: 10%;
			padding: 10px;
			}
			
.etuteksti { margin-right: 30%;
			margin-left: 30%;
			margin-top: 10%;}
			
.ekuva   {margin-left: 40%;
			}
			
.ykuva   	{text-align: center;
		margin-left: 15%;
		margin-right: 15%;
		background-color: #5d7964;}

.eq			{margin-left: 30%; 
			margin-top: 5%; 
			}	
.alku			{margin-left: 40%; 
				margin-top: 2%;
				margin-right: 30%;}
.ylahomma		{
		margin-left: 15%;
		margin-right: 15%;
		text-align: justify;
		padding: 2px;
		background-color: #5d7964;
		border: 1px solid;
		border-color: #5d7964; 
		color: #5d7964;}
		
.alahomma		{
		margin-left: 15%;
		margin-right: 15%;
		text-align: justify;
		padding: 2px;
		background-color: #acedde;
		border: 1px solid;
		border-color: #acedde; 
		color: #acedde;}
		
.elahomma		{
		margin-left: 15%;
		margin-right: 15%;
		text-align: justify;
		padding: 2px;
		background-color: #acedde;
		border: 1px solid;
		border-color: #acedde; 
		color: #acedde;}
		
a:visited.val {
	color: white;}
a:hover.val {
	color:#E5E01A;}

	a:visited.val1 {
	color: white;}
	a:hover.val1 {
	color:#E5E01A;}
	a:visited.val2 {
	color: white;}
	a:hover.val2 {
	color:#E5E01A;}
	a:visited.val3 {
	color: white;}
	a:hover.val3
	{color:#E5E01A;}
	a:visited.val4 {
	color: white;}
	a:hover.val4 {
	color:#E5E01A;}
	
.right { float: center; }