/* Дерево многоуровневое
  -------------------------------- */
  #multi-derevo {
   width: 220px; /* блок под дерево */
   border: 0; /* границы блока */
   padding: 0 0 1em 0; /* нижний отступ */
   font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:normal;
   text-transform: none;
  }
  
  ul#multi-derevo li a{
 		background: none; 
 	}
  
  #multi-derevo span { /* обертка пункта */
     text-decoration: none;
     display: block; /* растянем до правого края блока */
     margin: 0 0 0 1.2em;      
     background-color: transparent;
     /*border-left: dashed #9E9E9E;  цвет линий */  
     border-width: 0 0 1px 1px; /* границы: низ и лево */
   }
   
   #multi-derevo span a {/* тест элемента дерева */
      display: block; 
      position: relative;
      top: .95em; /* смещаем узел на середину линии */
      /*background-color: #fff;  закраска в цвет фона обязательна иначе будет видно линию */
      margin: 0 0 .2em .7em; /* делаем промежуток между узлами, отодвигаем левее  */
      padding: 0 0.3em; /* небольшой отступ от линии */
      color:#073F79;
			font-size:12px;
     }

   ul#multi-derevo, #multi-derevo li {
     list-style-image:none;
     list-style-position:outside;
     list-style-type:none;
     margin:0;
     padding:0;
   }
   
    ul#multi-derevo li {
      line-height: 1.2em;
   }

   ul#multi-derevo li ul {
        display: none; /* узлы свернуты */
   }
   
   ul#multi-derevo li ul li {
         margin: 0 0 0 1.2em;
             background: url(../images/ssr.gif) no-repeat 0 0; 
  }
  
  #multi-derevo li.last {/* последний узел, соединительную линию к след. узлу убираем */
         border: none; 
  }
  
  #multi-derevo .marker { /* маркер раскрытия списка в закрытом состоянии */
  /*
     border-color: transparent transparent transparent gray;
     border-style: solid; 
     border-width: .25em 0 .25em .5em;  
     */
     background: url(../images/bsb.gif) no-repeat 0 0; 
     margin: .35em .25em 0 0; 
     float: left; 
     width: 0px; 
     height: 0px; 
     line-height: 0px;
   }
  
  #multi-derevo .marker.open {/* маркер раскрытия списка в открытом состоянии */
     background: url(../images/bsr.gif) no-repeat 0 0; 
  }
   
   #multi-derevo a.current{
   		color:red;
   }
   
  /* IE 6 Fixup */
  * html #multi-derevo * { height: 1%;}
  * html #multi-derevo .marker { border-style: dotted dotted dotted solid; }
  * html #multi-derevo .marker.open { border-style: solid dotted dotted dotted; }