<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY nbsp   "&#160;">
<!ENTITY lsaquo   "&#8249;">
<!ENTITY apos   "&#39;">
<!ENTITY rsaquo   "&#8250;">
<!ENTITY laquo  "&#171;">
<!ENTITY raquo  "&#187;">
]>
<!--

-->
<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="ou xsl xs fn ouc"
				>

		<xsl:import href="../_shared/template-matches.xsl" />
	<xsl:import href="../_shared/force-self-closing.xsl" />
	<xsl:import href="../_shared/variables.xsl" />
	<xsl:import href="../_shared/functions.xsl" />
	


  	<xsl:output method="html" version="4.0" indent="no" encoding="UTF-8" include-content-type="no" omit-xml-declaration="yes"/>
<!-- <xsl:output method="xml" version="1.0" omit-xml-declaration="yes"/> -->
	<xsl:strip-space elements="*"/>

	<xsl:template match="/document">
		<xsl:choose>
			<xsl:when test="$ou:action = 'pub'">
				<xsl:call-template name="content" />
			</xsl:when>
			<xsl:otherwise>
				<xsl:call-template name="preview" />
			</xsl:otherwise>
		</xsl:choose>
	</xsl:template>

	<xsl:template name="common-headcode">
		<xsl:copy-of select="ou:include-file('/_resources/includes/headcode-cvpa.inc')" />
	</xsl:template>

	<xsl:template name="preview">
		<html>
			<head>
				<title>Global Header PCF to Include</title>
				<xsl:if test="$ou:action != 'edt'">
					<xsl:call-template name="common-headcode" />
				</xsl:if>
				<xsl:if test="$ou:action = 'edt'">
					<xsl:copy-of select="ou:include-file('/_resources/includes/headcode-cvpa.inc')"/>
				</xsl:if>
			</head>
			<body>
				<xsl:call-template name="content" />

				<xsl:if test="$ou:action = 'edt'">
					<xsl:copy-of select="ou:include-file('/_resources/includes/footcode.inc')"/>
				</xsl:if>
			</body>
		</html>
	</xsl:template>

	<xsl:template name="content">
    <header>
        <!-- Navigation -->
		
		
		
        <div role="navigation" aria-label="primary" id="mainNav" class="js-scroll-trigger fixed-top navbar-expand-lg container-fluid">
            <div class="row">
				
				<!-- 
                <a id="logo" title="Logo" class="js-scroll-trigger padding-zero" href="/cvpa/">
                    <img class="desktop" draggable="false" alt="Winthrop University: CVPA Desktop Logo" src="/_resources/images/cvpa/logo-desktop.png" />
					<img class="sticky hidden" draggable="false" alt="Winthrop University: CVPA Sticky Logo" src="/_resources/images/cvpa/tablet-logo.png" />
                    <img class="tablet" draggable="false" alt="Winthrop University: CVPA Tablet Logo" src="/_resources/images/cvpa/tablet-logo.png" />
					<img class="mobile" draggable="false" alt="Winthrop University: CVPA Mobile Logo" src="/_resources/images/cvpa/tablet-logo.png" />
				 </a>
			-->
				<a id="logo-left" title="Winthrop University Logo" class="logo js-scroll-trigger padding-zero" href="https://www.winthrop.edu">
                    <img class="desktop" draggable="false" alt="Winthrop University: CVPA Desktop Logo" src="/_resources/images/cvpa/logo-desktop-left.png" />
					<img class="sticky hidden" draggable="false" alt="Winthrop University: CVPA Sticky Logo" src="/_resources/images/cvpa/tablet-logo-left.png" />
                    <img class="tablet" draggable="false" alt="Winthrop University: CVPA Tablet Logo" src="/_resources/images/cvpa/tablet-logo-left.png" />
					<img class="mobile" draggable="false" alt="Winthrop University: CVPA Mobile Logo" src="/_resources/images/cvpa/tablet-logo-left.png" />
				 </a>
				
				<a id="logo-right" title="College of Visual and Performing Arts Logo" class=" logo js-scroll-trigger padding-zero" href="/cvpa/">
                    <img class="desktop" draggable="false" alt="Winthrop University: CVPA Desktop Logo" src="/_resources/images/cvpa/logo-desktop-right.png" />
					<img class="sticky hidden" draggable="false" alt="Winthrop University: CVPA Sticky Logo" src="/_resources/images/cvpa/tablet-logo-right.png" />
                    <img class="tablet" draggable="false" alt="Winthrop University: CVPA Tablet Logo" src="/_resources/images/cvpa/tablet-logo-right.png" />
					<img class="mobile" draggable="false" alt="Winthrop University: CVPA Mobile Logo" src="/_resources/images/cvpa/tablet-logo-right.png" />
				 </a>
					
				
                <div id="menu-container" class="col-xs-12 col-md-12 padding-zero">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#responsive-menu" aria-expanded="false">
                         
						 <img class="not-selected" alt="Menu Icon Idle" src="/_resources/images/menu-icon-white.png" />
						 <img class="selected" alt="Menu Icon Selected" src="/_resources/images/menu-icon-white.png" />
						
						<!-- <img class="not-selected" alt="Menu Icon Idle" src="/_resources/images/menu_icon.png" />
                        <img class="selected" alt="Menu Icon Selected" src="/_resources/images/menu_icon_selected.png" /> -->
                    </button>
                    <button type="button" class="navbar-toggle searchToggle collapsed hidden-md-up" data-toggle="collapse" data-target="#search-collapse" aria-expanded="true">
						
                        <img class="not-selected" alt="Search Icon Idle" src="/_resources/images/search-icon-white.png" />
						<img class="selected" alt="Search Icon Selected" src="/_resources/images/search-icon-white.png" />
						
						<!-- <img class="not-selected" alt="Search Icon Idle" src="/_resources/images/search_icon.png" /> 
                        <img class="selected" alt="Search Icon Selected" src="/_resources/images/search_icon_selected.png" /> -->
                    </button>
                                    <div id="top-nav" class="top-nav hidden-xs hidden-sm">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a href="/apply-now.aspx" class="sprite-Sticky-Menu_Header_Apply-Now-Icon" title="Apply Now">Apply Now</a>
                            </li>
                            <li class="nav-item quickLinks">
                                <a href="#" title="Quick Links" class="sprite-Sticky-Menu_Header_Quick-Links-Icon" aria-expanded="false">Quick Links</a>
                                <div id="QuickLinksCollapse">
                                    <ul class="menu-list">
                                        <li>
                                            <a href="https://apps.winthrop.edu/pobox" target="_blank">Email</a>
                                        </li>
                                        <li>
                                            <a href="https://wingspan.winthrop.edu" target="_blank">Wingspan</a>
                                        </li>
                                        <li>
                                            <a href="https://bb-winthrop.blackboard.com" target="_blank">Blackboard</a>
                                        </li>
                                        <li>
                                            <a href="/map">Map</a>
                                        </li>
										<li>
                                            <a href="https://winthrop-edu.zoom.us/" target="_blank">Zoom</a>
                                        </li>
										<li>
                                            <a href="https://winthrop.presence.io" target="_blank">Eagle Engage</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="#" title="Search" class="collapsed sprite-Sticky-Menu_Header_Search-Icon"> Search</a>
                                <div id="desktop-search-collapse">
                                    <div class="search-container">
                                        <div class="input-box">
                                            <input title="Search Input" class="search form-control" type="text" name="searchText" onkeydown = "if (event.keyCode == 13)
                        document.getElementById('go-btn').click();" placeholder="I'm looking for..."/>
                                        </div>
                                        <div class="type-selection">
                                            <div class="form-check form-check-inline radiobutton">
                                                <label for="sitesearch" class="form-check-label">
                                                    <input class="form-check-input" type="radio" name="searchOption" id="sitesearch" value="2" checked="checked" />Site
                                                </label>
                                            </div>
                                            <div class="form-check form-check-inline radiobutton">
                                                <label for="peoplesearch" class="form-check-label">
													<input class="form-check-input" type="radio" name="searchOption" id="peoplesearch" value="3"/>People
                                                </label>
                                            </div>
                                            <a href="#" title="Search Button" class="go-btn" id="go-btn" onclick="getValues();">Go! <img alt="Toggle SubMenu arrow" src="/_resources/images/go_btn_arrow.png"/></a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>    
                     <div class="navbar-collapse collapse pull-right" id="NavDesktop">
                        <ul class="navbar-nav ">
                            <li class="nav-item dropdown">
                                <a class="nav-link" href="#" title="About">About</a>
                                <ul class="dropdown-menu">
                                    <li class="menu-item">
<a title="The College" href="/cvpa/index.aspx">The College</a>
</li>

<li class="menu-item">
<a title="The CreatorSpace" href="/cvpa/creator-space.aspx">The CreatorSpace</a>
</li>
							
<li class="menu-item">
<a title="Arts Engagement, Advocacy &amp; Empowerment" href="/cvpa/aeae.aspx">Arts Engagement, Advocacy &amp; Empowerment</a>
</li>
									
<li class="menu-item">
<a title="Events" href="/cvpa/events.aspx">Events</a>
</li>
<li class="menu-item">
<a title="Facilities" href="/cvpa/facilities.aspx">Facilities</a>
</li>
<li class="menu-item">
<a title="Galleries" href="/cvpa/galleries/index.aspx">Galleries</a>
</li>
<li class="menu-item">
<a title="News" href="/cvpa/news.aspx">News</a>
</li>
<li class="menu-item">
<a title="Visit" href="/admissions/visit-the-campus.aspx">Visit</a>
</li>
<li class="menu-item">
<a title="Giving" href="/cvpa/give-to-the-arts.aspx">Giving</a>
</li>
<li class="menu-item">
<a title="Contact" href="/cvpa/contact.aspx">Contact</a>
</li>
                                </ul>
                            </li>
<!-- 
                            <li class="nav-item">
                                <a class="nav-link" title="Visit" href="/visit.aspx">Visit</a>
                            </li>

-->
							<!-- ***************** -->
							
							<li class="nav-item">
                                <a class="nav-link" title="Academics" href="#">Academics</a>
                                <ul class="dropdown-menu">
<li class="menu-item">
<a title="Accreditations" href="/cvpa/accreditations.aspx">Accreditations</a>
</li>                                  
<li class="menu-item">
<a title="Graduate" href="/cvpa/graduate.aspx">Graduate</a>
</li>
<li class="menu-item">
<a title="Minors" href="/cvpa/minors/">Minors</a>
</li>
<li class="menu-item">
<a title="Undergraduate" href="/cvpa/undergraduate.aspx">Undergraduate</a>
</li>
<li class="menu-item">
<a title="Scholarships" href="/cvpa/scholarships/">Scholarships</a>
</li>
									
                                </ul>
                            </li>
							
							<!-- ***************** -->
							
							
                            <li class="nav-item">
                                <a class="nav-link" title="Alumni" href="#">Alumni</a>
                                <ul class="dropdown-menu">
                                    <li class="menu-item">
<a title="Alumni News" href="/cvpa/alumni/alumni-news.aspx">Alumni News</a>
</li>
<li class="menu-item">
<a title="Alumni Opportunities" href="/cvpa/alumni/alumni-opportunities.aspx">Alumni Opportunities</a>
</li>
<li class="menu-item">
<a title="Alumni Profile" href="/cvpa/alumni/index.aspx">Alumni Profile</a>
</li>
									
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" title="Faculty &amp; Staff" href="#">Faculty &amp; Staff</a>
                                <ul class="dropdown-menu">
                                   <li class="menu-item">
<a title="Career Opportunities" href="/hr/faculty-unclassified-vacancies.aspx">Career Opportunities</a>
</li>
<li class="menu-item">
<a title="Directory" href="/cvpa/faculty-staff/">Directory</a>
</li>
									
<li class="menu-item">
<a title="Resources" href="/cvpa/faculty-staff/faculty-resources.aspx">Resources</a>
</li>
									
									
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" title="Programs" href="#">Programs</a>
                                <ul class="dropdown-menu">
									
									<li class="menu-item">
<a title="ABC institute" href="https://www.abcinstitutesc.org/" target="_blank">ABC institute</a>
</li>
									
									<li class="menu-item">
<a title="Arts Administration" href="/cvpa/arts-administration.aspx">Arts Administration</a>
</li>
<li class="menu-item">
<a title="Dance" href="/cvpa/dance/">Dance</a>
</li>
<li class="menu-item">
<a title="Design" href="/cvpa/design/">Design</a>
</li>
<li class="menu-item">
<a title="Fine Arts" href="/cvpa/fine-arts/">Fine Arts</a>
</li>
<li class="menu-item">
<a title="Music" href="/cvpa/music/">Music</a>
</li>
<li class="menu-item">
<a title="Summer Programs" href="/cvpa/summer-programs.aspx">Summer Programs</a>
</li>
<li class="menu-item">
<a title="Theatre" href="/cvpa/theatre/">Theatre</a>
</li>
                                   
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" title="Students" href="#" target="_blank">Students</a>
								<ul class="dropdown-menu margin-left-minus-55">
								<li class="menu-item">
<a title="Student Services" href="/cvpa/students/index.aspx">Student Services</a>
</li>
<li class="menu-item">
<a title="New Students" href="/cvpa/students/new-students.aspx">New Students</a>
</li>
<li class="menu-item">
<a title="Student Opportunities" href="/cvpa/students/student-opportunities.aspx">Student Opportunities</a>
</li>
<li class="menu-item">
<a title="Student Organizations" href="/cvpa/students/student-organizations.aspx">Student Organizations</a>
</li>
<li class="menu-item">
<a title="Student Resources" href="/cvpa/students/student-resources.aspx">Student Resources</a>
</li>

								 </ul>
                            </li>

							
                            <!--<li class="nav-item">
                                <a class="nav-link" href="/advancement/">Support Winthrop</a>
                            </li>
                            -->
                        
						
                        
                        <li class="social-links">
                            <a target="_blank" href="https://instagram.com/artswinthrop" title="instagram" class="social-icon instagram"></a>
                        </li>
						
						<li class="social-links">
                            <a target="_blank" href="https://www.facebook.com/artswinthrop" title="facebook" class="social-icon facebook"></a>
                        </li>
                       
                        <li class="social-links">
                            <a target="_blank" href="https://www.youtube.com/channel/UC3vY6TLl4cq4l-QRC1H2eQQ" title="youtube" class="social-icon youtube"></a>
                        </li>
                       
                    </ul>
						 
                    </div>
                </div>
				<div id="search-collapse" class="hidden-above-992 collapse in" style="height: auto;">
                    <div class="search-container">
                        <div class="input-box">
                            <input title="Search Input" class="search form-control" type="text" name="mobileSearchText" onkeydown = "if (event.keyCode == 13)
                        document.getElementById('go-btn-mobile').click();" placeholder="I'm looking for..."/>
                        </div>
                        <div class="type-selection">
                            <div class="form-check form-check-inline radiobutton">
                                <label for="mobilesitesearch" class="form-check-label">
									<input class="form-check-input" type="radio" name="mobilesiteOption" id="mobilesitesearch" value="2" checked="checked"/>Site
                                </label>
                            </div>
                            <div class="form-check form-check-inline radiobutton">
                                <label for="mobilepeoplesearch" class="form-check-label">
									<input class="form-check-input" type="radio" name="mobilesiteOption" id="mobilepeoplesearch" value="3"/>People
                                </label>
                            </div>
                            <!-- <a href="#" class="go-btn" id="go-btn-mobile" onclick="getMobileValues();">Go! <img alt="Toggle SubMenu arrow" src="/_resources/images/go_btn_arrow.png"/></a> -->
							<a href="#" class="go-btn" id="go-btn-mobile" onclick="getMobileValues();">Go! <img alt="Toggle SubMenu arrow" src="/_resources/images/go-btn-arrow.png"/></a>
							
                        </div>
                    </div>
                </div>
                <div id="responsive-menu" class="hidden-above-992 responsive-main-menu collapse">
                    <ul id="ResponsiveMenu">
                        <li>
                            <div>
                                <a href="#" title="About">
                                    About
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ResponsiveMenu" href="#ReponsiveMenu_1">
                                    <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/side_menu_arrow.png"/> -->
										<img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ReponsiveMenu_1" class="collapse menu-list">
                                <ul class="menu-list">
                                    <li>
<a title="The College" href="/cvpa/index.aspx">The College</a>
</li>
									
<li>
<a title="The CreatorSpace" href="/cvpa/creator-space.aspx">The CreatorSpace</a>
</li>
									
<li>
<a title="Arts Engagement, Advocacy &amp; Empowerment" href="/cvpa/aeae.aspx">Arts Engagement, Advocacy &amp; Empowerment</a>
</li>
									
<li>
<a title="Events" href="/cvpa/events.aspx">Events</a>
</li>
<li>
<a title="Facilities" href="/cvpa/facilities.aspx">Facilities</a>
</li>
<li>
<a title="Galleries" href="/cvpa/galleries/index.aspx">Galleries</a>
</li>
<li>
<a title="News" href="/cvpa/news.aspx">News</a>
</li>
<li>
<a title="Visit" href="/admissions/visit-the-campus.aspx">Visit</a>
</li>
<li>
<a title="Giving" href="/cvpa/give-to-the-arts.aspx">Giving</a>
</li>
<li>
<a title="Contact" href="/cvpa/contact.aspx">Contact</a>
</li>

                                </ul>
                            </div>
                        </li>
<!--<li>
                            <a href="/visit.aspx">Visit</a>
                        </li>
-->
						<!-- ********* -->

<li>
                            <div>
                                <a href="#" title="Academics">
                                    Academics
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ResponsiveMenu" href="#ReponsiveMenu_1_1">
                                    <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/side_menu_arrow.png"/> -->
										<img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ReponsiveMenu_1_1" class="collapse menu-list">
                                <ul class="menu-list">
<li>
<a title="Accreditations" href="/cvpa/accreditations.aspx">Accreditations</a>
</li>                          
<li>
<a title="Graduate" href="/cvpa/graduate.aspx">Graduate</a>
</li>
<li>
<a title="Minors" href="/cvpa/minors/">Minors</a>
</li>
<li>
<a title="Undergraduate" href="/cvpa/undergraduate.aspx">Undergraduate</a>
</li>
<li>
<a title="Scholarships" href="/cvpa/scholarships/">Scholarships</a>
</li>
									
                                </ul>
                            </div>
                        </li>



<!-- ********* -->
						
                        <li>
                            <div>
                                <a href="#" title="Alumni">
                                    Alumni
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ResponsiveMenu" href="#ReponsiveMenu_2">
                                    <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/side_menu_arrow.png"/> -->
										<img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ReponsiveMenu_2" class="collapse menu-list">
                                <ul class="menu-list">
                                     <li>
<a title="Alumni News" href="/cvpa/alumni/alumni-news.aspx">Alumni News</a>
</li>
<li>
<a title="Alumni Opportunities" href="/cvpa/alumni/alumni-opportunities.aspx">Alumni Opportunities</a>
</li>
<li>
<a title="Alumni Profile" href="/cvpa/alumni/index.aspx">Alumni Profile</a>
</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#" title="Faculty &amp; Staff">
                                    Faculty &amp; Staff
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ResponsiveMenu" href="#ReponsiveMenu_3">
                                   <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/side_menu_arrow.png"/> -->
										<img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ReponsiveMenu_3" class="collapse menu-list">
                                <ul class="menu-list">
                                   
<li>
<a title="Career Opportunities" href="/hr/faculty-unclassified-vacancies.aspx">Career Opportunities</a>
</li>
<li>
<a title="Directory" href="/cvpa/faculty-staff/">Directory</a>
</li>

<li>
<a title="Resources" href="/cvpa/faculty-staff/faculty-resources.aspx">Resources</a>
</li>
									
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#" title="Programs">
                                    Programs
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ResponsiveMenu" href="#ReponsiveMenu_4">
                                    <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/side_menu_arrow.png"/> -->
										<img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ReponsiveMenu_4" class="collapse menu-list">
                                <ul class="menu-list">
									
									<li>
<a title="ABC institute" href="https://www.abcinstitutesc.org/" target="_blank">ABC Institute</a>
</li>
									
                                    <li>
<a title="Arts Administration" href="/cvpa/arts-administration.aspx">Arts Administration</a>
</li>
<li>
<a title="Dance" href="/cvpa/dance/">Dance</a>
</li>
<li>
<a title="Design" href="/cvpa/design/">Design</a>
</li>
<li>
<a title="Fine Arts" href="/cvpa/fine-arts/">Fine Arts</a>
</li>
<li>
<a title="Music" href="/cvpa/music/">Music</a>
</li>
<li>
<a title="Summer Programs" href="/cvpa/summer-programs.aspx">Summer Programs</a>
</li>
<li>
<a title="Theatre" href="/cvpa/theatre/">Theatre</a>
</li>
                                </ul>
                            </div>
                        </li>
                        
						<li>
                            <div>
                                <a href="#" title="Students">
                                    Students
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ResponsiveMenu" href="#ReponsiveMenu_5">
                                    <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/side_menu_arrow.png"/> -->
										<img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ReponsiveMenu_5" class="collapse menu-list">
                                <ul class="menu-list">
                                    <li>
<a title="Student Services" href="/cvpa/students/index.aspx">Student Services</a>
</li>
<li>
<a title="New Students" href="/cvpa/students/new-students.aspx">New Students</a>
</li>
<li>
<a title="Student Opportunities" href="/cvpa/students/student-opportunities.aspx">Student Opportunities</a>
</li>
<li>
<a title="Student Organizations" href="/cvpa/students/student-organizations.aspx">Student Organizations</a>
</li>
<li>
<a title="Student Resources" href="/cvpa/students/student-resources.aspx">Student Resources</a>
</li>
                                </ul>
                            </div>
                        </li>
                        
						
						
						
                        <!-- <li>
                            <a href="/advancement/">Support Winthrop</a>
                        </li>
                       -->
                    </ul>
                    <ul class="extra-menu" id="ExtraMenu">
                        <li>
                            <div>
                                <a href="#" title="Choose your path">
                                    Social Media
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ExtraMenu" href="#ExtraMenu_1">
                                    <!-- <img alt="Toggle SubMenu arrow" src="/_resources/images/Menu_White_Arrow_Icon_Down.png"/> -->
									<img alt="Toggle SubMenu arrow" src="/_resources/images/go-btn-arrow.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ExtraMenu_1" class="collapse">
                                <ul class="menu-list white-bg">
                                    <li>
                                        <a href="https://instagram.com/artswinthrop" target="_blank">Instagram</a>
                                    </li>
									
									<li>
                                        <a href="https://www.facebook.com/artswinthrop" target="_blank">Facebook</a>
                                    </li>
									
									<li>
                                        <a href="https://www.youtube.com/channel/UC3vY6TLl4cq4l-QRC1H2eQQ" target="_blank">YouTube</a>
                                    </li>

                                    
                                </ul>
                            </div>
                        </li>
						<li>
                            <div>
                                <a href="/aboutus/" title="About Winthrop University">
                                    Quick Links
                                </a>
                                <div class="ou-collapse-btn">
                                    <a title="Toggle Sub Menu" class="arrow collapsed" data-toggle="collapse" data-parent="#ExtraMenu" href="#ExtraMenu_2">
                                    <img alt="Toggle SubMenu arrow" src="/_resources/images/go-btn-arrow.png"/>
                                </a>
                                </div>
                            </div>
                            <div id="ExtraMenu_2" class="collapse">
                                <ul class="menu-list white-bg">
                                    <li>
                                        <a href="https://apps.winthrop.edu/pobox" target="_blank">Email</a>
                                    </li>
                                    <li>
                                        <a href="https://wingspan.winthrop.edu" target="_blank">Wingspan</a>
                                    </li>
                                    <li>
                                        <a href="https://bb-winthrop.blackboard.com" target="_blank">Blackboard</a>
                                    </li>
                                    <li>
                                        <a href="/map">Map</a>
                                    </li>
									<li>
                                            <a href="https://winthrop-edu.zoom.us/" target="_blank">Zoom</a>
                                        </li>
									<li>
                                            <a href="https://winthrop.presence.io" target="_blank">Eagle Engage</a>
                                        </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="/cvpa/theatre/box-office.aspx">Buy Tickets Now!</a>
                        </li>
                        <li>
                            <a href="/apply-now.aspx">Apply Now</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
		<!-- Gold Top Audience Nav -->
		<div class="secondaryGoldNavBlank">
			<xsl:apply-templates select="if ($ou:action = 'edt') then ouc:div[@label='navigation'] else ouc:div[@label='navigation']/table[@class='ou-list-links']" />
		</div>
	</xsl:template>

	<xsl:template match="table[@class='ou-list-links']">
		<xsl:for-each select="tbody/tr[1]/td/ul/li"><xsl:apply-templates select="./node()" /></xsl:for-each>
	</xsl:template>

</xsl:stylesheet>
