Solved Drop down menu customzation

Hi, you have already helped me make some modifications with this css:

.free-du-plugin-header .et_pb_module.et_pb_fullwidth_menu ul li.current-menu-item a {
color: #494949!important;
}
.free-du-plugin-header .et_pb_module.et_pb_fullwidth_menu ul li.current-menu-item>a {
color: #ffcb00!important;
background-color: #494949!;
}
.free-menu-hover-3 #page-container .free-header-menu nav>ul>li:hover>a, .free-menu-hover-3.et-db #et-boc #page-container .free-header-menu nav>ul>li:hover>a {
color: #494949!important;
}

I attempted to add a background color to the active drop down item. It worked but it also applied itself to the top most item (turning it gray-its the bit of code I bolded). I would like to keep the yellow background with gray text on the top row but have the bottom row display as a gray background with yellow type. Is there a way to do that?

Here are some screen shots.

Thanks again, Amy

 

Great. You did it again! Thanks