body {background:#FFDFBF;  
      font-family:verdana,sans-serif;
      
      }
      
p { font-family:verdana,sans-serif; font-size:1.0em;
   }
		
h1 {color:black;
    
    font-family:verdana,sans-serif;
    font-size:3.0em;
    border-style:outset;
    padding-top: 10px;
    text-align:center;
    }
    
h2 {color:#CCCCCC;
    background-color:teal;
    font-family:verdana,sans-serif;
    font-size:2.0em;
    padding-top: 20px;
    text-align:center;
    }

h3 {color:#CCCCCC;
    background-color:teal;
    font-family:verdana,sans-serif;
    border-style:ridge;
    padding-top: 20px;
    }
    
h4 {color:#CCCCCC;
    background-color:teal;
    font-family:verdana,sans-serif;
    font-size:1.0em;
    border-style:outset;
    padding-top: 20px;
    }


     
th {text-align:center; font-family: verdana,sans-serif;
    font-size: 1.2em;
    }
    

    
li {list-style-type: circle;    

    }
#uphoto {margin-left: auto; margin-right: auto;  width: 6em;} 
.keski{margin-left: auto; margin-right: auto;  width: 6em;}
.taulu {margin-left: auto; margin-right: auto;  width: 6em; } 
.keski6 {margin-left: auto; margin-right: auto;  width: 20em; margin-top:1em; margin-bottom:1em;}
.kuvat {margin-left: 100px; margin-right: auto; width: 8em;}
a {text-decoration: none}
a:link{color:black}
a:visited{color:maroon}
a:active{color:#330033}
a:hover{color:#000000 ; background-color:#FF9933}