#navi ul
  {
    font: normal bold 11px arial, verdana, sans-serif;
    text-transform: uppercase;    
    list-style-type: none;      
  }
    
  .eka-li
  {
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 30px;  
    background-position: top left;  
    background-image: url(../pics/li-eka-bg-nw-kesa.gif);
    background-repeat: no-repeat;    
  }    
  
  .li
  {
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 30px;
    background-position: top left;  
    background-image: url(../pics/li-bg-nw-kesa.gif);
    background-repeat: no-repeat;       
  }
  
  
  #navi ul ul
  {
   padding: 0px;
   margin: 0px;    
   font: normal normal 11px arial,verdana, sans-serif;
   color: #404040;
  }
  

  #navi ul ul li
  {
   padding: 0px;
   margin: 0px;   
   padding-left: 8px; 
   padding-top: 2px;
   padding-bottom: 3px;
   text-transform: none;
   background-position: top left;
   background-image: url(../pics/li-li-bg.gif);
   background-repeat: no-repeat;   
  }  
 
   #navi ul ul li A
  {
   font: normal normal 11px arial,verdana, sans-serif;
   color: #404040;
   text-decoration: none;
  } 
 
  A.navi,A.navi:visited,A.navi:active,A.navi:hover
  { 
    color: #404040;
    text-decoration: none; 
    text-transform: uppercase;
  } 
   
  .es-kuva-top
  {
    height: 247px;
    width: 563px;
    background-color: #CEDB36;  
    margin-bottom: 1px;  
  }
  
  .as-kuva-top
  {
    height: 6px;
    width: 563px;
    background-color: #CEDB36;  

  } 
  
  .frontpage-index
  { 
    float: left;   
    width: 564px;
    border-left: solid 1px #C7C7C7 ;           
  }

  #subpage-index h1
  {
    font: normal normal 22px arial,verdana,sans-serif;
    color: #808F24;
    padding-top: 10px;
    padding-left: 20px;  
    padding-bottom: 15px;
    background-image: url(../pics/as-otsikko-bg2.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  
  #subpage-index h3
  {
    font: normal bold 12px arial,verdana,sans-serif;
    color: #808F24;
    padding-left: 20px;
  }      
  
  div#left-column
  {
    float: left;
    width: 563px; 
    border-right: solid 1px #C7C7C7 ;  
    padding-bottom: 15px;      
  }
  
  #left-column A
  {
    color: #808F24;
  }
  
  #left-column b
  {
    color: #808F24
  }

  #left-column h1
  {
    font: normal normal 22px arial,verdana,sans-serif;
    color: #808F24;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
  }
    
  #left-column p
  {
    font: normal normal 12px arial,verdana,sans-serif;
    color: #000;
    padding: 10px 20px 10px 20px;
  }
  
  div#image-placeholder
  {
    float: right;
    width: 218px;
    height: 248px;
    background-color: #CEDB36; 
    margin-left: 10px;
    margin-bottom: 10px;     
  }
  
 
  div#right-column
  {
    float: left;
    width: 218px;      
  }
  
  .left-index
  {
    width: 563px;
    height: 6px;
    float: left;
    background-color: #CEDB36;
  }
  
  
  .right-column-news
  {    
    width: 219px;
    float: right;
    height: 21px;
    background-color: #808F24;
    background-image: url(../pics/bg-news.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    font: normal bold 11px arial,verdana,sans-serif;
    color: #fff;
    margin-bottom: 15px;
  }
  
  .right-column-events
  {    
    width: 219px;
    float: right;
    height: 21px;
    background-color: #808F24;
    background-image: url(../pics/bg-events.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    font: normal bold 11px arial,verdana,sans-serif;
    color: #fff;
    margin-bottom: 15px;      
  }  
   
  .news A
  { 
    color: #0092C6;
    text-decoration: underline;
  } 

  div#bulletins-index
  {
    float: left;   
    width: 562px;
    height: 430px;
    border-left: solid 1px #C7C7C7 ;      
    border-right: solid 1px #C7C7C7 ;            
    background-color: #fff;  
  }  

  #bulletins-index h1
  {
    font: normal normal 22px arial,verdana,sans-serif;
    color: #0092C6;
    padding-top: 10px;
    padding-left: 20px;  
    padding-bottom: 15px;
    background-image: url(../pics/as-otsikko-bg2.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
  }  
  
  .right_column-header
  {
    width: 218px;
    float: right;
    height: 21px;
    background-color: #808F24;
    background-image: url(../pics/bg-news.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    font: normal bold 11px arial,verdana,sans-serif;
    color: #fff;
    margin-bottom: 15px;  
  }

  .right_column-footer
  {
    float: right;
    width: 218px;
    background-color: #CEDB36;     
  }  
  
  .dist-otsikko
  {
    font: normal bold 12px arial,verdana,sans-serif;
    color: #808F24;
  }    

  .tuote-kulma
  {
    background-image: url(../pics/tuote-bg-ylakulma-walking-kesa.gif);
    background-repeat: no-repeat;
    background-position: top right;
	padding-right: 15px;
  }

  h4.tuote-otsikko { 
    background-color: #808F24; 
	color: #FFFFFF; 
	margin-top: 0px; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-left: 15px; 
  }
  .tuote-sisalto { 
    border-right: solid 1px #C7C7C7; 
  }
  b.blue { 
    color: #808F24; 
  }