body {
background:#1E1E1E;
font-family: arial;
font-size: 12px;
color: #3B3B3B;
text-align: center;
line-height: 22px;
margin:0;
padding:0;
background-image:url(ulkkakuvat/rem3.jpg);
background-position: top left;
background-repeat: repeat-x;
}

table {
font-family: arial;
font-size: 11px;
color: #3B3B3B;
text-align: justify;
}

txt {
position: relative;
left: 100px;
margin-top: 200px;
width: 800px;
text-align: justify;
}

h1 {
font-family: arial;
font-size: 15px;
color: #383838;
font-weight: bold;
text-align: center;
padding:3px;
line-height: 13px;
}

h2 {
font-family: arial;
font-size: 15px;
color: #383838;
font-weight: bold;
text-align: left;
padding:3px;
line-height: 13px;
}

h3 {
font-family: arial;
font-size: 10px;
color: #2B3C45;
font-weight: bold;
text-align: center;
padding:5px;
line-height: 20px;
}

h4 {
font-family: arial;
font-size: 13px;
color: #2B3C45;
font-weight: bold;
text-align: center;
padding:3px;
line-height: 4px;
}

h5 {
font-family: arial;
font-size: 15px;
color: #266177;
font-weight: bold;
text-align: center;
line-height: 0px;
}

h6 {
font-family: arial;
font-size: 15px;
color: #266177;
font-weight: bold;
text-align: center;
line-height: -25px;
}

h7 {
font-family: arial;
font-size: 10px;
color: #2F7793;
font-weight: bold;
text-align: center;
padding:5px;
line-height: 18px;
}

h8 {
font-family: arial;
font-size: 8px;
color: #2F7793;
font-weight: normal;
text-align: center;
letter-spacing: 1;
line-height: 20px;
}

h9 {
font-family: arial;
color: #3F5765;
text-shadow: 1px 1px 1px #C9C9C9;
font-size: 11px;
font-weight: bold;
font-style: none;
text-align: center;
line-height: 10px;
}


#ylapalkki {
position: absolute;
left: 0px;
top: 0px;
height: 327px;
width: 100%;
background-image:url(ulkkakuvat/rem3.jpg);
}

#bg {
position: relative;
width: 851px;
left: auto;
top: 0px;
text-align: justify;
margin-bottom: -10px;
background-image: url(ulkkakuvat/rem2.jpg);
background-repeat: repeat-y;
}

a:link {
font-family: arial;
font-size: 12px;
cursor: pointer;
text-decoration: none;
color: #2B3C45;
}
 
a:visited {
font-family: arial;
font-size: 12px;
cursor: pointer;
text-decoration: none;
color: #2B3C45;
}

a:hover {
font-family: arial;
font-size: 12px;
cursor: pointer;
text-decoration: none;
color: #83AEB1;
}

a:active {
font-family: arial;
font-size: 12px;
cursor: pointer;
text-decoration: none;
color: #83AEB1;
}

#rin1 { position: absolute; left: 170px; margin-top: -365px; width: 122px; text-align: center; }
#rin2 { position: absolute; left: 292px; margin-top: -365px; width: 137px; text-align: center; }
#rin3 { position: absolute; left: 429px; margin-top: -365px; width: 138px; text-align: center; }
#rin4 { position: absolute; left: 567px; margin-top: -365px; width: 138px; text-align: center; }

.li1 { background: url(ulkkakuvat/etu1.png) left top no-repeat; display: block; height: 50px; width: 122px; border: none; }
.li1:hover { background: url(ulkkakuvat/etu1-2.png) left top no-repeat; border-bottom: none; }

.li2 { background: url(ulkkakuvat/paimenet1.png) left top no-repeat; display: block; height: 50px; width: 137px; border: none; }
.li2:hover { background: url(ulkkakuvat/paimenet2.png) left top no-repeat; border-bottom: none; }

.li3 { background: url(ulkkakuvat/kasvatus1.png) left top no-repeat; display: block; height: 50px; width: 138px; border: none; }
.li3:hover { background: url(ulkkakuvat/kasvatus2.png) left top no-repeat; border-bottom: none; }

.li4 { background: url(ulkkakuvat/pentueet1.png) left top no-repeat; display: block; height: 50px; width: 138px; border: none; }
.li4:hover { background: url(ulkkakuvat/pentueet2.png) left top no-repeat; border-bottom: none; }


.kuvantausta {
font-family: arial;
font-size: 10px;
color: #2B3C45;
font-weight: bold;
text-align: center;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
background-color:#E8E8E8;
padding-top: 5px;
padding-bottom: 5px;
}