/*
 Dropdown Structure
------------------------------------------------------------------ */
  .dropdown {font-family: verdana,arial,helvetica;
	font-weight: bold;
  font-size: 11px;
  text-align: left;
  }
  .dropdown a{display:block;text-decoration:none;margin:4px;}
  .dropdown ul li{float:left; position:relative; list-style:none;background-color: #FFFFFF;}

  /* lvl 2 : hide the ul & bring it back on hover */
  .dropdown ul li ul{ left:-99999px; position:absolute; list-style:none; margin:0; border: #eaeaea solid 1px;background-color: #FFFFFF;}
  .dropdown ul li:hover ul{left:0;z-index: 105;}
  .dropdown ul ul li{position:static;float:none;margin-left: -40px;}
  .dropdown ul ul a{ white-space:nowrap; }
  /* lvl 3 : hide & showx*/
  .dropdown ul ul li ul {display: none; }
  .dropdown ul ul li:hover ul {display: block; top:auto; }
  .ie7 .dropdown ul ul li:hover ul {margin-top:0px}
  /* lvl 4 : hide & show the  4th level need a helper class: expanded*/
  .dropdown ul ul ul ul li {display: none;}
  .dropdown ul ul ul li.expanded:hover ul li {display: block; top:auto;}
  .ie7 .dropdown ul ul ul li:hover ul {margin-top:-2px}
  .ie7 .dropdown ul ul ul li.expanded:hover ul li {margin-top:-20px;}

/* sensible Defaults  › */
  .dropdown li.expanded > a:after{/*content:" \203A  " */}
  /* lvl 3 */
  .dropdown ul ul li a{width: 170px; height: 20px; overflow: hidden;}
  .dropdown ul ul li:hover ul{left: 150px; margin-top:-20px;}
  /* lvl 4 */

  /*
 Dropdown Skin
------------------------------------------------------------------ */
  .dropdown .expanded > a:after{/*content:" \203A  "*/ }
 /* .dropdown ul ul li a:hover{background:#bbb}
  .dropdown .expanded a{background:#bbb}*/
   /* lvl 1 */
  .dropdown ul li > a {  padding:0 5px}
  .dropdown ul li:hover a {  }
  /* lvl 2*/
  .dropdown ul ul li a{width: 230px; height: 20px; overflow: hidden; }
  .dropdown ul ul li a:hover    {color:#666;}
  /* lvl 3*/
  .dropdown ul ul li:hover ul{left: 150px; margin-top:-21px;}
  .dropdown ul ul li ul a {width:150px;/* border-left: 1px solid #333;*/ }
  .dropdown ul ul li:hover ul a {/*border-left: 1px solid #bbb;*/}
li.expanded > ul > li > ul > li > ul{border: 0px;}