How do I change the top and bottom menu wrapper colors

I would like to remove the color from the Top and Bottom menu bars (remove the #663399), so just the type remains as the navigation bars. AND then i'd like to change the remaining font color to black (in these navigation bars.
www.teahouseconnection.com

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.menu_wrapper {
background: transparent;
}
.footer-wrapper {
background-color: transparent;
}
.footer {
background: transparent;
}
 
.footer .widget_inner{
background: transparent;
}
 
#menu li a {
color: black;
text-shadow: 0 1px 1px black;
}
 
#menu li.current_page_item a{
color:red;
}
 
.footer .widget_inner a {
color: black;
}