body {background:#99ccff url(tausta/taustakuva.jpg) repeat-x top left;
		margin-left:10%;
}

#sisalto {background:#ffffff;
		width:849px;
 height:	}#kuvat {		background-color: transparent;
		margin :0px 20px 20px 100px;
        color :  #ffffff;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
 
    }
#lista {		background-color: transparent;
		margin :0px 20px 20px 350px;
        color :  #ffffff;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
        width: 540px;
    }
#yla {background:#ffffff url(tausta/yla2.jpg) no-repeat top left;
		width: 849px;
		height: 130px;
		margin:0;
		padding:0;
		border:0;
}

#ala {background: url(tausta/ala.jpg) no-repeat top left;
		width:849px;
		height:239px;
		margin:0px 0 0 0;
		padding:0;
		border:0;
	}


	
#valiraita {width:400px;
		height:20px;
		margin:0px 0 0 20px;
		padding:0;
		border:0;
	}

td.logo {
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  width:50px;
  border-color: #4682B4;
  border-style: solid;
  border-top-width: 0;
  border-right: 0;
  border-bottom-width: 0;
  border-left: 0;
  background-color:  transparent;
}

td.haku {
  margin-top: 30;
  margin-right: 30;
  margin-bottom: 0;
  margin-left: 0;
  padding: 20;
  width:50px
  border-color: #4682B4;
  border-style: solid;
  
  border-top: 0;
  border-right: 0;
  border-bottom-width: thick;
  border-left: 0;
  background-color:  transparent;
}
tr.alku {
  margin-top: 0;
  margin-right: 20;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  bgcolor: #4682B4;
  border-style: solid;
  border-top-width: thin;
  border-right: 0;
  border-bottom-width: 0;
  border-left: 0;
  
}

#content { width: 50%; height: 79%; margin-top: 3px; clear: both }
#main1 { padding: 0; width: 16px; height: 16px; background-image:
url(/images/vasen_yla.gif) }
#main2 { padding: 0; height: 16px; background-image:
url(/images/valin.jpg); background-repeat: repeat-x }
#main3 { padding: 0; width: 16px; height: 16px; background-image:
url(/images/oikea_yla.gif) }
#main4 { padding: 0; width: 16px; background-image:
url(/images/viiva_p.jpg); background-repeat: repeat-y }
#main5 { color: #000; background-color: #ca7; text-align: left;
vertical-align: top; padding: 0 }
#main6 { padding: 0; width: 16px; background-image:
url(/images/viiva_p.jpg); background-repeat: repeat-y }
#main7 { padding: 0; width: 16px; height: 16px; background-image:
url(/images/vasen_ala.gif) }
#main8 { padding: 0; height: 16px; background-image:
url(/images/valin.jpg); background-repeat: repeat-x }
#main9 { padding: 0; width: 16px; height: 16px; background-image:
url(/images/oikea_ala.gif) }

ul.navi {margin: 0px 0 0 275px;
	border:0;
	height:32px;
	padding:81px 0 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0px 0 0 275px;
	padding:81px 0 0 0;	
   				}
		
	html>body ul.navi {
		margin:0px 0 0 275px;
		padding:81px 0 0 0;
   		   		}span.nuoli {      background:none;     margin: 20px 0 0 0;              padding: 0px 0 0 0;         border:0;         }

li.linkki {
		background:none;
	    display:inline;
	    float:left;
	    border:0;
	    margin: 0;
	    padding: 0;}
		
li.linkki:hover {
		border-bottom:11px solid #B0C4DE;
}

li.linkki:active {
		border-bottom:11px solid #990000;
}

img.linkki {border:0;
		float:left;
		margin:0;
} 



ul.nav {margin: 0px 0 0 0px;
	border:0;
	height:32px;
   width:250px;	padding:0px 0 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0px 0 0 0px;
	padding:0px 0 0 0;                              }       html>body ul.nav {
		margin:0px 0 0 0px;
		padding:0px 0 0 0;
   		   		} 

li.link {
		background:none;
	    display:inline;
	    float:top;
	    border:0;
	    margin: 0;
	    padding: 0;}
		
li.link:hover {
		border-left:120px solid #990000;
}

li.link:active {
		border-left:120px solid #483D8B;
}

img.link {border:0;
		float:top;
		margin:0;
} 

h1 {	margin: 0px 0 20px 197px;
		padding:40px 0 0 0;
border:0;
}

h2 {margin :0px 20px 20px 200px;
	font: 110% Arial, sans-serif;
	color: #cc9900;}


p.leipis {		background-color: transparent;
		margin :0px 20px 20px 275px;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
        width: 540px;
    }
    
a.maili {color:#666666; }


   
a.webdesign {margin: 0px 0 0 350px;
		padding:0;
		line-height:11px;
		color: #666666;
		font:10px Arial, sans-serif;
		text-decoration:none;
	} 
a.webdesign:hover {color: #000000;
}
 #vieritys {		width: 10em;	border-right: 1px solid #000;	padding: 0 0 1em 0;		margin-bottom: 1em;		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	background-color: #4682B4;	color: #333;		} #vieritys ul {	list-style: none;	margin: 0;	padding: 0;	border: none;	} #vieritys li {	border-bottom: 1px solid #4682B4;	margin: 0;	}#vieritys li a {	display: block;		padding: 5px 5px 5px 0.5em;	background-color: #2175bc;	color: #fff;	text-decoration: none;	width: 100%;	}	html>body #vieritys li a {	width: auto;	} #vieritys li a:hover {	background-color: #B0C4DE;		color: #fff;	}


 #vierita {		width: 10em;	border-right: 1px solid #000;	padding: 0 0 1em 0;		margin-bottom: 1em;		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	background-color: #4682B4;	color: #333;		} #vierita ul {	list-style: none;	margin: 0;	padding: 0;	border: none;	} #vierita li {	border-bottom: 1px solid #4682B4;	margin: 0;	}#vierita li a {	display: block;		padding: 5px 5px 5px 0.5em;	background-color: #2175bc;	color: #fff;	text-decoration: none;	width: 100%;	}	html>body #vierita li a {	width: auto;	} #vierita li a:hover {	background-color: #B0C4DE;		color: #fff;	}
#vierit {		width: 11em;		padding: 0 0 1em 0;		margin-bottom: 1em;		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	background-color: #B0C4DE;	color: #333;		} #vierit ul {	list-style: none;	margin: 0;	padding: 0;	border: none;	} #vierit li {	border-bottom: 1px solid #FFFFF;	margin: 0;	} #vieritt li a {	display: block;		padding: 5px 5px 5px 0.5em;	background-color: #2175bc;	color: #fff;	text-decoration: none;	width: 100%;	}	html>body #vierit li a {	width: auto;	} #vierit li a:hover {	background-color: #87CEEB;		color: #fff;	} 
#vieri {		width: 12em;		padding: 0 0 1em 0;		margin-bottom: 1em;		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	background-color: #FFFFFF;	color: #333;		} #vieri ul {	list-style: none;	margin: 0;	padding: 0;	border: none;	} #vieri li {	border-bottom: 1px solid #FFFFF;	margin: 0;	} #vieri li a {	display: block;		padding: 5px 5px 5px 0.5em;	background-color: #2175bc;	color: #fff;	text-decoration: none;	width: 100%;	}	html>body #vieri li a {	width: auto;	} #vieri li a:hover {	background-color: #B0C4DE;		color: #fff;	} img.vasen {border:0;
		float:left;
		margin:-10px 0 0 10px;
		padding:0;
		width:250px;
	}
	
img.vasen_pieni {border:0;
		float:left;
		margin:0px 0 0 70px;
		padding:0;
		width:120px;
	}
table.otsikko {		background-color: transparent;
	 margin :0px 20px 0px 0px; 
        bgcolor :  #666666;  
        font-weight:normal;
	width: 760px;
	height: 30px;
        text-align : left;
        font : 85% Verdana,"Lucida Sans", Arial, sans-serif;
            padding:0;
        border-top : 0;
	border-right : 0;
	border-bottom-width : medium;
	border-left : 0;
        text-decoration : none;
       
    }
table.viiva {		background-color: 	transparent;
	margin : 0px 0px 0px 20px; width: 800px; 
        color :  #666666;  
        font-weight:normal;
        text-align : top;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
            padding:0;
        border : 0;
        text-decoration : none;
               } 


table.yhteydenottolomake {		background-color: transparent;
		margin :0px 20px 20px 275px;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
        width: 540px;
    }  table.base {		background-color: transparent;
	 margin :0px 0px 0px 0px; width: 760px;
       color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana,"Lucida Sans", Arial, sans-serif;
            padding:0;
        border : 0;
        text-decoration : none;
       
    } table.vasen {		background-color: 	transparent;
	margin : 0px 0px 0px 10px; width: 160px; 
        color :  #666666;  
        font-weight:normal;
        text-align : top;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
            padding:0;
        border : 0;
        text-decoration : none;
               } table.vastoka {		background-color: 	transparent;
	margin : 0px 0px 0px 10px; width: 100px; 
        color :  #666666;  
        font-weight:normal;
        text-align : top;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
            padding:0;
        border : 0;
        text-decoration : none;
               }
table.keski {		background-color: transparent;
		margin : 0px 0px 10px 0px; width: 440px;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
            padding:0;
        border : 0;
        text-decoration : none;
        
    } table.oikea {		background-color: transparent;
	margin : 0px 0px 0px 20px; width: 160px;   
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 85% Verdana, "Lucida Sans", Arial, sans-serif;
            padding:0;
        border : 0;
        text-decoration : none;
       
    }