/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #f7ffb3 url(images/tausta.jpg) top center repeat; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#sisalto {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
padding: 0px 17px 0px 17px;
}


/**************************************************/
/*                               All the content                                        */
/**************************************************/

#otsikko {
background: url(images/otsikko.jpg) top center no-repeat; 
width: 746px;
height: 166px;
padding-left: 10px;
padding-right: 10px;
color: white;
font-size: 50px;
text-align: left ;
}

#jakaja {
background: #c6f800; 
width: 766px;
height: 5px;
}
#jakaja_pieni1 {
background: #c6f800; 
width: 636px;
height: 2px;
}
#jakaja_pieni2 {
background: #c6f800; 
width: 636px;
height: 2px;
}
#jakaja_pieni3 {
background: #c6f800; 
width: 636px;
height: 2px;
}

#valikko1 {
background: #f7ffb3 top center no-repeat; 
width: 654px;
height: 35px;
margin-left: 46px;
padding-top: 4px;
padding-bottom: 2px;
}

#valikko2 {
background: #f7ffb3 top center no-repeat; 
width: 600px;
height: 35px;
margin-left: 110px;
padding-top: 2px;
padding-bottom: 4px;
}

#teksti {
background: #f7ffb3 ;
width: 654px;
min-height: 300px;
margin: 0px 0px 0px 50px;
padding-top: 20px;
border: 2px navy;
font: normal 10pt/16pt trebuchet ms, arial,sans-serif;
}

#teksti_hlot {
background: #f7ffb3 ;
width: 654px;
min-height: 300px;
margin: 0px 0px 0px 50px;
padding-top: 20px;
border: 2px navy;
font: normal 10pt/16pt trebuchet ms, arial,sans-serif;
text-align: center;
}

#teksti ul{
list-style-image: url(images/bullet.gif)
}

#teksti h1{
font: normal 20pt trebuchet ms, arial,sans-serif;
}

#teksti h2{
font: normal 16pt trebuchet ms, arial,sans-serif;
}

#kartta {
background: #f7ffb3 ;
width: 500px;
margin: 0px 0px 0px 90px;
padding-top: 20px;
}

#alaotsikko {
background: #c6f800;
width: 766px;
height: 40px;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}


img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}

#menu td{
background: url(images/nappi.png);
width: 148px;
}

#menu a{
text-decoration:none;
font-size:14pt;
color:black;
}

#menu td:hover {
background: url(images/nappi_on.png);
}

#menu td#selected {
background: url(images/nappi_on.png);
}