<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
	<xsl:template match="Horticulture_Heaven">
	<xsl:param name="Color"/>
		<html>
			<head>
				<title>Horticulture Heaven | <xsl:value-of select="pages[@color = $Color]/title"/></title>
				<link href="d3.css" rel="stylesheet" type="text/css"/>
			</head>
			<body>
				<div align="center">
					<table class="main" cellpadding="5" cellspacing="0" width="750px">
						<tr>
							<td colspan="2" align="center">
								<img src="header.gif" alt="Header Image"/>
							</td>
						</tr>
						<tr>
							<td valign="top">
								<table class="navigation">
									<tr>
										<td valign="top" align="center">
											<table cellpadding="0" cellspacing="0" style="width: 115px;">
												<tr>
													<td class="nav_title">Navigation</td>
												</tr>
												<tr>
													<td class="nav_mid"><a href="red.html" title="Red">Red Flowers</a></td>
												</tr>
												<tr>
													<td class="nav_mid"><a href="pink.html" title="Pink">Pink Flowers</a></td>
												</tr>
												<tr>
													<td class="nav_mid"><a href="yellow.html" title="Yellow">Yellow Flowers</a></td>
												</tr>
												<tr>
													<td class="nav_mid"><a href="white.html" title="white">White Flowers</a></td>
												</tr>
												<tr>
													<td class="nav_mid"><a href="blue.html" title="Blue">Blue Flowers</a></td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td valign="top" align="center">
											<table cellpadding="0" cellspacing="0" style="width: 115px;">
												<tr>
													<td class="nav_title">Address</td>
												</tr>
												<tr>
													<td class="nav_mid" style="font-size:10px;">
														<xsl:value-of select="locations/address"/>, <xsl:value-of select="locations/city"/>, <xsl:value-of select="locations/state"/><xsl:text> </xsl:text><xsl:value-of select="locations/zip"/>
													</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td valign="top" align="center">
											<table cellpadding="0" cellspacing="0" style="width: 115px;">
												<tr>
													<td class="nav_title">Contact Info</td>
												</tr>
												<tr>
													<td class="nav_mid" style="font-size:10px;">
												Ph: <xsl:value-of select="locations/contact/phone"/>
														<br/>
												Fax: <xsl:value-of select="locations/contact/fax"/>
													</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td>
											<table cellpadding="0" cellspacing="0" style="width: 115px;">
												<tr>
													<td class="nav_title">Hours</td>
												</tr>
												<tr>
													<td class="nav_mid" style="font-size:10px; text-align: left; padding: 3px;">
														<xsl:for-each select="locations/hours">
															<font style="font-weight: bold;">
																<xsl:value-of select="@day"/>
															</font>
															<br/>
															<span style="position: relative; left: 8px;">
																<xsl:value-of select="./start"/><xsl:text> </xsl:text>-<xsl:text> </xsl:text><xsl:value-of select="./end"/>
															</span>
															<br/>
														</xsl:for-each>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td valign="top">
								<p class="mainbody">
									<xsl:for-each select="body/text">
										<xsl:value-of select="."/>
										<br/>
										<br/>
									</xsl:for-each>
								</p>
								<p class="mainbody">
							Don't want to buy online? Visit us in our Seattle Store! Our address is:<br/>
									<xsl:value-of select="locations/address"/>, <xsl:value-of select="locations/city"/>, <xsl:value-of select="locations/state"/><xsl:text> </xsl:text><xsl:value-of select="locations/zip"/>
								</p>
								<br/>
								<div align="center">
									<table class="flowers" style="border-bottom: 1px solid #000000;" cellpadding="0" cellspacing="0" border="0">
										<tr>
											<td style="border-right: 1px solid #000000; text-align: center; width: 100px; font-size: 14px; font-weight: bold;">Red</td>
											<td style="border-right: 1px solid #000000; text-align: center; width: 100px; font-size: 14px; font-weight: bold;">Pink</td>
											<td style="border-right: 1px solid #000000; text-align: center; width: 100px; font-size: 14px; font-weight: bold;">Yellow</td>
											<td style="border-right: 1px solid #000000; text-align: center; width: 100px; font-size: 14px; font-weight: bold;">Blue</td>
											<td style="text-align: center; width: 100px; font-size: 14px; font-weight: bold;">White</td>
										</tr>
										<tr>
											<td>
												<a href="./red.html" name="Link to Red Page">
													<img src="red.gif" alt="Link Image" border="0"/>
												</a>
											</td>
											<td>
												<a href="./pink.html" name="Link to Pink Page">
													<img src="pink.gif" alt="Link Image" border="0"/>
												</a>
											</td>
											<td>
												<a href="./yellow.html" name="Link to Yellow Page">
													<img src="yellow.gif" alt="Link Image" border="0"/>
												</a>
											</td>
											<td>
												<a href="./blue.html" name="Link to Blue Page">
													<img src="blue.gif" alt="Link Image" border="0"/>
												</a>
											</td>
											<td>
												<a href="./white.html" name="Link to White Page">
													<img src="white.gif" alt="Link Image" border="0"/>
												</a>
											</td>
										</tr>
									</table>
									<br/>
									<p style="font-size: 10px;">Click a flower image to go to that page.</p>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2" align="center">
								<table class="footer" cellpadding="0" cellspacing="0">
									<tr>
										<td>
											<xsl:for-each select="footer/text">
												<xsl:value-of select="."/>
												<br/>
											</xsl:for-each>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</div>
			</body>
		</html>
	</xsl:template>
</xsl:stylesheet>