body {
color : #000000; 
background-color : #c0c0c0;
font-family: geneva, arial, sans-serif;
margin : 0;
}

p {
font-size : 11pt;
text-align : justify;
}

h1 {
color : #602020;
font-size : 16pt;
text-align : right; 
margin : 20px;
margin-left : 100px;
padding: 0;
}

h2 {
color : #000000;
font-size : 11pt;
}

#sisalto {
background-color : #ffffff;
width : 80%;
margin-left : 10%;
margin-right : 10%;
margin-top : 20px;
margin-bottom : 20px;
}

#ylapalkki {
background-color : #602020;
padding : 10px;
margin : 0;
margin-bottom : 5px;
font-size : 24pt;
}

#sivupalkki {
float : left;
background-color : #ffffff;
margin : 0;
}

#kuvat-ylarivi {
margin-top : 0;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 10px;
}

#kuvat-alarivi {
margin-top : 0;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 10px;
}

#teksti {
display : block;
margin : 20px;
}

#alapalkki {
margin : 0;
margin-top : 10px;
padding : 10px;
background-color : #602020;
}

#nbsp {
clear : left;
}

.motto {
font-weight : bold;
font-style : italic;
font-size : 12pt;
color : #602020;
}

ul.ylanavigaatio {
margin : 0;
padding : 0;
list-style-type : none;
font-weight : bold;
}

ul.ylanavigaatio li {
display : inline;
}

ul.alanavigaatio {
clear : left;
margin : 0;
padding : 0;
list-style-type : none;
font-weight : bold;
}

ul.alanavigaatio li {
display : inline;
}

ul.pohjalinkit {
width : 100%;
background-color : #602020;
clear : left;
margin : 0;
padding : 0;
list-style-type : none;
}

ul.pohjalinkit li {
display : inline;
}

ul.kuvalista {
margin : 30px;
list-style-type : none;
font-weight : bold;
}

img.pikkukuva {
width : 160px;
height : 200px;
margin : 0;
margin-left : 10px;
border : 2px solid #000000;
}

img.keskikuva {
width : 240px;
height : 320px;
margin : 0 10px;
border : 3px solid #000000;
}

img.isokuva {
width : 480px;
height : 640px;
margin : 0 10px;
border : 4px solid #000000;
}

a:visited {
color : #602020;
text-decoration : underline;
background-color : ffffff;
}

a:link {
color : #602020;
text-decoration : underline;
background-color : transparent;
}

a:hover {
color : #000080;
text-decoration : underline;
background-color : #ffffff;
}

a:active {
color : #000080;
text-decoration : underline;
background-color : #ffffff;
}

a.likki:visited {
color : #ffffff;
text-decoration : none;
background-color : #602020;
}

a.likki:link {
color : #ffffff;
text-decoration : none;
background-color : #602020;
}

a.likki:hover {
color : #ffffff;
text-decoration : underline;
background-color : #602020;
}

a.likki:active {
color : #ffffff;
text-decoration : underline;
background-color : #602020;
}

ul.ylanavigaatio a:visited {
color : #602020;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.ylanavigaatio a:link {
color : #602020;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.ylanavigaatio a:active {
color : #000080;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.ylanavigaatio a:hover {
color : #000080;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.alanavigaatio a:visited {
color : #602020;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.alanavigaatio a:link {
color : #602020;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.alanavigaatio a:active {
color : #000080;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.alanavigaatio a:hover {
color : #000080;
text-decoration : underline;
background-color : #ffffff;
margin-left : 10px;
margin-right : 0;
}

ul.pohjalinkit a:visited {
color : #ffffff;
text-decoration : none;
background-color : #602020;
margin-left : 10px;
margin-right : 0;
}

ul.pohjalinkit a:link {
color : #ffffff;
text-decoration : none;
background-color : #602020;
margin-left : 10px;
margin-right : 0;
}

ul.pohjalinkit a:active {
color : #ffffff;
text-decoration : underline;
background-color : #602020;
margin-left : 10px;
margin-right : 0;
}

ul.pohjalinkit a:hover {
color : #ffffff;
text-decoration : underline;
background-color : #602020;
margin-left : 10px;
margin-right : 0;
}



