<?xml version="1.0"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
	
	<head>
		<style type="text/css">
			

		.mission, .values, .value, .goals, .objective {
		border-top : 1px solid #ccc;
		padding : 1em;
		margin : 1em 0;
		}

		.values, .goals {
		border : 0;
		}

		.other-information {
		margin : 1em 0;
		}


		h1, h2, h3, h4 {
		margin : 0 0 1em 0;
		}

	
		
		</style>
	</head>
	
  <body>
	
	  	<xsl:for-each select="StrategicPlanCore/Organization">    
			<h1><xsl:value-of select="Name"/> (<xsl:value-of select="Acronym"/>)</h1>    	
		</xsl:for-each>
   
	  	<xsl:for-each select="StrategicPlanCore">    
			<h2><xsl:value-of select="Vision"/></h2>
		</xsl:for-each>
		
	  	<xsl:for-each select="StrategicPlanCore">    
			<h3>Mission</h3> 
			<div>
				<xsl:value-of select="Mission"/>
			</div>
		</xsl:for-each>	
		
		
			
		
		<div class="values">
	
	    <h3>Values</h3>

	      <xsl:for-each select="StrategicPlanCore/Value">
			
			<div class="value">
	          <h4><xsl:value-of select="Name"/></h4>
	          <div><xsl:value-of select="Description"/></div>
	    	</div>
	      </xsl:for-each>

		</div>


		<div class="goals">

	    <h3>Goals</h3>

	      <xsl:for-each select="StrategicPlanCore/Goal">

			<div class="goal">
	          <h4><xsl:value-of select="SequenceIndicator"/>. <xsl:value-of select="Name"/></h4>
	          <div><xsl:value-of select="Description"/></div>
	
		      <xsl:for-each select="Objective">
		
				<div class="objective">
					<h5><xsl:value-of select="SequenceIndicator"/>&#160; <xsl:value-of select="Name"/></h5>
		          	<div class="description"><xsl:value-of select="Description"/></div>	     
		     		<div class="other-information"><xsl:value-of select="OtherInformation"/></div>	
				</div>
				
			  </xsl:for-each>
			</div>

	      </xsl:for-each>

		</div>



		<div class="metadata">
		  	<xsl:for-each select="StrategicPlanCore">    
				Source: <a href="{Source}"><xsl:value-of select="Source"/></a>
			</xsl:for-each>
		</div>
	
  </body>
  </html>

</xsl:template>

</xsl:stylesheet>
