<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:output method="html" indent="no"/>
<xsl:strip-space elements="*"/>
	<!--MENU-->
	<xsl:template match="MENU" mode="top">
		<xsl:apply-templates select="MENU-ITEM"  mode="top"/>
	</xsl:template>

	<!--MENU-ITEM-->
	<xsl:template match="MENU-ITEM"  mode="top">
   		<xsl:choose>
      <!-- active menu with link-->
        <xsl:when test="MENU-ITEM[@ID=/LAYOUT/@ID] or @ID=/LAYOUT/@ID">
          <td align="center" valign="middle" height="22px">
            <table cellpadding="0" cellspacing="0" border="0" height="22px">
              <tr>
                <td style="background-image:url(images/m1.gif)" height="22px">
                  <div style="width:8px"></div>
                </td>
                <td style="background-image:url(images/m2.gif)" height="22px">
                  <a href="{@HREF}"  class="menu1">
                    <xsl:value-of select="@TITLE" disable-output-escaping="yes"/>
                  </a>
                </td>
                <td style="background-image:url(images/m3.gif)" height="22px">
                  <div style="width:9px"></div>
                </td>
              </tr>
            </table>
          </td>
        </xsl:when>
        
        
        <xsl:otherwise>
          <td align="center" valign="middle">
            <a href="{@HREF}" class="menu1">
              <xsl:value-of select="@TITLE" disable-output-escaping="yes"/>
            </a>
          </td>
        </xsl:otherwise>
      </xsl:choose>
      <xsl:if test="position()!=last()">
      <td style="padding-left:24px; padding-right:24px" align="center" valign="middle">
        <img border="0" src="images/bullet.gif"/>
      </td>
	</xsl:if>
	</xsl:template>	

</xsl:stylesheet>