<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY nbsp   "&#160;">
<!ENTITY copy   "&#169;">
]>
<!--

-->
<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"
	xmlns="http://www.w3.org/1999/xhtml"
	exclude-result-prefixes="ou xsl xs fn ouc"
	expand-text="yes">

	<!-- utility matches -->

	<xsl:template match="a" mode="anchor-break">
		<xsl:param name="target" select="''" />

		<xsl:choose>
			<xsl:when test="$target != ''">
				<a target="{$target}"><xsl:apply-templates select="attribute()|node()" /></a><br />
			</xsl:when>
			<xsl:otherwise>
				<a><xsl:apply-templates select="attribute()|node()" /></a><br />
			</xsl:otherwise>
		</xsl:choose>

	</xsl:template>

	<xsl:template match="h4[@class = 'wysiwyg-spacer']" />

	<!-- Table Transformation snippets -->

<!--
	<table class="ou-snippet ou-news-home-links">
	<caption>Links</caption>
	<colgroup>
		<col class="ou-prompt" />
		<col class="ou-prompt" />
	</colgroup>
	<tbody>
		<tr class="ou-prompt">
			<td class="ou-prompt">Left Link</td>
			<td class="ou-prompt">Right Link</td>
		</tr>
		<tr class="ou-links">
			<td class="ou-value left-link"><a href="#">Submit professional activities</a></td>
			<td class="ou-value right-link"><a href="/winthropupdate/listing.aspx?categories=Professional Activities">View all professional activities</a></td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->

<xsl:template match="table[contains(@class, 'ou-news-home-links')]">
	<div class="left_tab_top_news">
		<xsl:apply-templates select="tbody/tr[@class = 'ou-links']/td[contains(@class, 'left-link')]//a[1]" />
	</div>
	<div class="right_tab_top_news">
		<xsl:apply-templates select="tbody/tr[@class = 'ou-links']/td[contains(@class, 'right-link')]//a[1]" />
	</div>
	<div class="clear"></div>
</xsl:template>

<!--
<table class="ou-snippet ou-signature">
	<caption>Signature</caption>
	<colgroup>
		<col class="ou-prompt" />
		<col class="ou-prompt" />
	</colgroup>
	<tbody>
		<tr class="ou-signature">
			<td class="ou-prompt">Signature</td>
			<td class="ou-value">Debra Boyd</td>
		</tr>
		<tr class="ou-name">
			<td class="ou-prompt">Name</td>
			<td class="ou-value">Debra&#160;C. Boyd, Ph.D.</td>
		</tr>
		<tr class="ou-title-1">
			<td class="ou-prompt">Title 1</td>
			<td class="ou-value">Provost and Executive Vice President for Academic Affairs</td>
		</tr>
		<tr class="ou-title-2">
			<td class="ou-prompt">Title 2</td>
			<td class="ou-value">Dean of Faculty</td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->

<xsl:template match="table[contains(@class, 'ou-signature')]">
	<div align="right" style="padding-right: 10px;">
		<span class="signature">{tbody/tr[@class = 'ou-signature']/td[@class = 'ou-value']}<br /></span>
		{tbody/tr[@class = 'ou-name']/td[@class = 'ou-value']}.<br />
		{tbody/tr[@class = 'ou-title-1']/td[@class = 'ou-value']}<br />
		{tbody/tr[@class = 'ou-title2']/td[@class = 'ou-value']}
	</div>
</xsl:template>

	<!--
<table class="ou-snippet ou-contact-info">
	<caption>Contact Info</caption>
	<colgroup>
		<col class="ou-prompt" />
		<col class="ou-prompt" />
	</colgroup>
	<tbody>
		<tr class="ou-contact-title">
			<th class="ou-prompt">Title</th>
			<td>CONTACT INFORMATION</td>
		</tr>
		<tr class="ou-contact-body">
			<th class="ou-prompt">Content</th>
			<td>
				<a title="Contact Us" href="/audit/default.aspx?id=9659">Winthrop University</a>
				<br/>McLaurin Hall, Room G-1
				<br/>Rock Hill, SC 29733, USA
				<br/>803/323-4698
			</td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->

<xsl:template match="table[contains(@class, 'ou-contact-info')]">
	<xsl:comment>CONTACT INFORMATION</xsl:comment>
	<div id="contact_info_layout" style="margin: 17px 0px 0px 0px">
		<div class="group_info_hdr">{tbody/tr[@class='ou-contact-title']/td}</div>
		<div id="ctl00_ContentBody_cb_content_info" class="padding10">
			<xsl:apply-templates select="tbody/tr[@class = 'ou-contact-body']/td/node()" />
		</div>
	</div>
</xsl:template>

<!--
<table class="ou-snippet ou-quick-links">
	<caption>Quick Links</caption>
	<colgroup>
		<col class="ou-prompt" />
		<col class="ou-prompt" />
	</colgroup>
	<tbody>
		<tr class="ou-links">
			<td class="ou-value">
				 <a href="http://www.blackboard.com/" title="Blackboard.com">Blackboard.com</a>
				 <a href="https://bb-winthrop.blackboard.com/" title="Blackboard Logon">Blackboard Logon</a>
				 <a href="/sgco/onlinelearning/default.aspx?id=35163" title="Faculty Course Request Form">Course Request Form</a>
				 <a href="http://www2.winthrop.edu/public/policy/fullpolicy.aspx?pid=57" title="Distance Education Policy">Distance Education Policy</a>
				 <a href="/recandreg/" title="Records&#160;&amp;amp; Registration">Records&#160;&amp; Registration</a>
				 <a href="http://www2.winthrop.edu/public/policy/fullpolicy.aspx?pid=313" title="Student Identity Verification&#160;&#160;&#160; Policy">Student Identity Verification<br />&#160;&#160;&#160; Policy
				 <a href="/tlc" title="Teaching &amp;amp; Learning Center">Teaching &amp; Learning<br />&#160;&#160; Center (TLC)</a>
			</td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->

<xsl:template match="table[contains(@class, 'ou-quick-links')]">
	<xsl:comment>QUICK LINKS</xsl:comment>
	<div id="quick_links">
		<div class="group_info_hdr">{tbody/tr[@class='ou-links-title']/td}</div>
		<div id="ctl00_ContentBody_cb_event_info" class="padding10">
			<xsl:apply-templates select="tbody/tr[@class='ou-links-body']/td/node()" />
		</div>
	</div>
</xsl:template>

<!--
<table class="ou-snippet ou-buttons-layout">
	<caption>Buttons Layout</caption>
	<colgroup>
		<col class="ou-prompt" />
		<col class="ou-prompt" />
	</colgroup>
	<tbody>
		<tr class="ou-buttonlinks">
			<td class="ou-value">
				<p><a href="#"><img src="/virtualtour/images/directions.gif" alt="Blackboard Training Calendar" title="Blackboard Training Calendar" /></a><p>
			</td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->

<xsl:template match="table[contains(@class, 'ou-buttons-layout')]">
	<xsl:comment>BUTTONS</xsl:comment>
	<div id="buttons_layout">
		<div id="ctl00_ContentBody_cb_buttons">

			<xsl:apply-templates select="tbody/tr[@class = 'ou-buttonlinks']/td[@class = 'ou-value']//a" mode="button-link" />

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

<xsl:template match="a" mode="button-link">
	<a class="buttonlinks">
		<xsl:apply-templates select="attribute()|node()" />
	</a>
</xsl:template>

<xsl:template match="table[contains(@class, 'ou-buttons-layout')]//img">
	<img class="buttonlinks">
		<xsl:apply-templates select="attribute()|node()" />
	</img>
</xsl:template>

<!--
<table class="ou-snippet ou-info-box">
	<caption>Info Box</caption>
	<colgroup>
		<col class="ou-prompt" />
		<col class="ou-prompt" />
	</colgroup>
	<tbody>
		<tr class="ou-info-title">
			<td class="ou-prompt">Title</td>
			<td class="ou-value">WHAT'S HERE</td>
		</tr>
		<tr class="ou-prompt">
			<td class="ou-prompt">Link</td>
			<td class="ou-prompt">Text</td>
		</tr>
		<tr class="ou-info-row">
			<td class="ou-link ou-value"><a href="/admissions/default.aspx" title="Admissions">Admissions</a></td>
			<td class="ou-text ou-value">(undergraduate)</td>
		</tr>
		<tr class="ou-info-row">
			<td class="ou-link ou-value"><a href="/visitors/default.aspx" title="Visitors Center">Visitors Center</a></td>
			<td class="ou-text ou-value"></td>
		</tr>
		<tr class="ou-info-row">
			<td class="ou-link ou-value"><a href="/inn/" title="/inn/">Inn at Winthrop</a></td>
			<td class="ou-text ou-value">(overnight accommodation)</td>
		</tr>
		<tr class="ou-info-row">
			<td class="ou-link ou-value"><a href="/publicevents" title="/publicevents/default.htm">Office of University Events and Scheduling </a></td>
			<td class="ou-text ou-value">(facilities rental)</td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->

<xsl:template match="table[contains(@class, 'ou-info-box')]">
	<div id="contact_info_layout">
		<div id="contact_info_layout_hdr">{tbody/tr[@class = 'ou-info-title']/td[@class = 'ou-value']}</div>
		<div class="padding10" style="margin-top:-15px;*margin-top:-20px;margin-bottom:-10px">
			<ul>
				<xsl:apply-templates select="tbody/tr[@class = 'ou-info-row']" />
			</ul>
		</div>
	</div>
</xsl:template>

<xsl:template match="tr[@class = 'ou-info-row']">
	<li>
		<div class="xsmtxtmaroon">
			<xsl:apply-templates select="td[contains(@class, 'ou-link')]/node()" />
		</div>{replace(td[contains(@class, 'ou-text')], $nbsp, '')}
	</li>
</xsl:template>

<!--
<table class="ou-snippet ou-majors">
	<caption>Majors</caption>
	<thead>
		<tr class="ou-prompt">
			<td class="ou-prompt"><strong>Title</strong></td>
			<td class="ou-prompt"><strong>Link</strong></td>
			<td class="ou-prompt" colspan="2"><strong>Brochures Links</strong></td>
		</tr>
	</thead>
	<tbody>
		<tr class="ou-program">
			<td class="ou-title ou-value">Accounting</td>
			<td class="ou-link ou-value"><a title="Accounting" href="/majors/default.aspx?id=10005">Visit Program</a></td>
			<td class="ou-undergraduate-link ou-value"><a title="Accounting Undergraduate Brochure" href="/uploadedFiles/WUcommon/pdf/brochures/AccountingUndergradBroc.pdf">Undergraduate</a></td>
			<td class="ou-graduate-link ou-value"><a title="MBA Accounting Graduate Brochure" href="/uploadedFiles/WUcommon/pdf/brochures/MBAAccountingGradBroc.pdf">Graduate</a></td>
		</tr>
	</tbody>
</table>
-->

<xsl:template match="table[contains(@class, 'ou-majors')]">
	<style type="text/css">
		#ctl00_ContentBody_cb_pagecontent + P {{DISPLAY: none;}}
		#majorsListing {{LINE-HEIGHT: 1.2em; LIST-STYLE-TYPE: none; MARGIN-TOP: 0px; PADDING-LEFT: 0px; WIDTH: 100%; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; LIST-STYLE-IMAGE: none;}}
		#majorsWrapper {{BORDER-BOTTOM: #ffcc33 2px solid; BORDER-LEFT: #ffcc33 2px solid; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #ffeebb; MARGIN: 0px auto; PADDING-LEFT: 7px; WIDTH: 700px; PADDING-RIGHT: 7px; BORDER-TOP: #ffcc33 2px solid; BORDER-RIGHT: #ffcc33 2px solid; PADDING-TOP: 1px; -moz-border-radius: 5px; border-radius: 5px;}}
		#majorsListing TD {{BORDER-BOTTOM: #6b0d0e 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px;}}
	</style>
	<div id="majorsWrapper">
		<table cellspacing="0" cellpadding="0" id="majorsListing">

			<thead>
				<tr>
					<td class="col0"><strong>Program</strong></td>
					<td class="col1"><strong>Visit Program</strong></td>
					<td class="col2" colspan="2"><strong>Brochures (pdf format)</strong></td>
				</tr>
			</thead>
			<tbody>
				<xsl:apply-templates select="tbody/tr[@class = 'ou-program']" />
			</tbody>
		</table>
	</div>
</xsl:template>

<xsl:template match="tr[@class = 'ou-program']">
	<tr>
		<td class="col0">{td[contains(@class, 'ou-title')]}</td>
		<td class="col1"><xsl:apply-templates select="td[contains(@class, 'ou-link')]//a[1]" /></td>
		<td class="col2"><xsl:apply-templates select="td[contains(@class, 'ou-undergraduate-link')]//a[1]" /></td>
		<td class="col3"><xsl:apply-templates select="td[contains(@class, 'ou-graduate-link')]//a[1]" /></td>
	</tr>
</xsl:template>
	
<!--
<table class="ou-snippet ou-captioned-image">
	<thead>
		<tr>
			<th>Image</th>
			<th>Caption</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>&nbsp;<img class="" src="/_resources/images/uploadedImages/home_page/transition/panels/news/pulcrachemicals.jpg" alt="Chemistry" width="215" height="215" /></td>
			<td>&nbsp;A new partnership between Pulcra Chemicals LLC in Rock Hill and Winthrop University will support students studying chemistry or conducting chemistry research.</td>
		</tr>
	</tbody>
</table>
<h4 class="wysiwyg-spacer"><small class="label label-warning">Press Enter to add more content</small></h4>
-->
	
<xsl:template match="table[contains(@class, 'ou-captioned-image')]">
	<span style="float: left; margin-right: 10px; font-style: italic; font-family: Tahoma; font-size: smaller; text-align: center;">
		<xsl:for-each select="tbody/tr">
			<xsl:apply-templates select="td[1]"/>
			<div style="margin-bottom: 10px;"><xsl:apply-templates select="td[2]"/></div>
		</xsl:for-each>
	</span>
</xsl:template>
	
	<!-- Accordion OLD -->
<!-- <xsl:template match="table[contains(@class,'ou-accordion')]" expand-text="no">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
	<style type="text/css">.fyNoShow{display: none;}</style>
	<xsl:for-each select="tbody/tr">
		<xsl:variable name="uq" select="generate-id()" />
		<div><a href="#" onkeypress="return false;" onclick="event.preventDefault(); $('#{$uq}').slideToggle('slow');"><xsl:value-of select="td[1]/node()" /></a></div>
		<ol class="noindent fyNoShow" id="{$uq}" type="A">
			<xsl:apply-templates select="td[2]/descendant::li[descendant::a/@href != '']" />
		</ol>
	</xsl:for-each>
</xsl:template>
-->
	
<!-- Accordion Headings -->
<xsl:template match="table[contains(@class,'ou-accordion-heading')]" expand-text="no">
	
<!--	<style type="text/css">
		
		.accordions .ui-state-active {
		  border: 1px solid #6b0d0e !important;
          background: #6b0d0e !important;
		  font-family: "Raleway-Medium" !important;
		}
				.accordions .ui-accordion-header a:not(.btn) {
		color: #454545 !important;
		}
		.accordions .ui-state-active.ui-accordion-header-active a, .accordions .ui-state-active a:link, .accordions .ui-state-active a:visited {
			color: white !important;
		font-family: "Raleway-Medium" !important;
		}
		/*.accordions p {
		display: inline;
		}*/
		
		.accordions .ui-state-active h1 {
			color: white !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions h1 {
		display: inline;
		}
		
		.accordions .ui-state-active h2 {
			color: white !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions h2 {
		display: inline;
		}
		
		.accordions .ui-state-active h3 {
			color: white !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions h3 {
		display: inline;
		}
		
		.accordions .ui-state-active h4, .accordions .ui-state-active h5, .accordions .ui-state-active h6 {
			color: white !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions h4, .accordions h5, .accordions h6 {
		display: inline;
		}
		
		.accordions .ui-accordion-header p {
		display: inline !important;
		}
		

		
		.accordions .ui-widget-content a:not(.btn) {
		color: #BE0000 !important;
		}
	
	  .accordions ul li {
       list-style-type: disc !important;
       }



		</style>-->
<!-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script> -->	
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
	
  <script>
 $( function() {
    var icons = {
      
	  header: "ui-icon-triangle-1-e", 
	  activeHeader: "ui-icon-triangle-1-s"
    };
    $( ".accordions" ).accordion({
      icons: icons,
	  heightStyle: "content",
	  collapsible: true, 
	  active: false
	  
	  
    });
    $( "#toggle" ).button().on( "click", function() {
      if ( $( ".accordions" ).accordion( "option", "icons" ) ) {
        $( ".accordions" ).accordion( "option", "icons", null );
      } else {
        $( ".accordions" ).accordion( "option", "icons", icons );
      }
    });
  } );
  </script>
	
<!--	<style type="text/css">.fyNoShow{display: none;}</style>-->
	<div class="wrapper">
	<div class="accordions">
	<xsl:for-each select="tbody/tr">
		<xsl:variable name="uq" select="generate-id()" />
		<div><a role="button" onkeypress="return false;" onclick="event.preventDefault(); $('#{$uq}').slideToggle(350);"><xsl:copy-of select="td[1]/node()" /></a></div>
		<ol class="noindent fyNoShow" id="{$uq}" type="A">
			<!-- <xsl:apply-templates select="td[2]/descendant::li[descendant::a/@href != '']" /> -->
			<xsl:apply-templates select="td[2]/node()" />
			<!-- <xsl:copy-of select="td[2]/node()" />-->
		</ol>
	</xsl:for-each>
	</div>
		</div>
</xsl:template>
	
<!-- Accordion Inner Headings -->
<xsl:template match="table[contains(@class,'ou-accordion-inner-heading')]" expand-text="no">
	
<!--	<style type="text/css">
		.accordions .accordion1 {
		  margin-top: 25px;
		
		}
		.accordions .accordion1 .ui-state-active {
		  border: 1px solid #f8c23a !important;
          background: #f8c23a !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions .accordion1 .ui-state-active a, .accordions .accordion1 .ui-state-active a:link, .accordions .accordion1 .ui-state-active a:visited {
			color: black !important;
		font-family: "Raleway-Medium" !important;
		}
		/*.accordion1 p {
		display: inline;
		}*/
		
		.accordions .accordion1 .ui-accordion-header p {
		display: inline !important;
		
		}
		
		
		
		.accordions .accordion1 .ui-widget-content a:not(.btn) {
		color: #BE0000 !important;
		}
		
		.accordions .accordion1 .ui-accordion-header a:not(.btn) {
		color: #454545 !important;
		}
	
       .accordions .accordion1 ul li {
       list-style-type: disc !important;
       }

       .accordions .accordion1 .ui-state-active h1 {
			color: black !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions .accordion1 h1 {
		display: inline;
		}
		
		.accordions .accordion1 .ui-state-active h2 {
			color: black !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions .accordion1 h2 {
		display: inline;
		}
		
		.accordions .accordion1 .ui-state-active h3 {
			color: black !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions .accordion1 h3 {
		display: inline;
		}
		
		.accordions .accordion1 .ui-state-active h4 {
			color: black !important;
		font-family: "Raleway-Medium" !important;
		}
		
		.accordions .accordion1 h4 {
		display: inline;
		}

		</style>-->

  <script>
 $( function() {
    var icons = {
      
	  header: "ui-icon-triangle-1-e", 
	  activeHeader: "ui-icon-triangle-1-s"
    };
    $( ".accordion1" ).accordion({
      icons: icons,
	  heightStyle: "content",
	  collapsible: true, 
	  active: false
    });
    $( "#toggle" ).button().on( "click", function() {
      if ( $( ".accordion1" ).accordion( "option", "icons" ) ) {
        $( ".accordion1" ).accordion( "option", "icons", null );
      } else {
        $( ".accordion1" ).accordion( "option", "icons", icons );
      }
    });
  } );
  </script>
	
<!--	<style type="text/css">.fyNoShow{display: none;}</style>-->
	<div class="innerWrapper">
	<div class="accordion1">
	<xsl:for-each select="tbody/tr">
		<xsl:variable name="uq" select="generate-id()" />
		<div><a role="button" onkeypress="return false;" onclick="event.preventDefault(); $('#{$uq}').slideToggle(350);"><xsl:copy-of select="td[1]/node()" /></a></div>
		<ol class="noindent fyNoShow" id="{$uq}" type="A">
			<!-- <xsl:apply-templates select="td[2]/descendant::li[descendant::a/@href != '']" /> -->
			<xsl:apply-templates select="td[2]/node()" />
			<!-- <xsl:copy-of select="td[2]/node()" />-->
		</ol>
	</xsl:for-each>
	</div>
		</div>
</xsl:template>
	
	
	
	<xsl:template match="table[contains(@class,'ou-question-list')]" expand-text="no">
		<style type="text/css">
			.classOutput{
			display:none; 
			padding:10px; 
			background-color:#FFEEBB;
			border:1px #FFCC33 solid; 
			-moz-border-radius:5px; 
			margin-top:5px; 
			margin-bottom:5px;
			}
			
		</style>
		<script type="text/javascript">
			function toggleview(itm)
			{
			var itmx = document.getElementById(itm);
			if (itmx.style.display == "none")
			{
			itmx.style.display = "block";
			}
			else
			{
			itmx.style.display = "none";
			}
			}
		</script>
		<xsl:for-each select="tbody/tr">
			<xsl:variable name="uq" select="generate-id()" />
			<a onkeypress="this.onclick()" onclick="event.preventDefault(); toggleview('{$uq}')" href="#"><xsl:value-of select="td[1]" /></a>
			<div style="display: none;" id="{$uq}" class="classOutput">
				<xsl:apply-templates select="td[2]/node()" />
			</div><br />
		</xsl:for-each>
	</xsl:template>
	
	
<!-- Two Columns -->
<!--<xsl:template match="table[@class='ou-two-columns']">
	<div class="row">
		<div class="small-12 large-6 columns">
			<xsl:apply-templates select="tbody/tr[1]/td[1]/node()" />
		</div>
		<div class="small-12 large-6 columns">
			<xsl:apply-templates select="tbody/tr[1]/td[2]/node()" />
		</div>
	</div>
</xsl:template>
-->
<xsl:template match="table[@class='ou-two-columns']">
	<div class="container">
		<div class="row">
		<div class="col-sm">
			<xsl:apply-templates select="tbody/tr[1]/td[1]/node()" />
		</div>
		<div class="col-sm">
			<xsl:apply-templates select="tbody/tr[1]/td[2]/node()" />
		</div>
	</div>
		</div>
</xsl:template>
	
	
<!-- Three Columns -->
<!-- <xsl:template match="table[@class='ou-three-columns']">
	<div class="row">
		<div class="small-12 large-4 columns">
			<xsl:apply-templates select="tbody/tr[1]/td[1]/node()" />
		</div>
		<div class="small-12 large-4 columns">
			<xsl:apply-templates select="tbody/tr[1]/td[2]/node()" />
		</div>
		<div class="small-12 large-4 columns">
			<xsl:apply-templates select="tbody/tr[1]/td[3]/node()" />
		</div>
	</div>
</xsl:template> -->
	
	<xsl:template match="table[@class='ou-three-columns']">
		<div class="container">
	<div class="row">
		<div class="col-sm">
			<xsl:apply-templates select="tbody/tr[1]/td[1]/node()" />
		</div>
		<div class="col-sm">
			<xsl:apply-templates select="tbody/tr[1]/td[2]/node()" />
		</div>
		<div class="col-sm">
			<xsl:apply-templates select="tbody/tr[1]/td[3]/node()" />
		</div>
	</div>
			</div>
</xsl:template>
	
<!-- Flip Tile Container -->
	<xsl:template match="table[@class='ou-flip-container']">

<link rel="stylesheet" href="/_resources/css/flip-tile-components.css" />
    <section class="row flip-image-container flip-padtop row-top-md">
		
      <xsl:apply-templates select="tbody/tr[1]/td[1]/node()"/>
			
    </section>
</xsl:template>
	
</xsl:stylesheet>

