body { 
  background-color: #FFCC99; 
  font-family:      "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:        16px;
  color:      #330000;
 margin-top: 0px;
      margin-right:           5px;
 margin-bottom: 0px;
     margin-left: 5px;
 
}

#header { font-family: "Apple Chancery",cursive;
          color: #660000;
          font-size: 50px;
          background-color: #CC6633;
          border-color: #FF0000;
	  height: 200px;         
          padding: 20px;          
          margin: 0px;
          }

#main { 
  padding: 20px;
  }

h1 {
font-family: "Apple Chancery",cursive;  
font-size:        55px;
  
  color:            #660000;
}

h2 { 
  font-family: "Apple Chancery",cursive;
 font-size: 30px; 
   color:     #660000;
  }

h3 { 
   font-family: "Apple Chancery",cursive;
line-height: 20px;
   font-size: 16px; 
   color:     #330000;
   }

h4 { 
   font-family: "Apple Chancery",cursive;
line-height: 20px;
   font-size: 16px; 
   color:     #CC0033;
   }

.photoleft {
    height:        200px;
    float:         left;
    padding-right: 20px;
    padding-top:   0px;
    padding-left:  20px;
 }

.portrait {
    height:        120px;
   float: left;
    margin-right:        20px;
    
    border: 1px solid;
    border-color:  #660000;
 }

.kirja {  border: none;
             width:150px; 
             float: left;
    margin-right: 15px; 
margin-bottom:10px;
                }

.thumbnail  {  border: none;
             width: 80px; 
             float: left;
             margin-right: 15px; 
margin-bottom:10px;

                }

a:link {
  color:            #CC3300;
  text-decoration:  none;
  border-bottom:    thin dotted #0000FF;
    }

a:visited {
  color:            #CC3300;
  text-decoration:  none;
  border-bottom:    thin dotted #0000FF;
  }

a:hover {
  color:            #FF3300;
  text-decoration:  none;
  border-bottom:    thin dotted #FF3300;
}