Menu .children

Get Started
1

Hey guys,

Site in question: http://www.brokerengine.ca/zamir/

I’m trying to change the child list menu items to be lower case. I’m pretty bad with CSS, could someone tell me what I need to add? Thanks.

CSS:

ul#top-menu li { padding: 0px 9px; }
	ul#top-menu a { font-size: 15px; font-family: 'Kreon', Arial, sans-serif; color: #393939; text-decoration: none; text-transform: uppercase; font-weight: lighter; }
	ul#top-menu a:hover, ul#top-menu > li.sfHover > a { color: #427d8b;}
	ul#top-menu > li.current_page_item > a { color: #427d8b !important; font-weight: normal; }
	
ul#top-menu ul { width: 189px; background: #fff; border: 1px solid #efefef; top: 34px !important; padding: 10px 8px 10px 20px; z-index: 9999px; display: none; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
	ul#top-menu ul li { padding: 8px 0; }
		ul#top-menu ul li a { padding: 0px 0px 0px 12px; width: 160px; }
	
		ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -12px !important; left: 197px !important; }
2

You could add something like this:


ul#top-menu li li a {
     text-transform: none;
}
3

Thanks Ralph