<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY amp   "&#38;">
<!ENTITY copy   "&#169;">
<!ENTITY gt   "&#62;">
<!ENTITY hellip "&#8230;">
<!ENTITY laquo  "&#171;">
<!ENTITY lsaquo   "&#8249;">
<!ENTITY lsquo   "&#8216;">
<!ENTITY lt   "&#60;">
<!ENTITY nbsp   "&#160;">
<!ENTITY quot   "&#34;">
<!ENTITY raquo  "&#187;">
<!ENTITY rsaquo   "&#8250;">
<!ENTITY rsquo   "&#8217;">
]>
<!-- 
Implementations Skeleton - 01/10/2017

SNIPPET XSL
Place snippet XSL template matches in this file.

Contributors: A. Schwenkenberg
Last Updated: 10/2017

-->
<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:ou="http://omniupdate.com/XSL/Variables"
				xmlns:fn="http://omniupdate.com/XSL/Functions" xmlns:ouc="http://omniupdate.com/XSL/Variables" exclude-result-prefixes="xs ou fn ouc">

	<xsl:import href="preview-alerts.xsl"/>

	<!-- Generic Snippet Error -->
	<xsl:template name="snippet-error" expand-text="yes">
		<xsl:param name="title"/>
		<xsl:param name="errors"/>

		<!-- Missing values -->
		<xsl:if test="($ou:action != 'pub')">
			<xsl:call-template name="warning-alert">
				<xsl:with-param name="message">[{$title}] Omitting snippet. (Missing <strong>{string-join($errors/error, ", ")}</strong>)</xsl:with-param>
			</xsl:call-template>
		</xsl:if>
	</xsl:template>

	<xsl:template name="snippet-section" expand-text="yes">
		<xsl:param name="title"/>
		<xsl:if test="parent::ouc:div[@label='maincontent']">
			<xsl:call-template name="warning-alert">
				<xsl:with-param name="message">"<xsl:value-of select="$title"/>" this snippet is NOT designed for this section, it maybe displayed incorrectly.</xsl:with-param>
			</xsl:call-template>
		</xsl:if>
		<!--<xsl:if test="($ou:action != 'pub')">
			<xsl:call-template name="warning-alert">
				<xsl:with-param name="message">"<xsl:value-of select="$title"/>" this snippet is NOT designed for this section, it maybe displayed incorrectly.</xsl:with-param>
			</xsl:call-template>
			</xsl:if>-->
	</xsl:template>


	<!-- Get Snippet Attributes (based on type) -->
	<xsl:function name="ou:snippet-get-attributes">
		<xsl:param name="table"/>
		<xsl:param name="type"/>

		<xsl:value-of select="ou:snippet-get-attributes($table, $type, 'data-style')"/>
	</xsl:function>

	<xsl:function name="ou:snippet-get-attributes">
		<xsl:param name="table"/>
		<xsl:param name="type"/>
		<xsl:param name="style-name"/>

		<xsl:variable name="attr-region" select="$table/descendant-or-self::node()[@class='ou-snippet-styles'][1]"/>
		<xsl:variable name="attrs" select="$attr-region//em[contains(@class,$type)]/@*[name() = $style-name]"/>

		<xsl:value-of select="string-join($attrs, ' ')"/>
	</xsl:function>

	<xsl:template match="table[contains(@class, 'ou-snippet-')]">
		<xsl:if test="($ou:action != 'pub')">
			<xsl:call-template name="error-alert">
				<xsl:with-param name="message">[<xsl:value-of select="caption"/>] Snippet not recognized in this region/page. Omitting.</xsl:with-param>
			</xsl:call-template>
		</xsl:if>
	</xsl:template>


	<!-- General Section -->
	<xsl:template
				  match="table[@class = (
						 'ou-snippet-section',
						 'ou-snippet-div-section',
						 'ou-snippet-image-caption',
						 'ou-snippet-block-image-call-to-action',
						 'ou-snippet-grid-generic',
						 'ou-snippet-col-generic'
						 )]
						 [ou:snippet-get-attributes(., 'ou-snippet-container-styles') != '']"
				  priority="1">

		<xsl:variable name="class" select="ou:snippet-get-attributes(., 'ou-snippet-container-styles')"/>

		<div class="{$class}">
			<xsl:next-match/>
		</div>
	</xsl:template>

	<xsl:template name="empty-node-check">
		<xsl:param name="node"/>
		<xsl:variable name="output">
			<xsl:for-each-group select="$node//*" group-by="name()">
				<xsl:element name="node">
					<xsl:attribute name="name">
						<xsl:value-of select="current-grouping-key()"/>
					</xsl:attribute>
					<xsl:attribute name="count">
						<xsl:value-of select="count(current-group())"/>
					</xsl:attribute>
				</xsl:element>
			</xsl:for-each-group>
		</xsl:variable>
		<xsl:value-of select="count($output/node[@count]) > 0"/>
	</xsl:template>

	<xsl:function name="ou:empty-node-check">
		<xsl:param name="node"/>
		<xsl:variable name="output">
			<xsl:for-each-group select="$node//*" group-by="name()">
				<xsl:element name="node">
					<xsl:attribute name="name">
						<xsl:value-of select="current-grouping-key()"/>
					</xsl:attribute>
					<xsl:attribute name="count">
						<xsl:value-of select="count(current-group())"/>
					</xsl:attribute>
				</xsl:element>
			</xsl:for-each-group>
		</xsl:variable>
		<xsl:value-of select="count($output/node[@count]) > 0"/>
	</xsl:function>


	<!-- Standard Inner - Highlight -->
	<xsl:template match="table[@class='ou-snippet-highlight']">
		<xsl:variable name="data" select="tbody"/>
		<div class="highlight">
			<xsl:apply-templates select="$data/tr/td/node()"/>
		</div>
	</xsl:template>
	<!-- Standard Inner - Highlight -->


	<!-- Standard Inner - Media Box -->
	<xsl:template match="table[@class='ou-snippet-media-box']">
		<xsl:variable name="data" select="tbody"/>
		<div class="media">
			<div class="media-left media-middle">
				<xsl:apply-templates select="$data/tr[1]/td/node()"/>
			</div>
			<div class="media-body">
				<xsl:apply-templates select="$data/tr[2]/td/node()"/>
				<xsl:apply-templates select="$data/tr[3]/td/node()"/>
			</div>
		</div>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-media-box']/tbody/tr[1]/td/descendant::img">
		<img class="media-object">
			<xsl:apply-templates select="@*[name()!='class']"/>
		</img>
	</xsl:template>
	<!-- /Standard Inner - Media Box -->
	
	<!-- Standard Inner - Media Box Top -->
	<xsl:template match="table[@class='ou-snippet-media-box-top']">
		<xsl:variable name="data" select="tbody"/>
		<div class="media">
			<div class="media-left media-top">
				<xsl:apply-templates select="$data/tr[1]/td/node()"/>
			</div>
			<div class="media-body">
				<xsl:apply-templates select="$data/tr[2]/td/node()"/>
				<xsl:apply-templates select="$data/tr[3]/td/node()"/>
			</div>
		</div>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-media-box-top']/tbody/tr[1]/td/descendant::img">
		<img class="media-object">
			<xsl:apply-templates select="@*[name()!='class']"/>
		</img>
	</xsl:template>
	<!-- /Standard Inner - Media Box Top -->

	<!-- Standard Inner - Tabs -->
	<xsl:template match="table[@class='ou-snippet-tabs']">
		<xsl:variable name="uq" select="generate-id(.)"/>
		<div class="tabs-container">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<xsl:for-each select="tbody/tr">
					<xsl:variable name="pos" select="position()"/>
					<li role="presentation">
						<xsl:if test="$pos = 1">
							<xsl:attribute name="class">active</xsl:attribute>
						</xsl:if>
						<a data-toggle="tab" aria-controls="{$uq}-{$pos}" role="tab" href="#{$uq}-{$pos}" id="{$uq}-{$pos}-tabs">
							<xsl:value-of select="td[1]"/>
						</a>
					</li>
				</xsl:for-each>
			</ul>
			<div class="tab-content">
				<xsl:for-each select="tbody/tr">
					<xsl:variable name="pos" select="position()"/>
					<div id="{$uq}-{$pos}" class="tab-pane" role="tabpanel" tabindex="0" aria-labelledby="{$uq}-{$pos}-tabs">
						
						<xsl:if test="$pos = 1">
							<xsl:attribute name="class">tab-pane active</xsl:attribute>
						</xsl:if>
						
						<xsl:apply-templates select="td[2]/node()"/>
						
					</div>
				</xsl:for-each>
			</div>
		</div>
	</xsl:template>
	<!-- /Standard Inner - Tabs -->


	<!-- Standard Inner - Accordion -->
	<xsl:template match="table[@class='ou-snippet-accordion']">
		<xsl:variable name="uq" select="generate-id(.)"/>
		<div id="accordion-{$uq}" class="panel-group">
			<xsl:for-each select="tbody/tr">
				<xsl:variable name="pos" select="position()"/>
				<div class="panel panel-default">
					<div class="panel-heading">
						<p class="panel-title h4">
							<button role="button" data-toggle="collapse" data-parent="#accordion-{$uq}" href="#collapse-{$uq}-{$pos}" class="collapsed" aria-controls="panel-{$uq}-{$pos}" id="id-{$uq}-{$pos}">
								<xsl:value-of select="td[1]"/>
							</button>
						</p>
					</div>
					<div id="collapse-{$uq}-{$pos}" aria-expanded="false" class="panel-collapse collapse" role="region" >
						<!--<xsl:if test="$pos = 1">
							<xsl:attribute name="class">panel-collapse collapse in</xsl:attribute>
						</xsl:if> -->
						<div class="panel-body" aria-labelledby="collapse-{$uq}-{$pos}" id="panel-{$uq}-{$pos}">
							<xsl:apply-templates select="td[2]/node()"/>
						</div>
					</div>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>
	<!-- /Standard Inner - Accordion -->

	<!-- Standard Inner - Testimonial -->
	<xsl:template match="table[@class='ou-snippet-testimonial']">
		<xsl:variable name="data" select="tbody"/>
		<div class="testimonial icon">
			<div class="icon-container">
				<img src="https://www.ttuhsc.edu/_resources/images/icons/quotes.png" alt=""/>
			</div>
			<div class="text-container">
				<xsl:apply-templates select="$data/tr[1]/td/node()"/>
				<h4 role="presentation">
					<xsl:value-of select="$data/tr[2]/td/node()"/>
				</h4>
				<p class="info">
					<xsl:if test="ou:textual-content($data/tr[3]/td/node() != '')">
						<span>
							<xsl:value-of select="$data/tr[3]/td/node()"/>
						</span>
					</xsl:if>
					<xsl:if test="ou:textual-content($data/tr[4]/td/node() != '')">
						<span>
							<xsl:value-of select="$data/tr[4]/td/node()"/>
						</span>
					</xsl:if>
				</p>
			</div>
		</div>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-testimonial']/tbody/tr[1]/td/descendant::p">
		<p class="quote">
			<q>
				<xsl:apply-templates select="@*[name()!='class']|node()"/>
			</q>
		</p>
	</xsl:template>
	<!-- /Standard Inner - Testimonial -->

	<!-- Standard Inner - Kaltura Player -->
	<xsl:template match="table[@class='ou-snippet-kaltura-player']">
		<xsl:variable name="uq" select="generate-id(.)"/>
		<xsl:variable name="entry_id" select="tbody/tr[1]/td/node()"/>
		<xsl:variable name="style" select="tbody/tr[2]/td"/>
		<div id="kaltura_player_div{normalize-space($entry_id)}" style="width: 600px; height: 450px">
			<xsl:if test="ou:textual-content($style)">
				<xsl:attribute name="style" select="normalize-space($style)"/>
			</xsl:if> &nbsp; </div>
		<script type="text/javascript" src="//www.kaltura.com/p/639312/sp/63931200/embedIframeJs/uiconf_id/11752322/partner_id/639312">// </script>
		<script type="text/javascript">kWidget.thumbEmbed({"targetId": "kaltura_player_div<xsl:value-of select="normalize-space($entry_id)"/>","wid": "_639312", "uiconf_id": "11752322","flashvars": {"IframeCustomPluginCss1" :"../Content/CustomMWPlayer.css"},"entry_id":"<xsl:value-of select="normalize-space($entry_id)"/>" });</script>
	</xsl:template>
	<!-- /Standard Inner - Kaltura Player -->
	
	<!-- Standard Inner - Dropdown Single Column -->
	<xsl:template match="table[@class='ou-snippet-dropdown-single']">
		<xsl:variable name="title" select="tbody/tr[1]/td"/>
		<xsl:variable name="content" select="tbody/tr[2]/td"/>

		<div class="dropdown-wrapper row" style="padding: 0">
			<xsl:for-each select="$title">
				<xsl:variable name="pos" select="position()"/>
				<xsl:variable name="uq" select="generate-id(.)"/>
				<div class="dropdown col-xs-12 col-md-12">
					<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu-{$pos}-{$uq}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						<xsl:value-of select="$title[$pos]"/>
					</button>
					<ul class="dropdown-menu" aria-labelledby="dropdownMenu-{$pos}-{$uq}">
						<xsl:apply-templates select="$content[$pos]/descendant::li"/>
					</ul>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-dropdown-single']/descendant::li">
		<li>
			<xsl:apply-templates select="node()"/>
		</li>
		<xsl:if test="position() != last()">
			<li role="separator" class="divider"/>
		</xsl:if>
	</xsl:template>
	<!-- /Standard Inner - Dropdown Single Column -->

	<!-- Standard Inner - Dropdown -->
	<xsl:template match="table[@class='ou-snippet-dropdown']">
		<xsl:variable name="title" select="tbody/tr[1]/td"/>
		<xsl:variable name="content" select="tbody/tr[2]/td"/>

		<div class="dropdown-wrapper row">
			<xsl:for-each select="$title">
				<xsl:variable name="pos" select="position()"/>
				<xsl:variable name="uq" select="generate-id(.)"/>
				<div class="dropdown col-md-6">
					<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu-{$pos}-{$uq}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						<xsl:value-of select="$title[$pos]"/>
					</button>
					<ul class="dropdown-menu" aria-labelledby="dropdownMenu-{$pos}-{$uq}">
						<xsl:apply-templates select="$content[$pos]/descendant::li"/>
					</ul>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-dropdown']/descendant::li">
		<li>
			<xsl:apply-templates select="node()"/>
		</li>
		<xsl:if test="position() != last()">
			<li role="separator" class="divider"/>
		</xsl:if>
	</xsl:template>
	<!-- /Standard Inner - Dropdown -->

	<!-- Standard Inner - remove p tag from blockquote -->
	<xsl:template match="blockquote/descendant::p">
		<xsl:apply-templates/>
	</xsl:template>

	<!-- Standard Inner - Image Box CTA-->
	<xsl:template match="table[@class='ou-snippet-img-box-cta']">
		<xsl:variable name="data" select="tbody/tr"/>
		<xsl:variable name="style" select="$data[2]/td/descendant::span/@class"/>
		<figure class="img-box cta">
			<xsl:if test="$style != ''">
				<xsl:attribute name="class">img-box cta <xsl:value-of select="$style"/></xsl:attribute>
			</xsl:if>
			<xsl:apply-templates select="$data[1]/td/node()"/>
			<figcaption>
				<p class="h2">
					<xsl:value-of select="$data[2]/td"/>
				</p>
				<xsl:if test="ou:textual-content($data[3]/td) != ''">
					<p>
						<xsl:value-of select="$data[3]/td"/>
					</p>
				</xsl:if>
				<xsl:apply-templates select="$data[4]/td/node()"/>
			</figcaption>
		</figure>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-img-box-cta']/tbody/tr[1]/td/descendant::img">
		<img>
			<xsl:apply-templates select="@*[name()!='height' and name() !='width']"/>
		</img>
	</xsl:template>
	<!-- /Standard Inner - Image Box CTA-->

	<!-- Standard Inner - Related Links Promo -->
	<xsl:template match="table[@class='ou-snippet-related-links']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="related-links promo">
			<xsl:apply-templates select="$data/td/node()"/>
		</div>
	</xsl:template>
	<!-- /Standard Inner - Related Links Promo -->

	<!-- Standard Inner - Contact Promo -->
	<xsl:template match="table[@class='ou-snippet-contact']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="contact promo">
			<xsl:apply-templates select="$data[1]/td/node()"/>
			<div class="info">
				<xsl:apply-templates select="$data[2]/td/node()"/>
			</div>
		</div>
	</xsl:template>
	<!-- /Standard Inner - Contact Promo -->
	
	<!-- Standard Inner - Three Column Header -->
	<xsl:template match="table[@class='ou-snippet-three-column-header']">
		
		<xsl:variable name="data" select="tbody"/>
		<xsl:variable name="bg-color">
			<xsl:apply-templates select="$data/tr[1]/td/node()"/>
		</xsl:variable>
		<xsl:variable name="font-color">
			<xsl:apply-templates select="$data/tr[2]/td/node()"/>
		</xsl:variable>
		
		<div style="background-color: {$bg-color}; color: {$font-color}; text-align: center;"><br />
<h2 style="padding-top: 20px; color: {$font-color};">
			<xsl:apply-templates select="$data/tr[3]/td/node()"/>
			</h2>
<p style="padding-left: 40px; padding-right: 40px; color: {$font-color};">
			<xsl:apply-templates select="$data/tr[4]/td/node()"/>
			</p>
<br />
			
<div class="columns">
                           <div class="col-xs-12 col-md-4">
							   <h3 style="color: {$font-color}; font-size: 120%;">
								   <xsl:apply-templates select="$data/tr[5]/td/node()"/>
								   </h3>
								   <em>
                              <xsl:apply-templates select="$data/tr[6]/td/node()"/>
									   </em>
                           </div>
                           <div class="col-xs-12 col-md-4">
                               <h3 style="color: {$font-color}; font-size: 120%;">
								   <xsl:apply-templates select="$data/tr[7]/td/node()"/>
								   </h3>
								   <em>
                              <xsl:apply-templates select="$data/tr[8]/td/node()"/>
									   </em>
                              <xsl:apply-templates select="$data/tr[9]/td/node()"/>
                           </div>
                           <div class="col-xs-12 col-md-4">
                               <h3 style="color: {$font-color}; font-size: 120%;">
								   <xsl:apply-templates select="$data/tr[10]/td/node()"/>
								   </h3>
								   <em>
                              <xsl:apply-templates select="$data/tr[11]/td/node()"/>
									   </em>
                              
                              
                           </div>
                        </div>
                        <div class="clearboth"></div>
		</div> 
                     
                     <p>&nbsp;</p>

	</xsl:template>
	<!-- /Standard Inner - Three Column Header -->
	
	
	<!-- Three Column Grid with Image -->
	<xsl:template match="table[@class='ou-snippet-three-column-with-image-inset']">
		<div class="three-column-grid-container">
			<xsl:for-each select="tbody/tr">
				<div class="grid-item">
					<xsl:apply-templates select="td[1]"/>
					<div class="text-overlay">
						<p><srong><xsl:apply-templates select="td[2]"/></srong></p>
					</div>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>	
	<!-- /Three Column Grid with Image -->
	
	<!-- Two Columns Grid -->
	<xsl:template match="table[@class='ou-snippet-two-column-grid']">
		<div class="two-col-grid">
			<xsl:for-each select="tbody/tr">
				<div class="two-col-grid-content">
					<xsl:apply-templates select="td[1]"/>
				</div>
				<div class="two-col-grid-content">
					<xsl:apply-templates select="td[2]"/>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>	
	<!-- /Two Columns Grid -->
	
	
	<!-- Alternating Image Columns -->
	<xsl:template match="table[@class='ou-snippet-alternating-image-columns']">
		<xsl:for-each select="tbody/tr">
			<div class="alternating-image-col">
				<div class="alternating-image-col-content">
					<xsl:apply-templates select="td[1]"/>
				</div>
				<div class="alternating-image-col-content">
					<xsl:apply-templates select="td[2]"/>
				</div>
			</div>
		</xsl:for-each>
	</xsl:template>	
	<!-- /Alternating Image Columns -->
	
	
	<!-- Standard Inner - Two Column -->
	<xsl:template match="table[@class='ou-snippet-two-column']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="columns">
			<div class="col-xs-12 col-md-6">
				<xsl:apply-templates select="$data[1]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-6">
				<xsl:apply-templates select="$data[2]/td/node()"/>
			</div>
		</div>
		<div class="clearboth"></div>
	</xsl:template>
	<!-- /Standard Inner - Two Column -->
	
	<!-- Standard Inner - Three Column -->
	<xsl:template match="table[@class='ou-snippet-three-column']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="columns">
			<div class="col-xs-12 col-md-4">
				<xsl:apply-templates select="$data[1]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-4">
				<xsl:apply-templates select="$data[2]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-4">
				<xsl:apply-templates select="$data[3]/td/node()"/>
			</div>
		</div>
		<div class="clearboth"></div>
	</xsl:template>
	<!-- /Standard Inner - Three Column -->
	
	<!-- Standard Inner - Four Column -->
	<xsl:template match="table[@class='ou-snippet-four-column']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="columns">		
			<div class="col-xs-12 col-md-3">
				<xsl:apply-templates select="$data[1]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-3">
				<xsl:apply-templates select="$data[2]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-3">
				<xsl:apply-templates select="$data[3]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-3">
				<xsl:apply-templates select="$data[4]/td/node()"/>
			</div>
		</div>
		<div class="clearboth"></div>
	</xsl:template>
	<!-- /Standard Inner - Four Column -->
	
		<!-- Standard Inner - Five Column -->
	<xsl:template match="table[@class='ou-snippet-five-column']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="columns">
		<div class="col-xs-12 col-md-1">
				<xsl:apply-templates select="$data[1]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-2">
				<xsl:apply-templates select="$data[2]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-2">
				<xsl:apply-templates select="$data[3]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-2">
				<xsl:apply-templates select="$data[4]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-2">
				<xsl:apply-templates select="$data[5]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-2">
				<xsl:apply-templates select="$data[6]/td/node()"/>
			</div>
			<div class="col-xs-12 col-md-1">
				<xsl:apply-templates select="$data[7]/td/node()"/>
			</div>
			
		</div>
		<div class="clearboth"></div>
	</xsl:template>
	<!-- /Standard Inner - Five Column -->

	<!-- Standard Inner - Spotlight Promo -->
	<xsl:template match="table[@class='ou-snippet-spotlight']">
		<xsl:variable name="data" select="tbody/tr"/>
		<div class="spotlight promo">
			<xsl:apply-templates select="$data/td/node()"/>
		</div>
	</xsl:template>
	<!-- /Standard Inner - Spotlight Promo -->

	<!-- Standard Inner - School of Health Professions (Black Background Section) -->
	<xsl:template match="table[@class='ou-snippet-school-of-health-professions']">
		<xsl:variable name="data" select="tbody/tr"/>

		<section id="school-of-health-professions">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<xsl:apply-templates select="$data/td/node()"/>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	<!-- /Standard Inner - School of Health Professions (Black Background Section) -->
	
	<!-- Standard Inner - Highlight Overlay Background Section) -->
	<xsl:template match="table[@class='ou-snippet-highlight-overlay']">
		

		<section id="highlight-overlay-background" style="background-image:url('{tbody/tr[1]/td[1]/descendant::img/@src}');">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<xsl:apply-templates select="tbody/tr[2]/td[1]/node()"/>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	<!-- /Standard Inner - Highlight Overlay Background Section) -->
	
	<!-- Standard Inner - Highligh Blue Background Section) -->
	<xsl:template match="table[@class='ou-snippet-highlight-blue']">
		<xsl:variable name="data" select="tbody/tr"/>

		<section id="highlight-blue-background">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<xsl:apply-templates select="$data/td/node()"/>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	<!-- /Standard Inner - School of Health Professions (Black Background Section) -->

	<!-- Standard Inner - Facts Section -->
	<xsl:template match="table[@class='ou-snippet-facts-section']">
		<xsl:variable name="img" select="tbody/tr[1]/td"/>
		<xsl:variable name="num" select="tbody/tr[2]/td"/>
		<xsl:variable name="text" select="tbody/tr[3]/td"/>

		<section class="facts-section">
			<div class="container">
				<div class="row">

					<xsl:for-each select="1 to 3">
						<xsl:variable name="pos" select="position()"/>
						<div class="col-xs-12 col-md-4">
							<div class="factoid">
								<div class="icon-container">
									<img onerror="this.src='{$img[$pos]/descendant::a/@href}'">
										<xsl:apply-templates select="$img[$pos]/descendant::img/@*[name()!='height' or name()!= 'width']"/>
									</img>
								</div>
								<div class="text-container">
									<h3 role="presentation">
										<span class="fact-num">
											<xsl:value-of select="$num[$pos]/node()"/>
										</span>
										<span class="fact-text">
											<xsl:value-of select="$text[$pos]/node()"/>
										</span>
									</h3>
								</div>
							</div>
						</div>
					</xsl:for-each>
				</div>
			</div>
		</section>
	</xsl:template>
	<!-- /Standard Inner - Facts Section -->

	<!-- Standard Inner - Featured Program (Background Image) -->
	<xsl:template match="table[@class='ou-snippet-feat-program']">
		<xsl:variable name="img" select="tbody/tr[1]/td"/>
		<xsl:variable name="text" select="tbody/tr[2]/td"/>

		<section id="feat-program" class="img-section left">
			<div class="img-container">
				<xsl:apply-templates select="$img"/>
				<div class="overlay">
					<div class="text-container">
						<xsl:apply-templates select="$text"/>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	<!-- /Standard Inner - Featured Program (Background Image) -->

	<!-- Standard Inner - Programs at a Glance -->
	<xsl:template match="table[@class='ou-snippet-programs-at-a-glance']">
		<xsl:variable name="uq" select="generate-id(.)" />
		<xsl:variable name="heading" select="thead/tr[1]/td"/>
		<xsl:variable name="data" select="tbody/tr"/>

		<section id="programs-at-a-glance">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<xsl:apply-templates select="$heading"/>
						<hr/>
						<div class="panel-group" id="#accordion-{$uq}" role="tablist" aria-multiselectable="true">

							<xsl:for-each select="1 to count($data)">
								<xsl:variable name="pos" select="position()"/>
								
								<div class="panel panel-default col-md-2">
									<div role="tab" class="panel-heading" id="heading-{$uq}-{$pos}">
										<h3 class="panel-title">
											<a data-toggle="collapse" class="collapsed" data-parent="#accordion-{$uq}" href="#collapse-{$uq}-{$pos}" aria-expanded="false" aria-controls="collapse-{$uq}-{$pos}">
												<xsl:if test="$pos = 1"><xsl:attribute name="aria-expanded">true</xsl:attribute><xsl:attribute name="class"></xsl:attribute></xsl:if>
												<xsl:apply-templates select="$data[$pos]/td[1]"/>
											</a>
										</h3>
									</div>
									<div id="collapse-{$uq}-{$pos}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{$uq}-{$pos}">
										<xsl:if test="$pos = 1"><xsl:attribute name="class">panel-collapse collapse in</xsl:attribute></xsl:if>
										<div class="list-group">
											<xsl:apply-templates select="$data[$pos]/td[2]" />
										</div>
									</div>
								</div>
							</xsl:for-each>
						</div>
					</div>
				</div>
			</div>
		</section>
		
	</xsl:template>
	<!-- /Standard Inner - Programs at a Glance -->
	
	
	
	<!-- Standard Inner - img-grid -->
<!--	<xsl:template match="table[@class='ou-snippet-program-info']">
	<section id="program-info" class="img-grid right">
            <div class="container-fluid">
               <div class="row no-gutter table-cell">
                  <div class="col-xs-12 col-md-8 img"><img src="/_resources/images/ot-737.jpg" alt="featured program image"/></div>
                  					
                  <div class="col-xs-12 col-md-4 text-wrap">
                     <div class="text">
                        <h3>Flexible, Accessible Programs</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                           ullamco laboris nisi ut aliquip ex ea commodo consequat. <a class="learn-more" href="#">Learn More</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </section>
	</xsl:template>-->
	<!-- /Standard Inner - img-grid -->
	
	<!-- academics -->
	
	<!-- browse by programs -->
	<xsl:template match="table[@class='ou-snippet-browse-programs']">
		<div class="browse-programs">
			<h2><xsl:value-of select="tbody/tr/td[1]/node()"/></h2>
			<xsl:apply-templates select="tbody/tr/td[2]/node()"/>
			<ul class="a-z">
				
					<li><a class="all" href="#">ALL</a></li>
					<li><a class="disabled" href="#">A</a></li>
					<li><a class="disabled" href="#">B</a></li>
					<li><a class="disabled" href="#">C</a></li>
					<li><a class="disabled" href="#">D</a></li>
					<li><a class="disabled" href="#">E</a></li>
					<li><a class="disabled" href="#">F</a></li>
					<li><a class="disabled" href="#">G</a></li>
					<li><a class="disabled" href="#">H</a></li>
					<li><a class="disabled" href="#">I</a></li>
					<li><a class="disabled" href="#">J</a></li>
					<li><a class="disabled" href="#">K</a></li>
					<li><a class="disabled" href="#">L</a></li>
					<li><a class="disabled" href="#">M</a></li>
					<li><a class="disabled" href="#">N</a></li>
					<li><a class="disabled" href="#">O</a></li>
					<li><a class="disabled" href="#">P</a></li>
					<li><a class="disabled" href="#">Q</a></li>
					<li><a class="disabled" href="#">R</a></li>
					<li><a class="disabled" href="#">S</a></li>
					<li><a class="disabled" href="#">T</a></li>
					<li><a class="disabled" href="#">U</a></li>
					<li><a class="disabled" href="#">V</a></li>
					<li><a class="disabled" href="#">W</a></li>
					<li><a class="disabled" href="#">X</a></li>
					<li><a class="disabled" href="#">Y</a></li>
					<li><a class="disabled" href="#">Z</a></li>
				
				
				<!--<xsl:for-each select="tbody/tr/td[3]/ul/li">
					<li>
						<a class="disabled" >
							<xsl:apply-templates select="a/attribute()[not(name() = 'class')]"/>
							<xsl:if test="position() = 1"><xsl:attribute name="class">all</xsl:attribute></xsl:if>
							<xsl:value-of select="a/text()"/>
						</a>
					</li>
				</xsl:for-each>-->
			</ul>				
			<hr />
			<ul class="course-catalog">
				<xsl:for-each select="tbody/tr/td[3]/ul/li">
					<li><xsl:apply-templates select="node()"/></li>
				</xsl:for-each>
			</ul>
		</div>
	</xsl:template>
	<!-- browse by programs -->
	
	<!-- microsite -->
	
	<!-- meet our people -->
	<xsl:template match="table[@class='ou-snippet-meet-our-people']">		
		<xsl:variable name="id"><xsl:choose><xsl:when test="contains(lower-case(thead/tr[2]/td[1]/node()), 'quote')">1</xsl:when><xsl:otherwise>2</xsl:otherwise></xsl:choose></xsl:variable>
		<section class="testimonial-section">			
			<xsl:attribute name="id"><xsl:value-of select="concat('meet-our-people-', $id)"/></xsl:attribute>
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<h2><xsl:value-of select="thead/tr[2]/td[2]/node()"/></h2>
						<div class="owl-carousel">
							<xsl:for-each select="tbody/tr">
								<div>
									<div>
										<xsl:choose>
										<xsl:when test="$id = '1'">
											<xsl:attribute name="class">testimonial  icon</xsl:attribute>											
											<div class="icon-container"><img src="https://www.ttuhsc.edu/_resources/images/icons/quotes.png" alt="" /></div>
											</xsl:when>
											<xsl:otherwise>
												<xsl:attribute name="class">testimonial  image</xsl:attribute>										
												<div class="img-container"><img style="top: 20%;" src="{td[1]/descendant::img/@src}" alt="{td[1]/descendant::img/@alt}" /></div>
											</xsl:otherwise>
										</xsl:choose>										
										<div class="text-container">
											<p class="quote"><xsl:value-of select="td[2]/node()"/>
												<!-- added per Clara for link 5/4/22 -->
											<br />
							<a class="learn-more" href="{td[3]/a/@href}">
								<!--<xsl:apply-templates select="tbody/tr[1]/td[3]/descendant::a/attribute()"/> -->
								<xsl:value-of select="td[3]/node()"/>
							</a>
											</p>		

											<h3><xsl:value-of select="td[4]/node()"/></h3>
											<p class="info"><span><xsl:value-of select="td[5]/node()"/></span> <span><xsl:value-of select="td[6]/node()"/></span></p>
										</div>
									</div>
								</div>
							</xsl:for-each>														
						</div>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	<!-- program info -->
	<xsl:template match="table[@class='ou-snippet-program-info']">
		<section id="program-info" class="img-grid right">
			<div class="container-fluid">
				<div class="row no-gutter table-cell">
					<div class="col-xs-12 col-md-8 img"><img src="{tbody/tr/td[1]/descendant::img/@src}" alt="{tbody/tr/td[1]/descendant::img/@alt}"/></div>
					<div class="col-xs-12 col-md-4 text-wrap">
						<div class="text">
							<xsl:apply-templates select="tbody/tr/td[2]/node()"/>
						</div>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	<!-- feat learning -->	
	<xsl:template match="table[@class='ou-snippet-feat-learning']">
		<section id="feat-learning" class="img-grid left red">
			<div class="container-fluid">
				<div class="row no-gutter table-cell">
					<div class="col-xs-12 col-md-4 text-wrap">
						<div class="text">
							<xsl:apply-templates select="tbody/tr/td[1]/node()"/>
						</div>
					</div>
					<div class="col-xs-12 col-md-8 img"><img src="{tbody/tr/td[2]/descendant::img/@src}" alt="{tbody/tr/td[2]/descendant::img/@alt}" /></div>
				</div>
			</div>
		</section>	
	</xsl:template>
	<!-- feat learning -->	
	
	<!-- img section -->
	<xsl:template match="table[@class='ou-snippet-img-section']">
		<section>
			<xsl:attribute name="class">img-section <xsl:value-of select="lower-case(normalize-space(tbody/tr/td[1]/node()))"/></xsl:attribute>
			<div class="img-container"><xsl:apply-templates select="tbody/tr/td[2]/img"/>
				<div class="overlay">
					<div class="text-container">
						<h3><xsl:value-of select="tbody/tr/td[3]/node()"/></h3>
						<xsl:apply-templates select="tbody/tr/td[4]/node()"/>
						<a>
							<xsl:apply-templates select="tbody/tr/td[5]/descendant::a/attribute()[not(name() = 'class')]"/>
							<xsl:attribute name="class">learn-more</xsl:attribute>
							<xsl:value-of select="tbody/tr/td[5]/descendant::a/text()"/>
						</a>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	<!-- img section -->

	<!--<!-\- Home Page Snippets -\->
	<xsl:template match="table[@class='ou-snippet-home-page-factoid-slant']" expand-text="yes">
		<section class="slant-container right">
			<div class="row no-gutter">
				<xsl:for-each select="tbody/tr">
					<div class="col-xs-12 slanted slant-0{position()}">
						<a href="{td[2]/descendant::a/@href}">
							<div class="img-wrap">
								<img src="{td[1]/descendant::img/@src}" alt="{td[1]/descendant::img/@alt}"/>
								<div class="slant-content">
									<div class="slant-content-wrap">
										<div class="slant-content-stat">
											<div class="slant-content-circle">
												<h2>{td[3]/node()}</h2>
												<xsl:apply-templates select="td[4]/node()"/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
				</xsl:for-each>
			</div>
		</section>
	</xsl:template>-->
	
	<!-- Home Page Snippets -->
	<xsl:template match="table[@class='ou-snippet-home-page-factoid-slant']" expand-text="yes">
		<xsl:variable name="data" select="tbody/tr"/>
		<section class="slant-container right">
			<div class="row no-gutter">
				<xsl:for-each select="$data">
					<div class="col-xs-12 slanted slant-0{position()}">
						<a href="#">
							<xsl:apply-templates select="td[1]/descendant::a/attribute()[not(name() = 'class')]"/>
							<div class="img-wrap">
								<img src="{td[1]/descendant::img/@src}" alt="{td[1]/descendant::img/@alt}"/>
								<div class="slant-content">
									<div class="slant-content-wrap">
										<div class="slant-content-stat">
											<div class="slant-content-circle">
												<h2>{td[2]/node()}</h2>
												<xsl:apply-templates select="td[3]/node()"/>
											</div>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
				</xsl:for-each>
			</div>
		</section>
	</xsl:template>
		
	<!--<xsl:template match="table[@class='ou-snippet-home-page-patient-row']" expand-text="yes">
		<section id="patients-give" class="dark-bg">
			<div class="row">
				<div class="col-xs-12 col-md-6">
					<h2 class="h1">{tbody/tr[1]/td[1]/node()}</h2>
					<p>
						<a href="{tbody/tr[1]/td[3]/a/@href}">{tbody/tr[1]/td[2]/node()}</a>
					</p>
				</div>
				<div class="col-xs-12 col-md-6">
					<h2 class="h1">{tbody/tr[2]/td[1]/node()}</h2>
					<p>
						<a href="{tbody/tr[2]/td[3]/a/@href}">{tbody/tr[2]/td[2]/node()}</a>
					</p>
				</div>
			</div>
		</section>
	</xsl:template>-->
	
	<xsl:template match="table[@class='ou-snippet-home-page-patient-row']" expand-text="yes">
		<section id="patients-give" class="dark-bg">
			<div class="row">
				<div class="col-xs-12 col-md-6">
					<h2 class="h1">{tbody/tr[1]/td[1]/node()}</h2>
					<p>
						<xsl:apply-templates select="tbody/tr[1]/td[2]/node()"/>
						<!--<a href="{tbody/tr[1]/td[3]/a/@href}">{tbody/tr[1]/td[2]/node()}</a>-->
					</p>
				</div>
				<div class="col-xs-12 col-md-6">
					<h2 class="h1">{tbody/tr[2]/td[1]/node()}</h2>
					<p>
						<xsl:apply-templates select="tbody/tr[2]/td[2]/node()"/>
						<!--<a href="{tbody/tr[2]/td[3]/a/@href}">{tbody/tr[2]/td[2]/node()}</a>-->
					</p>
				</div>
			</div>
		</section>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-home-page-connect-row']" expand-text="yes">
		<section id="connect">
			<div class="row">
				<div class="col-xs-12">
					<h2>{tbody/tr/td[1]/node()}</h2>
					<xsl:apply-templates select="tbody/tr/td[2]/node()"/>
				</div>
			</div>
			<div class="row">
				<ul class="col-xs-12">
					<xsl:if test="tbody/tr/td[3]/descendant::a">
						<li><a href="{tbody/tr/td[3]/descendant::a/@href}" aria-label="Pinterest icon">
							<span class="fa fa-pinterest-p" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[4]/descendant::a">
						<li><a href="{tbody/tr/td[4]/descendant::a/@href}" aria-label="Facebook icon">
							<span class="fa fa-facebook" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[5]/descendant::a">
						<li><a href="{tbody/tr/td[5]/descendant::a/@href}" aria-label="Instagram icon">
							<span class="fa fa-instagram" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[6]/descendant::a">
						<li><a href="{tbody/tr/td[6]/descendant::a/@href}" aria-label="Twitter icon">
							<span class="fa fa-twitter" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[7]/descendant::a">
						<li><a href="{tbody/tr/td[7]/descendant::a/@href}" aria-label="Youtube icon">
							<span class="fa fa-youtube" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
				</ul>
			</div>
		</section>
	</xsl:template>
	
	<xsl:template match="table[@class='ou-snippet-left-connect-row']" expand-text="yes">
		<section id="connect-left">
			<div class="row">
				<div class="col-xs-12">
					<h2>{tbody/tr/td[1]/node()}</h2>
					<xsl:apply-templates select="tbody/tr/td[2]/node()"/>
				</div>
			</div>
			<div class="row">
				<ul class="col-xs-12">
					<xsl:if test="tbody/tr/td[3]/descendant::a">
						<li><a href="{tbody/tr/td[3]/descendant::a/@href}" aria-label="Pinterest icon">
							<span class="fa fa-pinterest-p" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[4]/descendant::a">
						<li><a href="{tbody/tr/td[4]/descendant::a/@href}" aria-label="Facebook icon">
							<span class="fa fa-facebook" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[5]/descendant::a">
						<li><a href="{tbody/tr/td[5]/descendant::a/@href}" aria-label="Instagram icon">
							<span class="fa fa-instagram" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[6]/descendant::a">
						<li><a href="{tbody/tr/td[6]/descendant::a/@href}" aria-label="Twitter icon">
							<span class="fa fa-twitter" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
					<xsl:if test="tbody/tr/td[7]/descendant::a">
						<li><a href="{tbody/tr/td[7]/descendant::a/@href}" aria-label="Youtube icon">
							<span class="fa fa-youtube" aria-hidden="true"/>
						</a></li><xsl:text> </xsl:text>
					</xsl:if>
				</ul>
			</div>
		</section>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-home-page-instagram-row']" expand-text="yes">
		<div class="row no-gutter">
			<xsl:for-each select="tbody/tr">
				<div class="col-xs-12 slanted slant-0{position()}">
					<div class="img-wrap">
						<a href="{td[1]/a/@href}">
							<img src="{td[1]/descendant::img/@src}" alt="{td[1]/descendant::img/@alt}"/>
						</a>
					</div>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>	
	
	<xsl:template match="program-search">
		<xsl:variable name="program-type" select="@type"/>
		<div class="program-search-container">
			<xsl:if test="$program-type = 'academics'"><xsl:attribute name="class">program-search academics</xsl:attribute></xsl:if>
			<xsl:if test="$program-type = 'standard'"><xsl:attribute name="class">program-search-container</xsl:attribute></xsl:if>
			<xsl:if test="$program-type = 'academics-landing'"><xsl:attribute name="class">program-search</xsl:attribute></xsl:if>
			<xsl:if test="$program-type = 'academics-landing'"><h2 class="h1"><xsl:value-of select="@title"/></h2></xsl:if>
			<xsl:if test="$program-type = 'home'"><xsl:attribute name="class">program-search</xsl:attribute></xsl:if>			
			<xsl:if test="$program-type = 'home'"><h1 data-module="example"><xsl:value-of select="@home-title-1"/><span><xsl:value-of select="@home-title-2"/></span></h1></xsl:if>
			<xsl:if test="$program-type = 'home-new'"><xsl:attribute name="class">program-search highlight</xsl:attribute></xsl:if>
			<xsl:if test="$program-type = 'home-new'"><h2 data-module="example"><xsl:value-of select="@home-title-1"/><span><xsl:value-of select="@home-title-2"/></span></h2></xsl:if>
			<xsl:if test="not($program-type = 'home') and not($program-type = 'academics-landing') and not($program-type = 'home-new')"><h2><xsl:value-of select="@title"/></h2></xsl:if>
			<xsl:if test="$program-type = 'academics'"><p><strong><xsl:value-of select="@tagline"/></strong></p></xsl:if>
			<xsl:choose>
				<xsl:when test="($program-type = 'home') or ($program-type = 'academics-landing') or ($program-type = 'home-new')">										
					<form id="program-search" action="/" method="get">
						<label for="ps-input" class="sr-only">Search Our Programs:</label>
						
						<input id="ps-input" type="text" name="ps-input" placeholder="{@placeholder-text}" aria-label="{concat(@home-title-1, @home-title-2)}" title="{concat(@home-title-1, @home-title-2)}"/>
						<label for="ps-submit" class="sr-only"><xsl:value-of select="@submit-text"/></label>
						<input type="submit" name="submit" disabled="disabled" value="" aria-label="{@submit-label}" title="{@submit-label}" id="ps-submit"/>
						<span class="offleft"> Start typing, then use the up and down arrows to select an option from the list</span>
					</form>
					<div id="program-search-results">
						<div id="browse-all">
							<p><a href="{@browse-all-link}"><xsl:value-of select="@browse-all-text"/></a></p>
						</div>
					</div>					
				</xsl:when>
				
				<xsl:otherwise>
					<div id="program-search-inner">
						
						<form id="program-search" action="/" method="get" role="form">
							<label for="program-input" class="sr-only">Search Programs</label>
							<input type="text" name="program-search" placeholder="{@placeholder-text}" id="program-input"/>
							<label for="program-submit" class="sr-only"><xsl:value-of select="@submit-text"/></label>
							<input id="program-submit" disabled="disabled" type="submit" name="submit" value=""/>
							<span class="offleft"> Start typing, then use the up and down arrows to select an option from the list</span>
						</form>				
						<div id="program-search-results">
							<div id="browse-all">
								<xsl:if test="$program-type = 'academics'"><p><a href="{@browse-all-link}"><xsl:value-of select="@browse-all-text"/></a></p></xsl:if>
							</div>
						</div>
						<xsl:if test="$program-type = 'standard'">
							<div id="browse">
								<p><a href="{@additional-browse-link}"><xsl:value-of select="@additional-browse-text"/></a> <a href="{@explore-link}"><xsl:value-of select="@explore-text"/></a></p>
							</div>
						</xsl:if>
					</div>
				</xsl:otherwise>
			</xsl:choose>
		</div>		
	</xsl:template>
	
	
	
	<xsl:template match="table[@class='ou-snippet-red-overlay-lp-rebuild']" expand-text="yes">
		<section id="school-of-health-professions" class="landingpage" style="background-image:url('{tbody/tr[5]/td[1]/descendant::img/@src}');">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-md-6">
						<xsl:if test="tbody/tr[1]/td[1]/node() !=''">
							<h2>{tbody/tr[1]/td[1]/node()}</h2>
						</xsl:if>
						<xsl:if test="tbody/tr[2]/td[1]/node() !=''">
							<hr/>
							<p>{tbody/tr[2]/td[1]/node()}</p>
						</xsl:if>
						<br/>
						<xsl:if test="tbody/tr[3]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[3]/td[1]/descendant::a}
							</a>
						</xsl:if>
						<xsl:if test="tbody/tr[4]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[4]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[4]/td[1]/descendant::a}
							</a>
						</xsl:if>
					</div>
					<div class="col-md-6"></div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	
<xsl:template match="table[@class='ou-snippet-program-info-lp-rebuild']" expand-text="yes">
		<section id="program-info" class="img-grid right aos-item landingpage" data-aos="fade-up" data-aos-duration="3000">
			<div class="container-fluid">
				<div class="row no-gutter table-cell">
					<div class="col-xs-12 col-md-7 img">
						<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::img"/>
					</div>
					<div class="col-xs-12 col-md-5 text-wrap">
						<div class="text">
							<xsl:if test="tbody/tr[1]/td[1]/node() !=''">
								<h3>{tbody/tr[1]/td[1]/node()}</h3>
							</xsl:if>
							<xsl:if test="tbody/tr[2]/td[1]/node() !=''">
								<p>{tbody/tr[2]/td[1]/node()}</p>
							</xsl:if>
						</div>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	
	
	 

	<xsl:template match="table[@class='ou-snippet-feat-learning-lp-rebuild']" expand-text="yes">
		<xsl:variable name="bg-color">
			<xsl:choose>
				<xsl:when test="tbody/tr[7]/td[1]/node() !=''">{tbody/tr[7]/td[1]/node()}</xsl:when>
				<xsl:otherwise>#243746</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<section id="feat-learning" class="red landingpage" style="background-color: {$bg-color};" data-aos="fade-up" data-aos-duration="1000">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xs-12 video-row text-center">
						<!-- OU - client would like to use either a video embed or an image here -->
						<xsl:choose>
							<xsl:when test="tbody/tr[3]/td[1]/descendant::img !=''">
								<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::img"></xsl:apply-templates>
							</xsl:when>
							<xsl:otherwise>
								<div class="video-content">
									<xsl:apply-templates select="tbody/tr[3]/td[1]/node()"/>
								</div>
							</xsl:otherwise>
						</xsl:choose>
					</div>
					<div class="col-xs-12 text-wrap">
						<div class="text">
							<xsl:if test="tbody/tr[1]/td[1]/node() !=''">
								<h3>{tbody/tr[1]/td[1]/node()}</h3>
							</xsl:if>
							<xsl:if test="tbody/tr[2]/td[1]/node() !=''">
								<p>{tbody/tr[2]/td[1]/node()}</p>
							</xsl:if>
							<xsl:if test="tbody/tr[4]/td[1]/descendant::a !=''">
								<a class="wbutton">
									<xsl:apply-templates select="tbody/tr[4]/td[1]/descendant::a/attribute()"></xsl:apply-templates>
									{tbody/tr[4]/td[1]/descendant::a}
								</a>
							</xsl:if>
							<xsl:if test="tbody/tr[5]/td[1]/descendant::a !=''">
								<a class="wbutton">
									<xsl:apply-templates select="tbody/tr[5]/td[1]/descendant::a/attribute()"></xsl:apply-templates>
									{tbody/tr[5]/td[1]/descendant::a}
								</a>
							</xsl:if>
							<xsl:if test="tbody/tr[6]/td[1]/descendant::a !=''">
								<a class="wbutton">
									<xsl:apply-templates select="tbody/tr[6]/td[1]/descendant::a/attribute()"></xsl:apply-templates>
									{tbody/tr[6]/td[1]/descendant::a}
								</a>
							</xsl:if>
						</div>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	
	
	
	<xsl:template match="table[@class='ou-snippet-facts-section-lp-rebuild']" expand-text="yes">
		
		<xsl:variable name="header" select="normalize-space(replace(tbody/tr[1]/td[1]/node(), '\p{Z}', ' '))"/>
		<xsl:variable name="description" select="normalize-space(replace(tbody/tr[2]/td[1]/node(), '\p{Z}', ' '))"/>
		<section id="facts-section" class="curriculum landingpage">
			<div class="container">
				<xsl:if test="$header != '' or $description !=''">
					<div class="row">
						<div class="col-sm-12">
							<xsl:if test="$header != ''">
								<h3>{$header}</h3>
							</xsl:if>
							<xsl:if test="$description != ''">
								<p>{$description}</p>
							</xsl:if>
						</div>
					</div>
				</xsl:if>
				<div class="row row-flex">
					<xsl:apply-templates select="tbody/tr[@data-type='item']"/>
				</div>
				<xsl:if test="tbody/tr[3]/td[1]/descendant::a !=''">
					<div class="row">
						<div class="col-sm-12 text-center">
							<a class="b-button">
								<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[3]/td[1]/descendant::a}
							</a>
						</div>
					</div>
				</xsl:if>
			</div>
		</section>
	</xsl:template>
	
	<xsl:template match="table[@class='ou-snippet-facts-section-lp-rebuild']/tbody/tr[@data-type='item']" expand-text="yes">
		<xsl:if test="not(position()>3)">
			<xsl:variable name="top-style">
				<xsl:choose>
					<xsl:when test="td[2]/node() = 'large (italicized)'">c-title</xsl:when>
					<xsl:when test="td[2]/node() ='medium (italicized)'">c-title2</xsl:when>
					<xsl:otherwise>c-title3</xsl:otherwise>
				</xsl:choose>
			</xsl:variable>
			<xsl:variable name="bottom-style">
				<xsl:choose>
					<xsl:when test="td[4]/node() = 'large (italicized)'">c-title</xsl:when>
					<xsl:when test="td[4]/node() ='medium (italicized)'">c-title2</xsl:when>
					<xsl:otherwise>c-title3</xsl:otherwise>
				</xsl:choose>
			</xsl:variable>
			<div class="col-xs-12 col-sm-12 col-md-4" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="{(position()-1) * 600 + 300}">
				<!--OU - please add a note for the background image, it needs to be a black and white photo -->
				<div class="factoid" style="background-image: url('{td[5]/descendant::img/@src}');">
					<div class="icon-container">
						<div class="{$top-style}">{td[1]/node()}</div>
					</div>
					<div class="text-container">
						<div class="{$bottom-style}">
							<xsl:apply-templates select="td[3]/node()"/>
						</div>
					</div>
				</div>
			</div>
		</xsl:if>
	</xsl:template>
	
	
	
	
	<xsl:template match="table[@class='ou-snippet-facts-2-lp-rebuild']" expand-text="yes">
		<xsl:variable name="bg-color">
			<xsl:choose>
				<xsl:when test="tbody/tr[1]/td[1]/node() !=''">{tbody/tr[1]/td[1]/node()}</xsl:when>
				<xsl:otherwise>#243746</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<section id="facts-section2" class="curriculum numbers landingpage" style="background-color: {$bg-color};" data-aos="fade-up" data-aos-duration="1000">
			<div class="container">
				<div class="row">
					<xsl:apply-templates select="tbody/tr[@data-type='item']"/>
				</div>
			</div>
		</section>
	</xsl:template>

	<xsl:template match="table[@class='ou-snippet-facts-2-lp-rebuild']/tbody/tr[@data-type='item']" expand-text="yes">
		<xsl:if test="not(position()>3)">
			<div class="col-xs-12 col-md-4">
				<div class="factoid">
					<div class="icon-container">
						<!--OU - 2 data pooints here - number and symbol -->
						<div class="n-title">
							<xsl:choose>
								<xsl:when test="number(td[1]/node())">
									<span data-purecounter-duration="{position() * 6}" data-purecounter-delay="{position() * 20}" data-purecounter-end="{td[1]/node()}" class="purecounter">0</span>
									<xsl:if test="td[2]/node() !='No'">
										<span class="symbol">%</span>
									</xsl:if>
								</xsl:when>
								<xsl:otherwise>
									<xsl:value-of select="td[1]/node()"/>
									<xsl:if test="td[2]/node() !='No'">
										<span class="symbol">%</span>
									</xsl:if>
								</xsl:otherwise>
							</xsl:choose>
						</div>
					</div>
					<div class="text-container">
						<div class="n-title2">{td[3]/node()}</div>
						<p>{td[4]/node()}</p>
					</div>
				</div>
			</div>
		</xsl:if>
	</xsl:template>
	
	
	
	
	<xsl:template match="table[@class='ou-snippet-program-info-lp-2-rebuild']" expand-text="yes">
		<xsl:variable name="header" select="normalize-space(replace(tbody/tr[1]/td[1]/node(), '\p{Z}', ' '))"/>
		<section id="program-info2" class="img-grid left landingpage" data-aos="fade-up" data-aos-duration="1000">
			<div class="container-fluid">
				<div class="row no-gutter table-cell">
					<div class="col-xs-12 col-md-8 img" style="background-image:url('{tbody/tr[3]/td[1]/descendant::img/@src}');background-size:cover;background-position:right top;"></div>
					<div class="col-xs-12 col-md-4 text-wrap">
						<div class="text">
							<xsl:if test="$header">
								<h3>{$header}</h3>
							</xsl:if>
							<xsl:apply-templates select="tbody/tr[2]/td[1]/node()"/>
						</div>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	
	
	

	
	<xsl:template match="table[@class='ou-snippet-dates-lp-rebuild']" expand-text="yes">
		<xsl:variable name="description" select="tbody/tr[2]/td[1]/node()"/>
		<xsl:variable name="bg-color">
			<xsl:choose>
				<xsl:when test="tbody/tr[1]/td[1]/node() !=''">{tbody/tr[1]/td[1]/node()}</xsl:when>
				<xsl:otherwise>#243746</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<section id="dates-section" class="curriculum numbers landingpage" style="background-color: {$bg-color};" data-aos="fade-up" data-aos-duration="1000">
			<div class="container">
				<div class="row">
					<xsl:apply-templates select="tbody/tr[@data-type='item']"/>
				</div>
				<div class="row text-center">
					<div class="col-sm-12">
						<xsl:if test="$description !=''">
							<p>{$description}</p>
						</xsl:if>
						<xsl:if test="tbody/tr[3]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[3]/td[1]/descendant::a}
							</a>
						</xsl:if>
						<xsl:if test="tbody/tr[4]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[4]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[4]/td[1]/descendant::a}
							</a>
						</xsl:if>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	<xsl:template match="table[@class='ou-snippet-dates-lp-rebuild']/tbody/tr[@data-type='item']" expand-text="yes">
		<xsl:if test="not(position()>3)">
			<div class="col-xs-12 col-md-4">
				<div class="factoid">
					<div class="icon-container">
						<div class="d-title">{td[1]/node()}</div>
					</div>
					<div class="text-container">
						<div class="d-title2">{td[2]/node()}</div>
					</div>
				</div>
			</div>
		</xsl:if>
	</xsl:template>
	
	
	<xsl:template match="table[@class='ou-area-details-rebuild']"  expand-text="yes">
		<xsl:variable name="header" select="normalize-space(replace(tbody/tr[1]/td[1]/node(), '\p{Z}', ' '))"/>
		<xsl:variable name="description" select="normalize-space(replace(tbody/tr[2]/td[1]/node(), '\p{Z}', ' '))"/>
		<section id="potential" class="landingpage" data-aos="fade-up" data-aos-duration="1000">
			<div class="container-fluid">
				<div class="row no-gutter table-cell">
					<div class="col-xs-12 col-md-7 img">
						<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::img"/>
					</div>
					<div class="col-xs-12 col-md-5 text-wrap">
						<div class="text">
							<xsl:if test="$header">
								<h3>{$header}</h3>
							</xsl:if>
							<xsl:apply-templates select="tbody/tr[2]/td[1]/node()"/>
						</div>
					</div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	
	<xsl:template match="table[@class='ou-contact-grid-lp-rebuild']" expand-text="yes">
		<xsl:variable name="phone" select="normalize-space(replace(tbody/tr[1]/td[1]/node(), '[^a-zA-Z0-9]', ' '))"/>
		<xsl:variable name="office-hours" select="normalize-space(replace(tbody/tr[2]/td[1]/node(), '\p{Z}', ' '))"/>
		<xsl:variable name="email" select="normalize-space(replace(tbody/tr[3]/td[1]/node(), '\p{Z}', ' '))"/>
		<xsl:variable name="address" select="normalize-space(replace(tbody/tr[4]/td[1]/node(), '\p{Z}', ' '))"/>
		<xsl:variable name="bg-color">
			<xsl:choose>
				<xsl:when test="tbody/tr[8]/td[1]/node() !=''">{tbody/tr[8]/td[1]/node()}</xsl:when>
				<xsl:otherwise>#B11F2D</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<section id="contact-grid" class="landingpage" style="background-color: {$bg-color};" data-aos="fade-up" data-aos-duration="1000">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-7 col-md-push-5">
						<xsl:apply-templates select="tbody/tr[5]/td[1]/descendant::img"/>
					</div>
					<div class="col-xs-12 col-sm-5 col-md-pull-7">
						<h3>Contact</h3>
						<p>
							Phone:
							<a href="tel:{$phone}">{tbody/tr[1]/td[1]/node()}</a>
							<br/>
							<xsl:if test="$office-hours !=''">
								{$office-hours}
								<br/>
							</xsl:if>
							
								Email:
								<a href="mailto:{$email}">{tbody/tr[3]/td[1]/node()}</a>
								<br/>
							
							<xsl:if test="$address !=''">
								{$address}
							</xsl:if>
						</p>
						<xsl:apply-templates select="tbody/tr[6]/td[1]/node()"/>
						<xsl:if test="tbody/tr[7]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[7]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[7]/td[1]/descendant::a}
							</a>
						</xsl:if>
					</div>
				</div>
			</div>
		</section>

	</xsl:template>
	
	<!--snippets for design update 11-05-2021 -->
		<!-- Cards design -->
	<xsl:template match="table[@data-snippet='ou-image-cards']" expand-text="yes">
		<xsl:param name="items" select="tbody/tr[@data-name='item']"/>
		<div class="row">
			<xsl:for-each select="$items">
				<xsl:variable name="heading" select="td[@data-name='heading']//text()"/>
				<xsl:variable name="color" select="td[@data-name='color']//text()"/>
				<div class="col-md-4">
					<div class="card bg-{$color}">
						<xsl:if test="td[@data-name='image']/descendant::img/@src !=''">
							<div class="image-overlay">

								<div class="card-img-top" style="background-image: url('{td[@data-name='image']/descendant::img/@src}');"></div>

							</div>	
						</xsl:if>
						<div class="card-body">
							<xsl:if test="$heading!=''">
								<xsl:choose>
								<xsl:when test="td[@data-name='heading']//a/@href!=''">
									<h3><a href="{td[@data-name='heading']//a/@href}"><xsl:value-of select="$heading"/></a></h3>
									</xsl:when>
									<xsl:otherwise>
										<h3><xsl:value-of select="$heading"/></h3>
									</xsl:otherwise>
								</xsl:choose>
								
							</xsl:if>
							<xsl:apply-templates select="td[@data-name='content']"/>					
						</div>
					</div>
				</div>
			</xsl:for-each>
		</div>
	</xsl:template>

	<!--homepage top tabs -->
	<xsl:template match="table[@data-snippet='ou-school-tabs']" expand-text="yes">
		<xsl:param name="items" select="tbody/tr[@data-name='item']"/>
		<section id="school-tabs">
			<ul class="row" style="margin-bottom: 0px;">
			<li class="col-xs-12 col-md-2 hover-dropdown" style="list-style-type:none;"><a href="#" class="changed" aria-expanded="true" aria-label="Close Menu">Schools</a></li>
				<xsl:for-each select="$items">
					<li style="list-style-type: none;" class="hover-slide"><a href="{td[2]/a/@href}">{td[1]//text()}<span>{td[2]//text()}</span></a><hr/>
					</li>
				</xsl:for-each>
			</ul>
		</section>
	</xsl:template>

	

	<!--homepage two-colum for search -->
	<xsl:template match="table[@data-snippet='ou-twocolumn-home']" expand-text="yes">		
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-6">				   
					<xsl:apply-templates select="tbody/tr/td[1]/node()"/>					  
				</div>
				<div class="col-lg-6">
					<xsl:apply-templates select="tbody/tr/td[2]/node()"/>
				</div>
			</div>
		</div>
	</xsl:template>
	

	<xsl:template match="table[@data-snippet='ou-two-boxes']" expand-text="yes">
		<div class="patient-home">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<h2 class="bordered-headline">{ou:textual-content(tbody/tr[1]/td/node())}</h2>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12 col-md-6">
						<div class="card shadow">
							<div class="image-overlay">
								<div class="card-img-top" style="background-image: url('{tbody/tr[5]/td[1]/descendant::img/@src}');"></div>
							</div>
							<div class="category bg-red">
								<h3>
									<xsl:choose>
									<xsl:when test="tbody/tr[3]/td[1]/descendant::a/@href!=''">
										<a href="{tbody/tr[3]/td[1]/descendant::a/@href}">{ou:textual-content(tbody/tr[3]/td[1]/node())}</a>
										</xsl:when>
										<xsl:otherwise>
											{ou:textual-content(tbody/tr[3]/td[1]/node())}
										</xsl:otherwise>
									</xsl:choose>
								
								</h3>
							</div>
							<div class="card-body">
								<p>{ou:textual-content(tbody/tr[4]/td[1]/node())}</p>
							</div>
						</div>	
					</div>

					<div class="col-xs-12 col-md-6">
						<div class="card shadow">
							<div class="image-overlay">
								<div class="card-img-top" style="background-image: url('{tbody/tr[5]/td[2]/descendant::img/@src}');"></div>
							</div>
							
							<div class="category bg-red">
								<h3>
									<xsl:choose>
									<xsl:when test="tbody/tr[3]/td[2]/descendant::a/@href!=''">
										<a href="{tbody/tr[3]/td[2]/descendant::a/@href}">{ou:textual-content(tbody/tr[3]/td[2]/node())}</a>
										</xsl:when>
										<xsl:otherwise>
											{ou:textual-content(tbody/tr[3]/td[2]/node())}
										</xsl:otherwise>
									</xsl:choose>
								
								</h3>
							</div>
							
							
							<div class="card-body">
								<p>{ou:textual-content(tbody/tr[4]/td[2]/node())}</p>
							</div>
						</div>	
					</div>
				</div>
			</div>

		</div>
	</xsl:template>
	
	<xsl:template match="table[@class='ou-snippet-red-overlay-lp']">
		<section id="school-of-health-professions" style="background-image:url('{tbody/tr[5]/td[1]/descendant::img/@src}');">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-md-6">
						<xsl:if test="tbody/tr[1]/td[1]/node() !=''">
							<h2>{tbody/tr[1]/td[1]/node()}</h2>
						</xsl:if>
						<xsl:if test="tbody/tr[2]/td[1]/node() !=''">
							<hr/>
							<p>{tbody/tr[2]/td[1]/node()}</p>
						</xsl:if>
						<br/>
						<xsl:if test="tbody/tr[3]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[3]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[3]/td[1]/descendant::a}
							</a>
						</xsl:if>
						<xsl:if test="tbody/tr[4]/td[1]/descendant::a !=''">
							<a class="wbutton">
								<xsl:apply-templates select="tbody/tr[4]/td[1]/descendant::a/attribute()"/>
								{tbody/tr[4]/td[1]/descendant::a}
							</a>
						</xsl:if>
					</div>
					<div class="col-md-6"></div>
				</div>
			</div>
		</section>
	</xsl:template>
	
	
	<xsl:template match="table[@class='ou-snippet-school-hero']" expand-text="yes">
	  <section class="school-hero" style="background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url('{tbody/tr[3]/td/img/@src}'); background-size: cover;background-position: center;">
		<div class="school-hero__container">

		  <!-- Content Section -->
		  <div class="school-hero__content">
			<xsl:if test="tbody/tr[1]/td/node() !=''">
			  <h2 class="school-hero__title">{tbody/tr[1]/td/node()}</h2>
			</xsl:if>

			<xsl:if test="tbody/tr[2]/td/node() !=''">
			  <p class="school-hero__description">{tbody/tr[2]/td/node()}</p>
			</xsl:if>

			<div class="school__buttons">
			  <xsl:if test="tbody/tr[4]/td/descendant::a !=''">
				<a class="school__button">
				  <xsl:attribute name="href">
					<xsl:value-of select="tbody/tr[4]/td/descendant::a/@href" />
				  </xsl:attribute>
				  <xsl:value-of select="tbody/tr[4]/td/descendant::a" />
				</a>
			  </xsl:if>

			  <xsl:if test="tbody/tr[5]/td/descendant::a !=''">
				<a class="school__button">
				  <xsl:attribute name="href">
					<xsl:value-of select="tbody/tr[5]/td/descendant::a/@href" />
				  </xsl:attribute>
				  <xsl:value-of select="tbody/tr[5]/td/descendant::a" />
				</a>
			  </xsl:if>
			</div>
		  </div>

		  <!-- Awards Section -->
		  <div class="school-hero__awards">
			<!-- Check if there are any <img> elements inside the awards section -->
			<xsl:for-each select="tbody/tr[6]/td/img">
			  <div>
				<img src="{@src}" alt="Award" width="100px" height="100px" />
			  </div>
			</xsl:for-each>

		  </div>

		</div>
	  </section>
	</xsl:template>


	<xsl:template match="table[@class='ou-snippet-school-info']">
		<section>
		  <!-- Dynamic class assignment -->
		  <xsl:attribute name="class">
			<!-- Base class -->
			<xsl:text>school-info</xsl:text>

			<!-- Reverse position class -->
			<xsl:if test="tbody/tr[td = 'true' and th = 'Reverse Position']">
			  <xsl:text> school-info--reverse</xsl:text>
			</xsl:if>

			<!-- Background class -->
			<xsl:choose>
			  <xsl:when test="tbody/tr[th = 'Background Class']/td = 'red'">
				<xsl:text> school-info--red</xsl:text>
			  </xsl:when>
			  <xsl:when test="tbody/tr[th = 'Background Class']/td = 'gray'">
				<xsl:text> school-info--gray</xsl:text>
			  </xsl:when>
			  <xsl:otherwise>
				<!-- Default white background (no additional class needed) -->
			  </xsl:otherwise>
			</xsl:choose>
		  </xsl:attribute>

		  <!-- Content Section -->
		  <div class="school-info__content">
			<h2 class="school-info__title">
			  <xsl:value-of select="tbody/tr[th = 'Heading']/td" />
			</h2>
			<p class="school-info__description">
			  <xsl:value-of select="tbody/tr[th = 'Description']/td" />
			</p>
			<a href="#" class="school__button">
			  <xsl:value-of select="tbody/tr[th = 'Call to Action Button']/td/a" />
			</a>
		  </div>

		  <!-- Image Section -->
		  <div class="school-info__image">
			<xsl:for-each select="tbody/tr[th = 'Image']/td/img">
			  <img>
				<xsl:attribute name="src">
				  <xsl:value-of select="@src" />
				</xsl:attribute>
				<xsl:attribute name="alt">
				  <xsl:value-of select="@alt" />
				</xsl:attribute>
			  </img>
			</xsl:for-each>
		  </div>
		</section>
	  </xsl:template>
	


<xsl:template match="table[@class='ou-snippet-school-programs']">
  <section class="school-home__section gray__bg">
    <div class="school-home__container">
      <h2 class="programs-header">
        <xsl:value-of select="tbody/tr[th='Programs Header']/td" />
      </h2>

      <div class="programs">
        <!-- Iterate through each program row -->
        <xsl:for-each select="tbody/tr[th != 'Programs Header' and th != 'Button']">
          <div class="program">
            <h3><xsl:value-of select="th" /></h3>
            
            <!-- Handle nested lists inside the td -->
            <xsl:apply-templates select="td" />
          </div>
        </xsl:for-each>
      </div>

      <!-- Button -->
      <a class="school__button" href="{tbody/tr[th='Button']/td/a/@href}">
        <xsl:value-of select="tbody/tr[th='Button']/td/a" />
      </a>
    </div>
  </section>
</xsl:template>


	
	
	
</xsl:stylesheet>