body    	{background:#E0EBCB;         
            position: relative;
			height:100%;
            width:100%;
			line-height: 100%;
            padding: 0;
            padding-bottom: 0%;	
            margin: 0;
          background-image: 
                 url('liskotile.jpg');
                background-repeat: repeat;
	font: normal 95% Verdana, Georgia, Times New Roman, sans-serif;
	}
            
main {
  margin-left: auto;
  margin-right: auto;
  width: 818px; /* m��r�� haluamasi leveys sis�lt�alueelle */
  position:relative;
}

#contain 	{background:#FFFFFF;
			color:#000;
			margin-left:auto;
            margin-right:auto;
			padding:0;	   
            width:818px; 
            border: 1px solid #11624F;

			}

#img.floatup{background:none;
			float:center;	
                                                                width:817px;	   
                                                                margin:0;
			padding:0;
			}		

#column {background:#7EAF80;
                                                               float:left;
			color:#000;
                                                                overflow:hidden;
                                                                width:817px;
                                                                height:auto;
			padding:0;
			}
#column p{
           background:#7EAF80;
            color: #000000;
			font-size:0.8em;
		    width:300px;
            margin-top:10px;
			margin-left:15px;
            margin-bottom:5px; 
			padding-left:10px;
			}

#columnright {background:#E0EBCB;
	            	float:right;
                    color:#000000;
	            	width:606px;
                       min-height:100%;
	                   margin-right:0;
                    margin-right:0;
                    margin-left:0;

                    padding-right:0;
                    padding-bottom:0px;
                    border: 2px solid #FFFFFF; 
			        }

#fieldset {
  float:left;
  width:334px;

  }

#centercolumnr {background:#7EAF80;
	            	float:left;
                                           color:#000000;
	            	width:200px;
                                          background-repeat:repeat-y;
                                          height:auto;
                                           margin:0 auto;
            		margin-top:-2px;
                    padding-right:1px;
                    border-right: 2px solid #FFFFFF;  
			        }
#columnright p {background:#E0EBCB; 
                 margin-bottom:5px;
                } 
#columnright img.floatri{background:none;
			float:left;		
            margin-left:380px;
            margin-top:-165px;
			padding:1px;
             border: 1px solid #579C66;
			}	
#columnright img.floatrotta{background:none;
			float:left;		
            margin-left:380px;
            margin-top:-120px;
			padding:1px;
             border: 1px solid #579C66;
			}
#columnright img.floatkoru{background:none;
			float:left;		
            margin-left:380px;
            margin-top:-330px;
			padding:1px;
             border: 1px solid #579C66;
			}
#columnright img.floatkoru2{background:none;
			float:left;		
            margin-left:440px;
            margin-top:-210px;
			padding:1px;
             border: 1px solid #579C66;
			}
#columnright img.floatvaih{background:none;
            margin-left:380px;
            margin-top:80px;
            position:absolute;
			padding:1px;
             border: 1px solid #579C66;
			}	
#navi    { 
         margin:0;
  	     padding: 0;  
  	     }

#navi ul {background:#579C66; 
	  	 list-style-type:none;
         display: block;
		 margin:0;
          width:195px;
		}
#navi li {display:inline; 
         margin:0;
  	     padding: 0;          
		 }

#navi li a {background: #579C66;
  	  	    color: #FFFFFF;
            font-size:0.8em;
			border-bottom: 1px solid #dddddd; 
  			display: block;
            float:left;
  			margin-left:2px;
            padding-top: 6px;
            padding-bottom: 5px;
  			text-decoration: none;
            width:185px;
			}

#navi li a:hover {background:#E0EBCB;
                 color: #568F71;
	  	 		 }
#navi li a:active {
  	              color: #D43800;
	              }

#footer {
  		background:#579C66;
        clear: both;
		width:818px;
        height:25px;
        margin-left:auto;
        margin-right:auto;  	
        border-top: 1px solid #11624F;
        border-bottom: 1px solid #11624F;
        }

#footer p {white-space:pre;
        color:#FFFFFF;
       text-align:center;
  		margin: 0;
  		padding-top: 5px;
        padding-left: 5px;
        font-size: 0.7em;
  		}
.clear {
    clear: both;
}
/******* fonts and colors *******/
.lista {background:#7EAF80;
        color:#FFFFFF;
       }
/******* vaaka navipalki *******/      
       TaBLE    { display: table;
         float:right;
         font-family: Verdana, sans-serif ;
         font-size:0.8em;
         font-weight:700;
         border: 0;
         text-align: center; 
         height: 28px;
         empty-cells: show; 
         margin-left:0;
         margin-right:15px;
         margin-top:10px;
         margin-bottom:5px;
         }

TH       { font-family:Arial; 
           font-size:0.8em;
           border-collapse: separate;
           border:0; 
           border-spacing: 1px;    
         
           margin:0;
           padding: 1px;
         }
TD       {  
           color: #000;
       
           padding: 2px 10px 2px 1px;
           margin:0;
           border:0;
         }
#contain a     {	
  			text-decoration: none;
			}
