#menu-bar ul {
  font-family: Arial, Verdana;
  font-size:12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu-bar ul li {
  display: block;
  position: relative;
  float: left;
}
#menu-bar li ul { display: none; }
#menu-bar ul li a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 5px 21px 2px 21px;
  background: #f3f3e7;
  margin-left: 0px;
  white-space: nowrap;
}

/* ul li a:hover { background: #0066cc; }

li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;   
}*/

#menu-bar li:hover a { background: #f3f3e7; color:#d59f0f;}
#menu-bar li:hover li a:hover { text-decoration:underline; color:#d59f0f;  }   



#menu-bar li p {display:none;}

#menu-bar li:hover p {
  display: block;
  position: absolute;
  margin:0;
  padding:0;
border-bottom:1px solid #cdcdcd;
}

#menu-bar li:hover p {background: #f2f2f2;  padding-top:10px;}

#menu-bar li.divider {color:#d59f0f; font-size:12px;  font-weight:normal; padding-top:3px;}


#menu-bar li:hover p a {background: #FFF; color:#d59f0f; text-decoration:none; font-weight:normal; font-size:11px; padding: 3px 15px 3px 10px;   border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
#menu-bar li:hover p a:hover {background: #ffffcb; color:#d59f0f; }