.menu {
  z-index:1000;
  font-size:10px;
  font-family: Helvetica,tahoma,Geneva,futura,Arial,Geneva;
/*	letter-spacing: 1px;*/
  }
  
  /* remove all the bullets, borders and padding from the default list styling */
  .menu ul {
  z-index:1000;
  padding:0;
  margin:0;
  list-style-type:none;
  width:125px;
  }
  /* hack for IE5.5 */
  * html .menu ul {margin-left:-16px; ma\rgin-left:0;}
  /* position relative so that you can position the sub levels */
  .menu li {
  z-index:1000;
  position:relative;
  background:#F355BF;
  height:20px;
	float:left;
  }
	
  /* get rid of the table */
  .menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
  
  /* style the links */
  .menu a, .menu a:visited {
  z-index:1000;
  display:block; 
  text-decoration:none;
  height:20px;
  line-height:20px;
	width:127px;
  color:#222222;
	font-weight:none;
  text-indent:5px;
  border:1px solid #fff;

  /*border-width:0 0 0px 0;*/
  }
  /* hack for IE5.5 */
  * html .menu a, * html .menu a:visited {background:#FFD0F4; width:120px; w\idth:119px;}
  /* style the link hover */
  /** html .menu a:hover {color:#fff; background:#949e7c;}*/
  * html .menu a:hover {color:#222222; background:#FFD0F4;}
  
  .menu :hover > a {
  color:#222; 
  background:#FFD0F4;
  }
  
  /* hide the sub levels and give them a positon absolute so that they take up no room */
  .menu ul ul {
  visibility:hidden;
  position:absolute;
  top:0;
  left:127px; 
  }
  /* make the second level visible when hover on first level list OR link */
  .menu ul :hover ul{
  visibility:visible;
  }
  /* keep the third level hidden when you hover on first level list OR link */
  .menu ul :hover ul ul{
  visibility:hidden;
  }
  /* keep the fourth level hidden when you hover on second level list OR link */
  .menu ul :hover ul :hover ul ul{
  visibility:hidden;
  }
  /* make the third level visible when you hover over second level list OR link */
  .menu ul :hover ul :hover ul{ 
  visibility:visible;
  }
  /* make the fourth level visible when you hover over third level list OR link */
  .menu ul :hover ul :hover ul :hover ul { 
  visibility:visible;
  }

  <!--[if IE 7]>
  .menu li {float:left;}
  <![endif]-->
	
  li .darksub {
  background:#222;
  }