<?xml version='1.0' encoding='utf-8' ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template name="Style1" 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>

<p>
Total Employees: <xsl:value-of select = "count(//Employee)" /> 
</p>


</body>
</html>
</xsl:template>
</xsl:stylesheet>
