body
{
   font-size: 12px;
   font-family: Verdana;
   background-color: white;
   background-image: url("images/gradient_tausta.jpg");
   background-repeat: repeat-x;
   margin: 0;
   padding: 0;
}

img
{
   border: 0;
   margin: 0;
   padding: 0;
}

form
{
   margin: 0px;
   padding: 0px;
}

li
{
   vertical-align: middle;
}

h1,h2,h3,h4,h5,h6
{
   margin:0;
   padding:0;
}

a:hover
{
   text-decoration: underline !important;
}

.banner a:active, .banner a:focus
{
   outline: none;
}

#ylanavi a, .banner a:hover
{
   text-decoration: none !important;
}



#sivu
{
   background-image: url("images/sivutausta.jpg");
   background-repeat: repeat-y;
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#header
{
   margin: 0;
   background-image: url("images/header.jpg");
   background-repeat: no-repeat;
   width: 960px;
   height: 122px;
}

#header a
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   width: 400px;
   height: 122px;
   text-decoration: none;
}

#header .haku
{
   margin-top: 81px;
   float: right;
   width: 187px;
   height: 30px;
}

#header .hakusana
{
   border: 0;
   padding: 0;
   margin: 0px 0px 0px 2px;
   background-color: transparent;
   width: 140px;
   height: 16px;
   font-family: Arial;
   font-size: 12px;
}

#header .nappi
{
   border: 0;
   padding: 0;
   margin: 0;
   background-color: transparent;
   color: transparent;
   width: 40px;
   height: 22px;
}

#ylanavi
{
   margin: 0;
   padding: 0;
   width: 960px;
   height: 34px;
   background-image: url("images/ylanavi_tausta.jpg");
   background-repeat: no-repeat;
   color: white;
}

#ylanavi ul
{
   list-style: none;
   padding: 0px;
   margin: 0px;
}

#ylanavi li
{
   margin-top: 8px;
   margin-left: 3px;
   margin-right: 3px;
   display: block;
   height: 26px;
   line-height: 26px;
   float: left;
   background: url(images/tab.png);
   background-position: left top;
}

#ylanavi li a
{
   display: block;
/*   height: 26px; */
   line-height: 26px;
   background: url(images/tab.png);
   background-position: right top;
   margin-left: 8px;
   padding-right: 8px;
   color: black;
   text-transform: uppercase;
   text-decoration: none;
}

#ylanavi .level1a
{
   background-position: left bottom !important;
}

#ylanavi .level1a a
{
   background-position: right bottom !important;
   font-weight: bold;
}

.vali
{
   width: 960px;
   height: 10px;
   background-image: url("images/vali.jpg");
   background-repeat: repeat-y;
}

.vali2
{
   height: 15px;
   background-color: white;
}



#navi
{
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 15px 8px;
   width: 235px;
   float: left;
}

#navi ul a
{
   font-family: Arial;
}

#navi ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}

#navi li
{
   display: block;
}

#navi li img
{
   display: inline-block;
   vertical-align: middle;
   margin-right: 4px;
}

#navi a:link, #navi a:visited
{
   color: black;
   text-decoration: none;

}


#navi li a
{
   margin-left: 3px;
}

#navi .level1ul
{
   border-top: 2px solid #97cd77;
   border-bottom: 1px solid #97cd77;
   margin-bottom: 30px;
}

#navi .level2ul
{
   border-top: 2px solid #97cd77;
   border-bottom: 1px solid #97cd77;
   padding-left: 20px;
   padding-top: 6px;
   padding-bottom: 6px;
}

#navi .level3ul
{
   border-top: 1px solid #97cd77;
   padding-left: 20px;
   background-color: white;
   padding-top: 5px;
   padding-bottom: 5px;
}

#navi .level1
{
   border-top: 1px solid #97cd77;
   width: 235px;
   line-height: 30px;
   vertical-align: middle;
   font-weight: bold;
   font-size: 14px;
}

#navi .level1 a
{
   margin-left: 7px;
   display: inline-block;
}


#navi .level2
{
   font-size: 13px;
   font-weight: normal;
   background-color: white;
   line-height: 20px;
   vertical-align: middle;
}

#navi .level2 a
{
   margin-left: 3px !important;
}

#navi .level3
{
   padding-left: 10px;
   font-size: 12px;
   font-weight: normal;
   line-height: 15px;
   vertical-align: middle;
   background-color: white;
}

#navi .level4
{
   padding-left: 10px;
   font-size: 11px;
   font-weight: normal;
}

#navi .level1a
{
   border-top: 1px solid #97cd77;
   width: 235px;
   line-height: 35px;
   vertical-align: middle;
   font-weight: bold;
   font-size: 14px;
   background-color: white;
}

#navi .level1a a
{
   margin-left: 7px;
}

#navi .level2a
{
   font-weight: normal;
   font-size: 13px;
   background-color: #E3E3E3;
   line-height: 20px;
   vertical-align: middle;
}

#navi .level2a a
{
   margin-left: 3px !important;
}

#navi .level3a
{
   padding-left: 10px;
   font-size: 12px;
   font-weight: normal;
   background-color: #E3E3E3;
}

#navi .level4a
{
   padding-left: 10px;
   font-size: 11px;
   font-weight: bold;
}

#navi .banner
{
   width: 210px;
   margin-bottom: 15px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   font-family: Arial;
}

#navi .banner td
{
   padding-left: 13px;
}

#navi .banner .violetti
{
   background-image: url(images/banneripohja2.jpg);
}

#navi .banner .vihrea
{
   background-image: url(images/banneripohja1.jpg);
}

#sis
{
   margin: 0px 10px 0px 15px;
   padding: 0;
   width: 500px;
   float: left;
}

#sis ul
{
   list-style-position:inside;
   margin: 0;
   padding: 0px 0px 0px 10px;
}

#sis ul ul
{
   list-style-type: disc;
   padding: 0px 0px 0px 30px;
}


#sis li
{
   margin: 0;
   padding: 0;
}


#sis .kuva
{
   margin: 0px 10px 10px 0px;
}

#sis .kuvavas
{
   margin: 0px 10px 10px 0px;
}

#sis .kuvaoik
{
   margin: 0px 0px 10px 10px;
}

#sis .vbanner img
{
   display: block;
   margin-left: auto;
   margin-right: auto;

}

.controls
{
   width: 115px;
   height: 27px;
   float: right;
}

.banners
{
   margin: 0px 0px 0px 6px;
   padding: 0px 0px 15px 0px;
   width: 176px;
   float: left;
}

.banners hr
{
   border-style: inset;
   height: 2px;
   margin: 23px 3px 10px 3px;
}

.bannertop
{
   width: 176px;
   height: 13px;
   margin: 0px;
   background-image: url(images/ylaosa_oikea.jpg);
}

.banners .banner
{
   width: 140px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 15px;
   font-family: Arial;
}

.banners .banner td
{
   padding-left: 2px;
}

.banners .banner a
{
   text-decoration: none;
}


.banners .violetti
{
   background-image: url(images/banneripohja3.jpg);
}

.banners .vihrea
{
   background-image: url(images/banneripohja4.jpg);
}

#footer
{
   width: 960px;
   height: 52px;
   background-image: url("images/footer.png");
   background-repeat: no-repeat;
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;
   color: #CCFF66;
}

#footer div
{
   float:left;
   padding-top: 4px;
}

#footer .left
{
   margin-left: 28px;
   width: 300px;
   text-align: left;
}

#footer .middle
{
   width: 300px;
   text-align: center;
}

#footer .right
{
   width: 300px;
   text-align: right;
}



#footer a
{
   text-decoration: none;
   color: #CCFF66;
}

.otsikko1
{
   color: black;
   font-size: 18px;
   font-weight: bold;
   margin: 0;
   padding: 10px 0px 15px 0px;
}

.otsikko2
{
   color: black;
   font-size: 16px;
   font-weight: bold;
   padding: 10px 0px 5px 0px;
}

.otsikko3
{
   color: black;
   font-size: 14px;
   padding: 10px 0px 5px 0px;
}

.otsikko4
{
   color: black;
   font-size: 12px;
   padding: 10px 0px 5px 0px;
}

#dulogo
{
   width: 960px;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
}