This is a basic question for the masses out there...

how do you add styles to a menuitem?

I have something going on but the color of the text won't change and my sub menu won't even show up, its times like these that makes me want to revert back asp.....!
code that I am using is as follows:

master page:
Code:
<asp:menu 
				runat="server"
				id="NavigationMenu"
				staticdisplaylevels="2"
				DynamicDisplayLevels="3" 
				orientation="Horizontal"
				staticsubmenuindent="10"
				dynamichorizontaloffset="10" 
				CssClass="menu" >
      
        <items>
		
          <asp:menuitem navigateurl="Home.aspx"
            text="Home"
            tooltip="Home" >
			
            <asp:menuitem navigateurl="case-studies.aspx"
			  text="Case Studies"
			  tooltip="Case Studies">
				  <asp:menuitem navigateurl="retail-lighting.aspx" 
					text="Retail"
					tooltip="Retail"/>
				  <asp:menuitem navigateurl="commercial-lighting.aspx"
					text="Commercial"
					tooltip="Commercial"/>
				  <asp:menuitem navigateurl="residential-lighting.aspx" 
					text="Residential"
					tooltip="Residential"/>
				  <asp:menuitem navigateurl="theatrical-lighting.aspx"
					text="Theactrical"
					tooltip="Theatrical"/>
            </asp:menuitem>
			
            <asp:menuitem navigateurl="media-room.aspx"
              text="Media Room"
              tooltip="Media Room">
            <asp:menuitem navigateurl="questions-and-answers.aspx"
                text="Q &amp; A's"
                tooltip="Q &amp; A's"/>
              <asp:menuitem navigateurl="press-releases.aspx"
                text="Press Releases"
                tooltip="Press Releases"/>
              <asp:menuitem navigateurl="kevin-in-the-news.aspx"
                text="Kevin in the news"
                tooltip="Kevin in the news"/>
            </asp:menuitem>
			
            <asp:menuitem navigateurl="testimonials.aspx"
              text="Testimonials"
              tooltip="Testimonials">
            <asp:menuitem navigateurl="awards.aspx"
                text="Awards"
                tooltip="Awards"/>
            </asp:menuitem>
			
          <asp:menuitem navigateurl="about-us.aspx" 
            text="About Us"
            tooltip="About Us">
          </asp:menuitem>
			
          <asp:menuitem navigateurl="contact-us.aspx" 
            text="Contact Us"
            tooltip="Contact Us">
          </asp:menuitem>
			
          </asp:menuitem>
		  
        </items>
		
		<StaticHoverStyle CssClass="menuhover" />
		<DynamicHoverStyle CssClass="menuhover" />
		<StaticSelectedStyle CssClass="menuselected" />
		<DynamicSelectedStyle CssClass="menuselected" />
		<StaticMenuItemStyle CssClass="menuitem" />
		<DynamicMenuItemStyle CssClass="menuitem" />

	 </asp:menu>
css code:
Code:
#menu									{ float:left; width:960px; margin:20px 0px 20px 0px; padding:10px 20px 10px 20px; text-align:center; color:#000000; }

.menu									{ font-size:16px; color:#000000; }
.menuhover								{ font-size:16px; color:#000000; }
.menuselected							{ font-size:16px; color:#000000; }
.menuitem								{ font-size:16px; color:#000000; }
I am sure that I can control everything but I have no idea how and nothing I do seems to have any effect!!!

any help would be greatly appreciated and thanks in advance!