<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" xmlns="http://www.w3.org/1999/xhtml">

	<xsl:template match="/">
		<html>
			<head>
				<title>Memo on CSS</title>
				<style type="text/css">
				body{font-family:verdana;font-size:small;}
				h1 {color:navy;}
				.term {color:blue;}
				
				</style>
			</head>
			<body>
				<xsl:apply-templates select="//memohead"/>
				<xsl:apply-templates select="//memobody" />
				
				
			</body>
			
			
			
		</html>
		
		
		
	</xsl:template>

	<xsl:template match="//memohead">
				<h1>
					<xsl:value-of select="about"/>
				</h1>
				<p>
					<strong>Date: </strong>
					<xsl:value-of select="date"/>
				</p>
				<p>
					<strong>To: </strong>
					<xsl:value-of select="to"/>
				</p>
				<p>
					<strong>From: </strong>
					<xsl:value-of select="from"/>
				</p>
				<hr/>

	</xsl:template>

	<xsl:template match="//memobody">
				
		<xsl:apply-templates />
		
	</xsl:template>


	<xsl:template match="//paragraph">

<p>
	<xsl:apply-templates/>
		
</p>
	</xsl:template>


	<xsl:template match="paragraph">
	

			
	<xsl:value-of select="."/>
	
		
	

	</xsl:template>


	<xsl:template match="//points">
		<ul>
			<xsl:for-each select="item">

				<li>
					<xsl:value-of select="."/>
				</li>
			</xsl:for-each>
			
		</ul>
		
	</xsl:template>


	<xsl:template match="term">
	<span class="term">
			<xsl:value-of select="."/></span>

	</xsl:template>
	
	
	
	
	
</xsl:stylesheet>
