/* Layout Stylesheet */ 

body {
 margin:20px;
 background:url(grafiikka/bg1.gif);
 color: #333333;
 text-align:center;
 padding:0;
 }

#uloin {
 text-align:left;
 border:1px solid #000000;
 width:650px;
 margin:auto;
 }

#hdr {
 height:80px;
 background:url(grafiikka/bgots.gif);
 color: #333333;
 }

#bar {
 height:25px;
 background:url(grafiikka/bgbar.gif);
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background: url(grafiikka/bg2.gif);
 color: #333333;
 width:650px;
 padding:0;
 }

#l-col {
 float:left;
 background:url(grafiikka/bgleft.gif);
 color: #333333;
 width:145px;
 }

#cont {
 width:495px;
 background:url(grafiikka/bg2.gif);
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

#ftr {
 background: #CCFF66;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 padding:5px;
 }
 
 p.keski{
 text-align: center;
 color: #000000;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 80%;
 }
 
 a{
 font-weight: bold;
 color: #336600;
 }
 
 a:hover{
 color: #66CC00;
 }