Hi,

The main horizontal menu is using a Treeview configured to only render 2 levels and the 2nd level is done using Superfish.

In layout.master file it is configured like this:

<portal:SiteMenu id="SiteMenu1" runat="server" MenuSkinID="Superfish"
   UseTreeView="true" TreeViewShowExpandCollapse="false" TreeViewExpandDepth="1"
   HideMenuOnSiteMap="false"/> 

in theme.skin it is configured like this:

<portal:mojoTreeView runat="server" SkinID="Superfish"
ContainerCssClass="sitenav"
RenderContainerCssClass="true"
RenderImages="false"
UseMenuTooltipForCustomCss="true"
RootUlCssClass="sf-menu sf-navbar"
RenderLiCssClasses="true"
RenderAnchorCss="true"
LiCssClass=""
LiRootExpandableCssClass="sf-with-ul root"
LiRootNonExpandableCssClass="root"
LiNonRootExpnadableCssClass="sf-with-ul"
LiSelectedCssClass="current"
LiChildSelectedCssClass="current"
LiParentSelectedCssClass=""
AnchorCssClass="inactive"
AnchorSelectedCssClass="current"
SuppressImages="true"
MaxDataBindDepth="1"
/>

styling of course is done by CSS.

Then we have a vertical sub menu for pages deeper than 2 levels configured in layout.master like this:

<portal:PageMenu id="PageMenu1" runat="server"
     UseTreeView="true" HideMenuOnSiteMap="false" UseSpanInLinks="true"
     Direction="Vertical" StartingNodeOffset="2"/>

and like this in theme.skin:

<portal:mojoTreeView runat="server" SkinID="PageMenu"
ContainerCssClass="pagenav"
RootUlCssClass="root"
RenderLiCssClasses="true"
RenderAnchorCss="false"
RenderContainerCssClass="true"
RenderImages="false"
UseMenuTooltipForCustomCss="true"
RenderCustomClassOnLi="true"
RenderCustomClassOnAnchor="false"
RenderLiSelectedCss="true"
RenderAnchorSelectedCss="true"
liCssClass="leaf"
liRootNonExpandableCssClass="root leaf"
liRootExpandableCssClass="root parent"
liNonRootExpnadableCssClass="parent"
liSelectedCssClass="selected"
liChildSelectedCssClass="child-selected"
liParentSelectedCssClass="parent-selected"
SuppressImages="true"

/>

and styled by CSS.

Hope that helps,

Joe