
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="html"/>
	<!-- Main Template Begins-->
	<xsl:template match="election">
		<html>
			<head>
				<title>The Olympian 2005 election guide</title>
				<style type="text/css">

.candidatebox {
  width: 100%;
  background: smoke;
  border: 1px solid #000
  padding: 50px;
  margin-bottom: 10px;
}

.candidatehed {
  width: 100%;
  padding: 8px;
  background: #f0f8ff;
  border: 1px solid #ccc
}

.candidatename {
 font: 17px/19px bold "Georgia", "trebuchet ms", times, serif;
}

li {
 font: 11px/14px "Georgia", times, serif;
 margin-left: -5px;
}
			
.contactbox {
  /*background: #e1e1e1;*/
  border: 1px dotted #ccc
  padding: 2px;
}
 
.personalbox {
  /*background: azure;*/
  border: 1px dotted #ccc
  padding: 2px;
} 
 
.highlight {
  margin-left: -25px;
  width: 100%;
  background: #ffff99;
  display: block;
} 
     
        </style>
      </head>
			<body>
			
			<xsl:for-each select="candidate">
			<div class="candidatebox">
			<div class="candidatehed">
      <span class="candidatename"><xsl:value-of select="name"/></span><br />
     
      <strong>Running for</strong>: <xsl:value-of select="position_title"/></xsl:for-each>
      </div>
			<table class="box" width="100%">
			 <tr>
			   <td width="48%" valign="top"><xsl:for-each select="office">
			   <ul><br />
            <li><strong>Platform</strong>: <xsl:value-of select="platform"/></li>
            <li><strong>Incumbent</strong>:  <xsl:value-of select="incumbent"/></li>
            <!--<li><strong>Voting district</strong>: <xsl:value-of select="voting_district"/></li>-->
            <li><strong>Salary</strong>: $<xsl:value-of select="salary"/></li>
            <li><strong>Stipend</strong>: $<xsl:value-of select="stipend"/></li>
          </ul>
      
        
         
			   <ul><strong class="highlight">Contact information</strong>
            <li><strong>Address</strong>: <xsl:value-of select="address"/></li>
            <li><strong>Phone number</strong>: <xsl:value-of select="phone"/></li>
            <li><strong>E-mail address</strong>: <xsl:value-of select="email"/></li>
            <li><strong>Web link</strong>: <a><xsl:attribute name="href"/><xsl:value-of select="web_link"/></a></li>
    
          </ul>
           </div>
    	   </td>
    	   
    	   <td width="50%" valign="top"><div class="personalbox">
			   <ul><strong class="highlight">Personal information</strong>
            <li><strong>Political experience</strong>: <xsl:value-of select="experience"/></li>
            <li><strong>Occupation</strong>: <xsl:value-of select="occupation"/></li>
            <li><strong>Education</strong>: <xsl:value-of select="education"/></li>
            <li><strong>Age</strong>: <xsl:value-of select="age"/></li>
            <li><strong>Gender</strong>: <xsl:value-of select="gender"/></li>
            <li><strong>Family</strong>: <xsl:value-of select="family"/></li>
          </ul>
          
     
          </div>
    	   </td>
    	   
    	  </tr>
			</table> 
		  </div> 
	
			<br />
      </xsl:for-each> 
   
		  </body>
		</html>
		</xsl:template>
		</xsl:stylesheet>
