<?xml version="1.0"?> 


<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

	<xsl:template match="menu">
		<html>
		<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>Menu</title>
		</head>
		<body style="background-color:#b9dcdd; font-family:Tahoma, Verdana, sans-serif; font-size:16pt; line-height:1.2em; text-align:left; color:#1f2224;">
			<div style="width:80%; margin:0px auto 0px auto; padding:15px 20px 15px 20px; background-color:white;">
				<h1 style="font-weight:bold; font-size:32pt; margin: -15px -20px 0px -20px; padding:32px 0px 24px 0px; text-align:center; background-color:#605649; color:white;">Menu</h1>
				
				<h2 style="font-weight:bold; font-size:20pt; background-color:#b9dcdd; padding:8px 0px 8px 8px;">Starters</h2>

				<xsl:apply-templates select="//item[category='1. Starters']">
					<xsl:sort select="name"/>
				</xsl:apply-templates>	
				
				<h2 style="font-weight:bold; font-size:20pt; background-color:#b9dcdd; padding:8px 0px 8px 8px;">Entrée</h2>
				
				
				<xsl:apply-templates select="//item[category='2. Entrée']">
					<xsl:sort select="name"/>
				</xsl:apply-templates>	
				
				<h2 style="font-weight:bold; font-size:20pt; background-color:#b9dcdd; padding:8px 0px 8px 8px;">Dessert</h2>
				
				<xsl:apply-templates select="//item[category='3. Dessert']">
					<xsl:sort select="name"/>
				</xsl:apply-templates>	
				
				<h2 style="font-weight:bold; font-size:20pt; background-color:#b9dcdd; padding:8px 0px 8px 8px;">Beverage</h2>
				
				<xsl:apply-templates select="//item[category='4. Beverage']">
					<xsl:sort select="name"/>
				</xsl:apply-templates>	
				
				<p>
				&#9733; Denotes a specialty item.
				</p>
			</div>
		</body>
		</html>
	</xsl:template>			
	
	<xsl:template match="item">

		
		<p>
		<xsl:if test="price &gt; 15">
			&#9733;
		</xsl:if>
		<xsl:apply-templates select="name"/>

		</p>
		<p style="margin-top:-16px;">
		<xsl:apply-templates select="price"/>
		</p>
		<p>
		<span style="font-style:italic;"><xsl:apply-templates select="description"/></span>
		</p>
		<hr />
	</xsl:template>

	<xsl:template match="name">

		<span style="font-weight:bold;"><xsl:value-of select="."/></span>
		
	</xsl:template>	
	
	<xsl:template match="price">
		$<xsl:value-of select="."/>
	</xsl:template>

	<xsl:template match="description">
		<xsl:value-of select="."/>
	</xsl:template>	
		
</xsl:stylesheet>
