Currently I am using the default menu that was on the skin the code looks like this
HTML Code:
<!-- TOP MENU -->
<asp:Menu ID="aspnetMenu" runat="server" Orientation="Horizontal" StaticTopSeparatorImageUrl="/App_Themes/Skin_1/images/menu_sep.gif"
StaticEnableDefaultPopOutImage="False" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="<%$ Tokens:AppConfigUSInt, MaxMenuLevel %>">
<StaticSelectedStyle CssClass="aspnetMenu_StaticSelectedStyle" />
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="aspnetMenu_Level1" Font-Underline="False" />
<asp:MenuItemStyle CssClass="aspnetMenu_Level2" Font-Underline="False" />
</LevelMenuItemStyles>
<StaticMenuItemStyle CssClass="aspnetMenu_StaticMenuItemStyle" />
<DynamicSelectedStyle CssClass="aspnetMenu_DynamicSelectedStyle" />
<DynamicMenuItemStyle CssClass="aspnetMenu_DynamicMenuItemStyle" />
<DynamicMenuStyle CssClass="aspnetMenu_DynamicMenuStyle" />
<%--
These 2 styles below can't be added declaratively, it will be added later on the script
But needs to follow the naming convention {MenuId}_WhatEverStyle
--%>
<%--<DynamicHoverStyle CssClass="aspnetMenu_DynamicHoverStyle" />--%>
<%--<StaticHoverStyle CssClass="aspnetMenu_StaticHoverStyle" />--%>
</asp:Menu>
<!-- END TOP MENU -->