/*P { color: #fafaf6; font-size: 100%; font-family: Arial, Verdana, Helvetica, Tahoma, Palatino }
H1 { color: #bedeea6; font-family: Tahoma, Arial, Verdana }
H2 { color: #d9d9aa; font-family: Tahoma, Arial, Verdana }*/

P { margin-right: 2cm; color: #black; font-size: 100%; font-family: Arial, Verdana, Helvetica, Tahoma, Palatino }
H1 { color: #black; font-family: Tahoma, Arial, Verdana }
H2 { color: #black; font-family: Tahoma, Arial, Verdana }

/*BODY { background: #586252 } */
body {
	position:relative; 
    left:50px;
    background-color: lightblue;
}

/* 
A:link { color: #b1c8cf }
A:hover { color: #84a8b3 }
A:active { color: #84a8b3 }
A:visited { color: #dfe9ec }
*/
/*
A:link { color: #ffffff }
A:hover { color: #ffffff  }
A:active {color: #ffffff  }
A:visited { color: #ffffff  }
*/


A:link { color: Black ; font-weight:bold }
A:hover { color: DarkOrange; font-weight:bold }
A:active {color: Red ; font-weight:bold }
A:visited { color:Black; font-weight:bold  }

/* Taulujen pohjav?ri */

.perhe     { width: 80%; background-color: #597262; text-align: left; padding-top: 15px; padding-bottom: 15px; border: 1px solid black }
.info       { width: 50%; background-color: #586252; vertical-align: top }
.sk         { font-family: Verdana; font-size: 10pt; margin-top: 2px; margin-left: 20px; margin-bottom: 0px background-color: #586252; }

figure {
    align: center;
    border: 0;
    margin: 20px; /* adjust as needed */
}
figure img {
    align: center;
}
figure figcaption {
    border: 0;
    
}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 60em

}

</body>

</html>
