BODY{
background-color: #FFFFFF;
}

    A.palkki { color: #ffffff; text-decoration: none } 
    A.navi { color: #000000; text-decoration: none }
    A.menu { color: #000000; text-decoration: none }
    A.menu:hover {  color: #EF0000; text-decoration: none  }
    A.navi:hover {  color: #6699CC; text-decoration: none  }

    p.otsikko{
    font: bold 10pt "Verdana", Arial, Helvetice, sans-serif;
    }
    p.leipa{
    font:  10pt "Verdana", Arial, Helvetice, sans-serif;
    }
    
    p.koulutusotsikko{
    font:  bold 10pt "Verdana", Arial, Helvetice, sans-serif;
    }
    
    p.koulutusleipa{
    font:  10pt "Verdana", Arial, Helvetice, sans-serif;
    margin: 0px 0px 0px 0px;
    padding-left: 15px;
    }

#listaus li{
font: 10pt "Verdana", Georgia, serif;
color: #000000;
list-style-type: square;
padding: 0px 0px 0px 25px;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
}  

#listaus p.otsikko{
font: bold 10pt "Verdana", Arial, Helvetice, sans-serif;
margin: 10px 0px 5px 0px;
}

#yhteystiedot li{
font: 10pt "Verdana", Georgia, serif;
color: #000000;
list-style-type: none;
padding: 0px 0px 0px 25px;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
}

#yhteystiedot p.otsikko{
font: bold 10pt "Verdana", Arial, Helvetice, sans-serif;
margin: 10px 0px 5px 0px;
padding-left: 15px;
}



/************** >>> THUMBNAIL GALLERY >>> *********************************/
.gallerycontainer{
position: relative;
width: 556px;
height: 500px;
padding: 5px 0px 5px 5px;
background-color: #999999;
}



.thumbnail img{
border: 1px solid white;
margin: 0px 5px 5px 0px;
}

.thumbnail:hover{
background-color: transparent;
-moz-outline-style: none;
}


.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: white;
font: bold 10pt "Verdana", Times, Georgia, serif;
text-decoration: none;
text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
margin: 155px 0px 0px 0px;
left: 72px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/************** <<< THUMBNAIL GALLERY <<< *********************************/