/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a { outline: none;} /* removes borders from links on Mozilla Firefox */


body {
	min-width: 769px; 
  min-height: 350px;
	margin: 0px;
	padding: 0px;
	font: normal normal 12px arial; 
	color: #000;
	background: #FFF;
	text-align: center;
  background-image: url(/pics/pysakki/bg-ylaosa.gif);
  background-repeat:  repeat-x;
	background-position: top center;
  }

  
form, input, ul, li, p, h1, h2, h3, h4	{ 
	margin: 0px; 
	padding: 0px; 
	}
		
#wrapper { position: relative; width: 764px; margin: 0 auto;}

/* YLATUNNISTE */
	
#header {
  width: 764px;
  margin: 0px;
  padding: 0px; 
  top: 0px;
  }
#header a { position: relative; float: left;} 
#header h2 { font: normal bold 16px verdana; }  
#header h1 span, h2 span	{ display: none; }	
#logo { margin: 0px; height: 120px;}
  




/* KUVAPAIKKA */  
  
#imageplace {
  position: relative;
  top: 0px;
  width: 764px;
  height: 144px;
  margin: 0 auto;
  } 
 
/* SISALTOALUE */
  
#container {
  
  position: relative;
  background-image: url(/pics/pysakki/bg-content.gif);
  background-repeat: repeat-y;
  margin-left: auto; 
	margin-right: auto;
	margin-bottom: 0px;
  text-align: left;
	width: 764px;
  top: 0px;
  }	
   
 
 #content {
  position: relative;
  width: 500px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: -20px;
  display: table-cell; height: 350px;
  left: 0px;
  min-height:500px;
  height: auto !important;
  height: 500px;  } 
  
#content h1 { 
  margin-left: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  color: #0EA022;
  }
  
  
  
#content p, #content h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 20px;
  }

  
#content h4 { 
  color: #000;
  padding-top: 10px;
  padding-bottom: 5px;
  text-transform: uppercase;
  }  
  
 #content h5 { 
  color: #000;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-transform: uppercase;
  }
  

#content li  { 
  margin-left: 40px;
  }

#content a { 
  color: #0EA022; 
  margin-left: 0px;
  }

/* TAULUKOT */  
  
#content table {
  margin-left: 10px; 
  width: 500px; 
  }

  
#content table p {
  margin-left: 0px; 
  } 
 
/* NAVIKOINTI */ 
 
#navi {
  position: relative;
  float: left;
  margin-top: 0px;
  left: 0px;
  width: 202px;
  background-image: url(/pics/pysakki/bg-navi.gif);
  background-repeat: repeat-y;
  top: 15px;
  padding-bottom: 15px;
  }

#navi p {
  margin-left: 0px;
  width: 202px;
  padding-top: 4px;
 	}   
   
#navi ul {  list-style-type: none;margin-left: 0px; }   
#navi  li { width: 192px;  border-bottom: 1px solid #000; padding-left: 10px; padding-bottom:0.5em; margin-bottom: 0.5em;  }
#navi li a	{  font: normal normal  11px verdana; color: #000; text-transform: uppercase;  text-decoration: none;}
	#navi ul ul { margin-left: 1em;}
	#navi li li { width: auto; border: none; margin:0; padding:0;}
	#navi li li a { text-transform: none; }
	#navi a.active { font-weight: bold;}
#navi li a:hover { text-decoration: underline; }
 
 


#alanavi li a	{ 
	display: block;
  font: normal normal 10px verdana; 
	color: #000;
  padding-top: 5px;
	margin-left: 25px;
  text-decoration: none;
  text-transform: capitalize;
  }
  
#alanavi li a:hover { text-decoration: underline; }   
   
/*  ALATUNNISTE */   
    
#footer {
    clear: both;
    min-width: 769px;  
    height: 86px;
    background-position: bottom center;
    }
    
    
    
#footer_upper {
    background-image: url(/pics/pysakki/bg-footer-upper.gif);
    background-repeat: repeat-x;
    height: 43px;
    margin-top: -1px;
    }
    
    
#footer_lower {
    background-image: url(/pics/pysakki/bg-footer-lower.gif);
    background-repeat: repeat-x;
    height: 43px;
    margin-top: 0px;
    }     



 #information  {
    position: relative;
    margin-left: 0px;
    top: 15px;
    left:-40px;
    }

#information li {
    display: inline;
    padding-left: 50px;
    text-decoration: none;
    list-style-type: none;
    }
    
        
#tulosta a {
  position: absolute;
  display: inline;
  text-align: right;
  top: 0px;
  left: 442px;
  margin-top: 2px;
  font: normal normal 11px verdana;
  color: #96192C;
  } 

  
#linkki a {
  position: absolute;
  display: block;
  top: 49px;
  left: 10px;
  width: 144px;
  height: 46px;
  }

   div#navi ul img
  {  
    display: block;
  }  
   div#footer_upper img
  {  
    display: inline;
  }