Listing 1

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/ AspNet/SiteMap-File-1.0" >
  <siteMapNode url="" title=""  description="" roles="*">
    <siteMapNode url="~/default.aspx" title="Home" description="The home page" roles="*"
	 />
    <siteMapNode url="~/default2.aspx" title="Tab 1"  description="The first tab"
	 roles="*" />
    <siteMapNode url="~/default3.aspx" title="Tab 2"  description="The second tab"
	 roles="*" />
  </siteMapNode>
</siteMap>

Listing 2

<table cellpadding="0" cellspacing="0"  id="MasterContainer" width="100%">
        <tr>
          <td id="BannerContainer" align="left" colspan="2">
            Tab Demo Site
          </td>
        </tr>
        <tr>
          <td id="ContentContainer" valign="top">
            <!-this will contain the menu code + content -->
          </td>
        </tr>
        <tr>
          <td id="FooterContainer" colspan="2">
            © 2005 Your Company
          </td>
        </tr>
      </table>

Listing 3
<table cellpadding="0" cellspacing="0" border="0"  width="100%">
              <tr>
                <td colspan="2">
                  <table cellpadding="0" cellspacing="0" border="0" width="100%"
				   class="TabMenuContainer">
                    <tr>
                      <td>
                        <asp:Menu CssClass="TabMenu" DataSourceID="TabMenuSitemap"
						 HideSelectElements="True"
			 ID="Menu2" Orientation="Horizontal" runat="server">
              <StaticSelectedStyle CssClass="TabMenuItemSelected" />
               <StaticMenuItemStyle CssClass="TabMenuItem" />
                          <StaticMenuStyle CssClass="SiteStaticMenu" />
                          <StaticHoverStyle CssClass="TabMenuItemHover" />
                          <DataBindings>
                            <asp:MenuItemBinding DataMember="SiteMapNode" Depth="0"
			NavigateUrlField="Url" TextField="Title"
			ToolTipField="Description" />
                          </DataBindings>
                        </asp:Menu>
                      </td>
                      <td class="TabMenuSpacer" width="100%">
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td width="100%" valign="top">
                  <div id="SiteContent">
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                  </div>
                </td>
                <td>
                  <div class="SiteContentSpacer">
                  </div>
                </td>
              </tr>
            </table>

Listing 4

body
{
  font-family: Tahoma;
}

#MasterContainer
{
  border: solid 1px black;
}

#BannerContainer
{
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  font-size: large;
}

.TabMenuContainer
{
  border-top: solid 1px black;
}

.TabMenuItem
{
  background-color: #FFFFBC;
  text-align:center;
  font-size: xx-small;
  border: solid 1px black;
  border-left: none;
  padding: 3px 3px 3px 3px;
}
.TabMenuItemSelected
{
background-color: White;
text-align:center;
font-size: xx-small;
border-right: solid 1px black;
border-bottom: none;
border-top: none;
border-left: none;
padding: 5px 3px 5px 3px;
}
.TabMenuItemHover
{
  color:Black;
  font-weight: bold;
}
.SiteStaticMenu
{
  margin: -1px 0px 0px 0px;
  background-color: Black;
}
.TabMenuSpacer
{
  background-color: #222222;
  padding: 5px 5px 5px 5px;
}

#SiteContent
{
  padding: 5px 5px 5px 5px;
  margin: 10px 10px 10px 10px;
  width: 100%; 
}

.SiteContentSpacer
{
  height: 200px;
  visibility: hidden;
}#FooterContainer
{
  font-size: xx-small;
  border-top: solid 1px black;
}