<?xml version='1.0' encoding='utf-8' ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

	<html>
	<head>
	<STYLE>
		h1 {COLOR: red; FONT-FAMILY: Arial; FONT-SIZE: 14pt;}
		h2 {COLOR: darkblue; FONT-FAMILY: Arial; FONT-SIZE: 12pt;}
		.subhead {COLOR: darkblue; FONT-FAMILY: Arial; FONT-SIZE: 12pt;}
		.text {COLOR: black; FONT-FAMILY: Arial; FONT-SIZE: 12pt;}
		th {COLOR: white; FONT-FAMILY: Arial; background-color:
		darkblue;}
		td {COLOR: blue; FONT-FAMILY: Arial}
		tr { background-color: beige; }
		body { background-color: beige; }
	</STYLE>
	</head>
	<body>
	<h1>Company Information for Infoteria</h1>
	<h2>Employee Listing</h2>
	<table border="1">
	<tr>
		<th>Name</th>
		<th>Position</th>
		<th>Email</th>
	</tr>
	<xsl:for-each select="Company/Employee">
	<xsl:sort select="substring-after(Email,'@')"/>
	<tr>
		<td><xsl:value-of select="FirstName"/><xsl:value-of select="LastName"/></td>
		<td><xsl:value-of select="Position"/></td>
		<td><xsl:value-of select="Email"/></td>
	</tr>
	
	</xsl:for-each>
	</table>
	Total Employees:
	<xsl:value-of select="count(//Employee)"/>
	</body>
	</html>
</xsl:template>
</xsl:stylesheet>



