body {
         background:  #EEB422;  /*#FFCC66 keltainen, tausta_punainen.jpg*/;
         margin : 1% 5% 5%;
         padding : 0;
      }
      
/* SIVUJEN OSAT*/
#ylaosa {
         background : url(tausta/yla_kelt_a.jpg) no-repeat top left;  /*url(tausta/yla2.jpg) keltainen, yla_punainen.jpg*/;
         width : 831px;
         height : 101px;
         border : 0;
         margin : 0;
         padding : 0;
      }
      
      img.kuukaudenkuva {border:0;
      margin: 0 0 0 -8px;}
      
      
#tekstit {
         background : url(tausta/keski_keltainen.jpg) repeat-y top left; /*url(tausta/keski2.jpg) keltainen , keski_punainen.jpg*/;
         width : 831px;
         height:100%;
         border : 0;
         margin : 0;
         padding : 0;
      }
#alaosa {
         background : url(tausta/ala_keltainen.jpg) no-repeat top left;/*url(tausta/ala2.jpg) keltainen, ala_punainen.jpg*/;
         background-color : transparent;
         width : 831px;
         height : 23px;
         border : 0;
         margin : 0;
         padding : 0;
      }      
      
#liput {margin: -102px 0 0 230px;
height: 101px;
}
      
/* ERI OSASTOJEN VALINNAT*/

#navigointi {
		 background: url(tausta/yla_kelt_b.jpg) no-repeat top left; /*url(tausta/linkit2.jpg) keltainen, linkit_punainen.jpg*/;
         background-color : transparent;
         width : 831px;
         height : 53px;
         padding : 0;
         margin: -43px 0 0 0;  /*IE*/
         voice-family: "\"}\"";
		 voice-family: inherit;
         margin:0px 0 0 0; /*IE*/
         
     }
     
     html>body #navigointi {
   		 margin: 0px 0 0 0;} /*FF, OPERA*/
     
             
#navigointi ul {
         background : none;
         background-color : transparent;
         border : 0;
         margin : 0 0 0 90px;
         padding : 0;
         text-align : center;
               }
#navigointi ul li {
         background : none;
         background-color : transparent;
         margin : 0;
         float : left;
         height : 20px;
         padding : 7px 0px 0 10px;
         font-family : Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-size : 1.1em;
         font-style : normal;
         font-weight : normal;
         line-height : 1.2em;
         letter-spacing : 0;
         text-align : left;
         word-spacing : normal;
         text-decoration : none;
         color : #FFFFFF;
         list-style-type : none;
      }
#navigointi ul li a {
         background : none;
         background-color : transparent;
         height : 20px;
         margin : 0;
         padding : 7px 0px 0 10px;
         list-style-type : none;
         border : 0;
         text-decoration : none;
         font-family : Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-size : 1.1em;
         font-style : normal;
         font-weight : normal;
         line-height : 1.2em;
         letter-spacing : 0;
         text-align : left;
         word-spacing : normal;
         color : #FFFFFF;
      }
      

ul#navigoi li a {
         background : none;
         background-color : transparent;
         height : 20px;
         margin : 0;
         padding : 7px 0px 0 10px;
         list-style-type : none;
         border : 0;
         font-family : Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-size : 1.1em;
         font-style : normal;
         font-weight : normal;
         line-height : 1.2em;
         letter-spacing : 0;
         text-align : left;
         word-spacing : normal;
         text-decoration : none;
         color : #FFFFFF;
      }
ul#navigoi li {
         background : none;
         background-color : transparent;
         height : 20px;
         margin : 0;
        padding : 7px 0px 0 10px;
         list-style-type : none;
         border : 0;
         font-family : Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-size : 1.1em;
         font-style : normal;
         font-weight : normal;
         line-height : 1.2em;
         letter-spacing : 0;
         text-align : left;
         word-spacing : normal;
         text-decoration : none;
         color : #ffffff;
      }
ul#navigoi li a:hover {
         background : none;
         background-color : transparent;
         height : 20px;
         margin : 0;
         padding : 7px 0px 0 10px;
         list-style-type : none;
         border : 0;
         font-family : Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-size : 1.1em;
         font-style : normal;
         font-weight : normal;
         line-height : 1.2em;
         letter-spacing : 0;
         text-align : left;
         word-spacing : normal;
         text-decoration : none;
         color : #cccccc;
      }
      
li.sub {margin-left:20px;
}

img.linkki {border:0;}
     
      
/* FONTIT*/

div.juttu {width: 490px;
		border-bottom: 1px dashed #cccccc;
		margin:0 0px 0 20px;
		padding: 10px 0px 20px 0px;
		
	}

h1 {
         font : 1.3em Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-weight : bold;
         color : #000099;
         background-color : transparent;
         text-align : center;
         margin : 0;
         padding : 0;
      }
h2 {
         font : 8pt  Georgia, Verdana, Arial, sans-serif;
         font-weight : bold;
         color : #000099;
         background : none;
         background-color : transparent;
         text-align : center;
         margin : 0;
         padding : 10px 0 10px 0;
      }
h3 {
         font : 1.2em Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-weight : bold;
         color : #993333;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0px 10px 10px 0;
         padding : 0;
      }
      
h4 {
         font : 1.0em Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-weight : bold;
         color : #993333;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 5px 10px 2px 0;
         padding : 5px 0 0 0;
         text-decoration:none;
         display:block;
      }
      
a.h4, a.h4:hover {
         font : 1.0em Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-weight : bold;
         color : #993333;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 5px 10px 2px 0;
         padding : 5px 0 0 0;
         text-decoration:underline;
         display:block;
      }
p {
         font-family :   "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
      
.eri {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 18px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
      .eri:hover {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 18px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
      
      
      
p.eri2 {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 16px;
         line-height : 18px;
         font-weight : bold;
         font-style: italic;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
     .eri3 {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 16px;
         line-height : 18px;
         font-weight : bold;
         font-style: italic;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
           .eri3:hover {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 16px;
         line-height : 18px;
         font-weight : bold;
         font-style: italic;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #003399;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
        .eri4 {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 20px;
         line-height : 18px;
         font-weight : bold;
         font-style: italic;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
           .eri4:hover {
         font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif;
         font-size : 20px;
         line-height : 18px;
         font-weight : bold;
         font-style: italic;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #003399;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 16px 0;
         padding : 0;
      }
      
      
p.keski {
         font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0 0 0 30px;
         padding : 0;
      }
      
p.pienikeski {
         font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 10px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0 0 0 30px;
         padding : 0;
      }
      
p.copyright {
		font-style:italic;
		padding: 20px 30px 0 0;
	}
      
p.center {
	margin:0;
	padding:0;
	text-align:center;
	font-family :   "Nyala", "Palatino Linotype", "Georgia", Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;}
	
p.alkuteksti {
		font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 14px;
         line-height : 18px;
         font-weight : bold;
         font-style:italic;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 10px 0 10px 0;
         padding : 0;
      }
      
      p.rivivali_1 {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0 0 0 0;
         padding : 0;}
         
p.laskuri {  
         margin: 0 0 0 730px;
         
}
      
a {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : underline;
         color : #000099;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0;
         border:0;
      }
      
a:hover {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #993333;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0;
         text-decoration:underline;
      }
      
a:active {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         color : #000099;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0;
         text-decoration:underline;
      }
      
a.tekstilinkki {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 18px;
         line-height : 18px;
         font-weight : bold;
         letter-spacing : 0;
         word-spacing : normal;
          text-decoration : underline;
         color : #000099;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0;
         border:0;
      }
      
a.tekstilinkki:hover {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 18px;
         line-height : 18px;
         font-weight : bold;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : underline;
         color : #993333;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0;
      }
      
a.tekstilinkki:active {font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 18px;
         line-height : 18px;
         font-weight : bold;
         letter-spacing : 0;
         word-spacing : normal;
         color : #000099;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0;
         text-decoration:underline;
      }
      
a.otsikko, a.otsikko:hover, a.otsikko:active {font : 18px Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
         font-weight : bold;
         color : #993333;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0px 10px 10px 0;
         padding : 0;
      }
      
ul {margin-left: 0px;
font-family: "Trebuchet MS", Verdana, Arial;
}

ul.lista {margin-left: 0px;
font-family: Verdana, Arial;
font-size: 12px;
line-height: 16px;
}
      
li {list-style-type:square;
}
      
/* KUVAT */

img.no-border {border:0;
}

img.no-border-center {border:0;
		margin-left:165px;
}

img {border:1px solid #666666;
}

img.oikea {border: 1px solid #666666;
 		float:right;
 		padding:0;
 		margin-right:0px;
		}
		
img.oikea2 {border: 0px solid #666666;
 		float:right;
 		padding:0;
 		margin-right:0px;
		}
		
img.vasen {border: 1px solid #666666;
		float:left;
		padding:0;
		margin:0 15px 0 14px;
	}
	
	img.oikea_ilmanreunaa {border: 0;
 		float:right;
 		padding:0;
 		margin-right:0px;
		}
      
/*ETUSIVUN TAULUKKORAKENNELMA*/
      
table.taulukko
	{
		width:780px;
		margin: 0 10px 0 25px;
		padding:0;
		border:0;
	}
	
table.muut_sivut
	{
		width:790px;
		margin: 0 10px 0 25px;
		padding:0;
		border:0;
	}
	
	td.osasto1 {
		font-family :  Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0 5px 0 5px;
         border:0;
         width: 175px;
     }
	
	td.osastot {
		font-family :  Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0;
         padding : 0 5px 0 10px;
         border-left: 1px solid #cccccc;
         width: 175px;
     }
     
table.palstat
	{
		margin: 0 0 0 0px;
		padding:0;
	}
td.palsta1 {margin:0;}
      
/*WebDesign Miia Metsola -linkki*/
      
a.web {  font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
         font-size : 10px;
         font-weight : normal;
         color : #000099;
         background : none;
         background-color : transparent;
         text-align : left;
         margin-bottom : 0;
         margin-left:20px;
         padding : 0;
         text-decoration : none;
      }

a.web:hover {  font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
         font-size : 10px;
         font-weight : normal;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin-bottom : 0;
         margin-left:20px;
         padding : 0;
         text-decoration : none;
      }
      
a.web:active {  font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
         font-size : 10px;
         font-weight : normal;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin-bottom : 0;
         margin-left:20px;
         padding : 0;
         text-decoration : none;
      }
     
      
      /*ESIRUKOUSLOMAKE*/ 
      
table.esirukouslomake {width: 780px;
}

td.lomake {
         font-family :   Verdana, Arial, Helvetica, sans-serif;
         font-size : 12px;
         line-height : 18px;
         font-weight : normal;
         letter-spacing : 0;
         word-spacing : normal;
         text-decoration : none;
         color : #000000;
         background : none;
         background-color : transparent;
         text-align : left;
         margin : 0 0;
         padding : 0;
		 width:180px;
      }