/* Basic code - don't modify */
 
 .droppy {
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
   text-align:center;
   z-index:2;
 }
  .droppy li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    background-color:#fff;
  }
  .droppy a { 
    display: block;
  }
  .droppy ul { 
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
  }
  * html .droppy ul { 
    line-height: 0; /* IE6 "fix" */
  }
  	.droppy ul a { 
      zoom: 1; /* IE6/7 fix */
    }
    .droppy ul li { float: none; }
    .droppy ul ul { top: 0; }
    
/* Essentials - configure this */

.droppy ul { width: 110px; }
.droppy ul ul { left: 100px; }

/* Everything else is theming */
 
.droppy {
  
  height: 24px;
}
.droppy *:hover { 
  background-color: none;
}
.droppy a { 
  border-right: 1px solid white;
  color: #000;
  font-size: 12px;
  padding: 6px;
  line-height: 1;
}
  .droppy a.hover {
    color:#c89600
  }
  .droppy ul { 
    top: 25px;
    left:-20px;
  }

  .droppy ul.wodzirej {
    top: 25px;
    left:5px;
  }
    .droppy ul li a { 
      background-color: #fff;
      color:#000;
      line-height:12px;
    }
      .droppy ul a.hover { 
        background-color: #fff;
        color:#c89600;
      }
   .droppy ul a {
     border-bottom: 1px solid white;
     border-right: none;
    /* opacity: 0.9;*/
     /*filter: alpha(opacity=90);*/
   }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */