<?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>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<head>
			<title>	Library Hours </title>
			<!--link rel="stylesheet" href="/assign4_styles.css" type="text/css"/-->
		</head>
			<style>
				body {background-color: #FFFFD0; font: lucinda grande 10pt; color: #660000;
				  line-height: 1.5;}
				h1{color: #003300;} h2{font-size: 11pt; color: #666600;}
				th {background-color:#660000; color: #FFE87C; font-size:11pt;}
				.EN {background-color:#FFCC00;}
				div {border-top: dotted 1px #999999; margin-top: 30px; margin-bottom: 15px;
				padding-bottom: 10px;}
				.last {border-bottom: solid 2px #999999; margin-top: 30px; margin-bottom: 10px;
				padding-bottom: 10px;}
		</style>
		<body class="last">
			<h1> Library Hours </h1>
			<xsl:apply-templates/>
		</body>
	</html>
</xsl:template>

<xsl:template match="library">
	<div>
	<h2><xsl:value-of select="name"/></h2>
			<bold>Location:</bold>   <xsl:value-of select="ADDRESS/city"/>,  
		<xsl:value-of select="country"/> <br/>
			<bold>Open Hours:</bold>  
		<xsl:for-each select="openHours">
			<xsl:value-of select="hours"/>, <xsl:value-of select="days"/><br/>
			               
			        
		</xsl:for-each>
	</div>
</xsl:template>

</xsl:stylesheet>