.navigation {
      margin: 0px;
      padding: 0px;
      list-style: none;
      background: transparent;
      color: #fff;
      width: 295px;
      font-family: Arial, Verdana;
      }
   .navigation a, .navigation span, .navigation li  {
      display: block;
      padding: 0px 10px;
      text-decoration: none;
      /* background: #000 url(menu-item.png) left bottom no-repeat; */
      font-size: 15px;
      font-weight: bold;
      }
   .navigation li a{
     /* color: #FFFFFF; */
     padding: 0px;;
   }
   .navigation li a:hover{
     color: #FFFFFF;
   }
   .toogleMenuSelected a{
     color: #66FF33;
   }


   .navigation ul li {
      margin:0px; padding: 0px;
      list-style-type: none;
   }

   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      /* background-image: url(menu-item-deroule.png); */
      margin-bottom:0px; padding:0px;
      cursor: default;
      }


   .navigation .open a, .navigation .open span {
      /* background-image: url(menu-item-enroule.png); */
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: none;
      cursor: pointer;
      }
   .navigation .subMenu {

      /* background: #ccc url(subMenu.png) 0 0 repeat-x; */

      margin: 0px;
      padding: 0px;
      /* border-bottom: 1px solid #666; */
      }
   .navigation ul.subMenu a {
      padding: 0px 5px;
      font-size: 12px;
      font-weight: bold;
      color: #006600;
      }
    .navigation ul.subMenu a.on{
      color: #3f231d;
      text-decoration: underline;
    }

    .navigation ul.subMenu a:hover {
        color: #3f231d; /* #00CC00 */
      }