#menu {
  width: 800px;
  position: relative;
  margin: 0px auto 15px auto;
  @margin-top: 7px;
  height: 10px;
  padding: 5px 5px 5px 5px;
  z-index: 100;
}

#menu ul {
  padding: 0px;
  margin: 0px;
  list-style-type:none;
}

/* hack to correct IE5.5 faulty box model */
* html #menu {width: 915px; w\idth: 915px;}
/*
#menu ul ul {width:50px;}*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
  float:left;
  position:relative;
  margin-left: 35px;
/*width:100px;*/
}

#menu li.first {
  margin-left: 0px;
/*width:100px;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:30px;
  left:0;
/*width:148px;*/
}

/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:29px;}
/* position the third level flyout menu */
#menu ul ul ul{left:148px; top:0px; }
/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:128px;w\idth:128px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {width:100px; w\idth:100px;}

/* /////////////////////////// FIRST /////////////////////////*/
#menu a, #menu a:visited{
  display:block;
  color: white;
  font-weight:bolder;
  text-decoration:none;
  width:100px;
  color:#ffffff;
  font-family:arial, sans-serif;
  background: #000000;
  text-align: center;
  line-height:30px;
  height:30px;
  border: 0px;
  font-size: 13px;
}

#menu a:hover, {background: #ff8c00; color: #ffffff;}
#menu :hover > a{background: #ff8c00; color: #ffffff;}

#menu a.active1, #menu a.active1:visited {
  background: #ff8c00;
  color: #ffffff;

  font-style: italic;
}
#menu a.active1:hover{
  font-style: normal;
}

#menu a.active1:hover{}
#menu :hover > a.active1{font-style: normal;}

/* /////////////////////////// SECOND /////////////////////////*/
#menu ul ul a, #menu ul ul a:visited {
  background: #ff8c00;
  color: #ffffff;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  width:128px;
  border: 0px;
  @font-size: 0.9em;
  font-size: 12px;
  line-height: 1.2em;
}

#menu ul ul a:hover{
  background: #000000;
  color: #ffffff;
  border: 0px;
}
#menu ul ul :hover > a{
  background: #000000;
  color: #ffffff;
  border: 0px;
}

#menu ul ul a.drop, #menu ul ul a.drop:visited{}
#menu ul ul a.drop:hover{}
#menu ul ul :hover > a.drop{}

#menu ul ul a.active2, #menu ul ul a.active2:visited {
  background: #000000;
  color: #ffffff;
  border: 0px;
  font-style: italic;
}
#menu ul ul a.active2:hover{font-style: normal;}
#menu ul ul :hover > a.active2{font-style: normal;}
/* /////////////////////////// THIRD /////////////////////////*/
#menu ul ul ul a, #menu ul ul ul a:visited {
  background: #000000;
  color: #ffffff;
  width: 170px;
}
#menu ul ul ul a:hover {
  background: #ff8c00;
  color: #ffffff;
}
#menu ul ul ul a.active3, #menu ul ul ul a.active3:visited {
  background: #ff8c00;
  color: #ffffff;
  border: 0px;
  font-style: italic;
}
#menu ul ul ul a.active3:hover{
  font-style: normal;
}

#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible;}
#menu ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul{visibility:visible;}

ul ul li.first{
  height: 7px;
  width: 148px;
  padding: 0px;
  line-height: 7px;
  display /*\**/: none\9
}

#menu ul ul li{
  margin: 0px;
  border: 0px;
}