body, html{
width:100%;
height:100%;
padding:0px;
margin:0px;
background-color:#6599ff;
}


.top{
width:984px; 
height:206px; 
background-image:url(gfx/topvasen.jpg);
}



.keski
{
width:984px; 
min-height:400px; 
height:auto;
background-image:url(gfx/tausta.jpg);
background-repeat:repeat-y;
overflow:auto;
}

.frame{
width:340px; 
position:absolute; 
left:0px; 
background-image:url(gfx/leuka.jpg); 
background-position:top left; 
background-repeat:no-repeat;

}

.frame a
{
color:#5184ec;
text-decoration:none;


}
.frame a:hover{

color:#f0ab2a;
}

.frame p{
margin-left:170px; 
margin-top:10px; 
font-size:17px; 
color:#5184ec; 

}

.teksti{
float:right;
margin-right:20px;
width:620px; 
left:345px; 
color:#525151;
min-height:400px;
}

.teksti p{
margin-right:30px;
}

.teksti a{
color:#5184ec;
}
.ajankohtaista{
float:right;
background-image:url(gfx/ajankohtaista.jpg);
background-repeat:no-repeat;
height:254px;
width:176px;
padding-top:80px;
padding-left:35px;
padding-right:30px;
padding-bottom:10px;
margin-right:-70px;
}

.ajankohtaista p{
width:120px;
}
h2
{
color:#f2ab2e; 
text-align:center;
font-size:19px;
}


h3
{
color:#30e01e; 
text-align:left;
font-size:14px;
}

.ala{
width:984px; 
height:70px; 
background-image:url(gfx/ala.jpg);
background-repeat:no-repeat; 
color:#abc5fa;
}
body>.ala{position:relative; top:-20px;}
.ala p{
position:relative; 
left:300px; 
top:40px; 
font-size:11px;
}
.ala a{color:#b6c7ec;}