<!DOCTYPE html>
<html class="no-js" lang="en">
	<head>
		 
<!--preconnections (critical only — OneTrust loads in head)-->
<link href="https://cdn.cookielaw.org" rel="preconnect"/>
<!-- OneTrust Cookies Consent Notice start for semo.edu -->

<script type="text/javascript" src="https://cdn.cookielaw.org/consent/f9f69df0-6956-4047-b8af-0165ee082d5f/OtAutoBlock.js" ></script>
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="f9f69df0-6956-4047-b8af-0165ee082d5f" ></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>

<!-- OneTrust Cookies Consent Notice end for semo.edu -->


<!-- Google Tag Manager -->

<script defer async >(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MCDR9X');</script>

<!-- End Google Tag Manager -->


<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>
<title>SEMO News</title>

  <link href="../_files/css/newshub.css" media="all" onload="this.media='all'; this.onload=null;" rel="stylesheet"/>


<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="anonymous" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;0,700;1,400;1,700&amp;display=swap" rel="stylesheet"/>
<link href="../_files/css/newbrand_site.css" rel="stylesheet"/>
<!--critical CSS-->
<!--CSS preload-->
<!--Homepage-->
<!-- favicon -->
<link href="../_files/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="76x76"/>
<link href="../_files/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="../_files/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="../_files/favicons/site.webmanifest" rel="manifest"/>
<link color="#ffffff" href="../_files/favicons/safari-pinned-tab.svg" rel="mask-icon"/>
<link href="../_files/favicons/favicon.ico" rel="shortcut icon"/>
<link href="https://semo.edu/llms.txt" rel="alternate" type="text/markdown"/>
<link href="https://semo.edu/llms.txt" rel="llms-txt"/>

<meta content="#ffffff" name="msapplication-TileColor"/>
<meta content="../_files/favicons/browserconfig.xml" name="msapplication-config"/>
<!-- Facebook -->
<meta content="SEMO News" property="og:title"/>
<meta content="website" property="og:type"/>
<meta content="../_files/images/social.png" property="og:image"/>
<meta content="1200" property="og:image:width"/>
<meta content="600" property="og:image:height"/>
<meta content="Stay connected with SEMO news featuring student achievements, campus events, academic updates, and stories shaping the SEMO community." name="description"/>
<meta content="Southeast Missouri State University" property="og:site_name"/>
<!-- Twitter -->
<meta content="summary_large_image" name="twitter:card"/>
<meta content="@semissouristate" name="twitter:site"/>
<meta content="@semissouristate" name="twitter:creator"/>
<meta content="//twitter.com/semissouristate" name="twitter:url"/>
<meta content="SEMO News" name="twitter:title"/>
<meta content="Stay connected with SEMO news featuring student achievements, campus events, academic updates, and stories shaping the SEMO community." name="twitter:description"/>
<meta content="../_files/images/social.png" name="twitter:image"/>
<meta content="June 10 2026 10:29" name="date"/>


<link as="font" crossorigin="anonymous" href="../_files/fonts/newfonts/family-regular.woff2" rel="preload" type="font/woff2"/>








<!--preconnections-->



<!--BrightEdge Autopilot -->

<script src="//cdn.bc0a.com/autopilot/f00000000298450/autopilot_sdk.js"></script>

<!--end Brightedge Autopilot-->

<!--Bing Verification-->
<meta content="35BF411B23F32EAF3B2643DCF0CA1991" name="msvalidate.01"/>



		
    
<link href="https://semo.edu/news/" rel="canonical"/>

		






<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "CollegeOrUniversity",
      "@id": "https://semo.edu/#organization",
      "name": "Southeast Missouri State University",
      "alternateName": "SEMO",
      "url": "https://semo.edu/",
      "logo": "https://semo.edu/_files/images/newbrand/semo-logo-white.svg",
      "sameAs": [
        "https://www.facebook.com/SEMissouriState/",
        "https://www.instagram.com/semissouristate/",
        "https://www.linkedin.com/school/southeast-missouri-state-university/",
        "https://www.youtube.com/user/SEMissouriState"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://semo.edu/#website",
      "url": "https://semo.edu/",
      "name": "Southeast Missouri State University",
      "publisher": { "@id": "https://semo.edu/#organization" }
    },
    {
      "@type": "WebPage",
      "@id": "https://semo.edu/news/#webpage",
      "url": "https://semo.edu/news/",
      "name": "SEMO News",
      "description": "Stay connected with SEMO news featuring student achievements, campus events, academic updates, and stories shaping the SEMO community.",
      "isPartOf": { "@id": "https://semo.edu/#website" },
      "about": { "@id": "https://semo.edu/#organization" }
    }  ]
}
</script>


	</head>
	


             

<body class="preload fs-grid theme-default body_layout_news_landing">
<div class="js-alert-wrapper">
	<script>
	   	   var AlertURL = "../_blocks/alert".replace("&amp;","&");
	</script>
</div>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCDR9X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

	<div class="page_wrapper">
	


             





<header
	id="header" x-data="header" class="header theme-red text-theme-on-primary bg-theme-primary z-[60] sticky top-0" style="z-index: 9999;">

		<div x-ref="navigation" class="[&.scrolled-out]:bg-theme-primary z-50 w-full py-5 transition-colors duration-300 md:py-10" style="z-index: 9999;">
		<div class="container flex items-center justify-between">
			<a href="/" aria-label="Home" class="inline-block">
				<img src="../_files/images/newbrand/semo-logo-white.svg" class="h-auto w-[11.25rem] sm:w-[13.5rem] md:w-[18.75rem] xl:w-[23.75rem] 2xl:w-[27rem]" alt="Logo of Southeast Missouri State University 1873"/>
			</a>
			<div class="pointer-events-auto flex gap-x-2 md:gap-x-8">
																	<button class="flex text-theme-on-primary group border-semo-white cursor-pointer flex-col items-center gap-y-1" aria-label="Open the audience menu"  @click="openNavigation()" >
						<div class="text-semo-white bg-semo-white after:bg-semo-red place-center group-hover:text-semo-red relative z-10 flex h-9 w-9 overflow-hidden rounded-full border-2 transition-colors after:absolute after:inset-0 after:rounded-full after:transition-transform group-hover:after:scale-0 md:h-[40px] md:w-[40px] lg:h-[50px] lg:w-[50px]" role="presentation">
							<svg
  width="18"
  height="21"
  viewBox="0 0 18 21"
  class="relative z-20 h-4 w-4 md:h-5 md:w-5 lg:h-5 md:w-5"
  fill="currentColor"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M8.86604 0.75C6.03867 0.75 3.72744 3.02621 3.72744 5.81074C3.72744 8.59526 6.03867 10.8715 8.86604 10.8715C11.6934 10.8715 14.0046 8.59526 14.0046 5.81074C14.0046 3.02621 11.6934 0.75 8.86604 0.75ZM17.6847 14.9156C17.55 14.5841 17.3705 14.2747 17.1686 13.9875C16.1364 12.4847 14.5432 11.4902 12.7481 11.2471C12.5237 11.2251 12.2769 11.2692 12.0973 11.4018C11.1549 12.0869 10.0329 12.4405 8.86608 12.4405C7.69921 12.4405 6.57727 12.0869 5.63482 11.4018C5.45528 11.2692 5.20845 11.2029 4.98408 11.2471C3.18894 11.4902 1.57332 12.4847 0.563567 13.9875C0.361616 14.2747 0.182084 14.6062 0.0474785 14.9156C-0.0198243 15.0482 0.00259568 15.2029 0.0698985 15.3355C0.24943 15.6449 0.473801 15.9543 0.675753 16.2195C0.98989 16.6394 1.32649 17.0151 1.70797 17.3687C2.02211 17.678 2.38113 17.9653 2.74019 18.2526C4.51287 19.5565 6.64461 20.2415 8.84366 20.2415C11.0427 20.2415 13.1744 19.5565 14.9471 18.2526C15.3061 17.9874 15.6652 17.678 15.9793 17.3687C16.3384 17.0151 16.6974 16.6394 17.0116 16.2195C17.2359 15.9322 17.4379 15.6449 17.6174 15.3355C17.7296 15.2029 17.752 15.0482 17.6847 14.9156Z"
  />
</svg>

						</div>
						<span class="text-p-sm font-sans-alt hidden font-bold md:block">
							AUDIENCE
						</span>
					</button>
									<button class="hidden md:flex text-theme-on-primary group border-semo-white cursor-pointer flex-col items-center gap-y-1" aria-label="Open the search menu"  @click="openMenuWithSearch()" >
						<div class="text-semo-white bg-semo-white after:bg-semo-red place-center group-hover:text-semo-red relative z-10 flex h-9 w-9 overflow-hidden rounded-full border-2 transition-colors after:absolute after:inset-0 after:rounded-full after:transition-transform group-hover:after:scale-0 md:h-[40px] md:w-[40px] lg:h-[50px] lg:w-[50px]" role="presentation">
							<svg
  width="18"
  height="19"
  class="relative z-20 h-4 w-4  lg:h-5 md:w-5"
  viewBox="0 0 18 19"
  fill="currentColor"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M13.2094 12.1186C14.0952 10.909 14.625 9.42321 14.625 7.81253C14.625 3.78054 11.3445 0.5 7.31249 0.5C3.2805 0.5 0 3.78054 0 7.81253C0 11.8445 3.28054 15.1251 7.31253 15.1251C8.92321 15.1251 10.4091 14.5952 11.6187 13.7094L16.4093 18.5L18.0001 16.9092L13.2094 12.1186ZM7.31253 12.875C4.52089 12.875 2.25002 10.6042 2.25002 7.81253C2.25002 5.02089 4.52089 2.75002 7.31253 2.75002C10.1042 2.75002 12.375 5.02089 12.375 7.81253C12.375 10.6042 10.1041 12.875 7.31253 12.875Z"
  />
</svg>

						</div>
						<span class="text-p-sm font-sans-alt hidden font-bold md:block">
							SEARCH
						</span>
					</button>
									<a href="https://app.semoadmissions.org/" class="hidden xs:flex text-theme-on-primary group border-semo-white cursor-pointer flex-col items-center gap-y-1" aria-label="Apply to SEMO" >
						<div class="text-semo-white bg-semo-white after:bg-semo-red place-center group-hover:text-semo-red relative z-10 flex h-9 w-9 overflow-hidden rounded-full border-2 transition-colors after:absolute after:inset-0 after:rounded-full after:transition-transform group-hover:after:scale-0 md:h-[40px] md:w-[40px] lg:h-[50px] lg:w-[50px]" role="presentation">
							<svg
  width="18"
  height="19"
  viewBox="0 0 18 19"
  fill="currentColor"
  class="relative z-20 h-4 w-4  lg:h-5 md:w-5"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M15.1757 6.70638L11.7941 3.32471L1.09481 14.0248C0.85434 14.2652 0.720489 14.5177 0.659566 14.848L0.105695 17.8346C0.0752352 17.9997 0.117718 18.1416 0.237149 18.261H0.239554C0.36139 18.3829 0.498452 18.4254 0.665976 18.3949L3.65264 17.8418C3.98288 17.7809 4.23618 17.6463 4.47583 17.4066L15.1757 6.70638ZM12.6645 2.45405L14.0648 1.05374C14.6756 0.442944 15.6752 0.442944 16.2859 1.05374L17.4457 2.21358C18.0565 2.82437 18.0565 3.82391 17.4457 4.43547L16.0454 5.83578L12.6645 2.45405Z"
  />
</svg>

						</div>
						<span class="text-p-sm font-sans-alt hidden font-bold md:block">
							APPLY
						</span>
					</a>
									<button class="flex text-theme-on-primary group border-semo-white cursor-pointer flex-col items-center gap-y-1" aria-label="Open the navigation menu"  @click="openMenu()" >
						<div class="text-semo-white bg-semo-white after:bg-semo-red place-center group-hover:text-semo-red relative z-10 flex h-9 w-9 overflow-hidden rounded-full border-2 transition-colors after:absolute after:inset-0 after:rounded-full after:transition-transform group-hover:after:scale-0 md:h-[40px] md:w-[40px] lg:h-[50px] lg:w-[50px]" role="presentation">
							<svg
  width="16"
  height="15"
  viewBox="0 0 16 15"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class="relative z-20 h-3 w-3 lg:h-4 md:w-4"
>
  <g clip-path="url(#clip0_2624_15099)">
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M15.7777 11.7V14.5H0.222168V11.7H15.7777ZM15.7777 6.1V8.9H0.222168V6.1H15.7777ZM15.7777 0.5V3.3H0.222168V0.5H15.7777Z"
      fill="currentColor"
    />
  </g>
  <defs>
    <clipPath id="clip0_2624_15099">
      <rect width="16" height="14" fill="white" transform="translate(0 0.5)" />
    </clipPath>
  </defs>
</svg>

						</div>
						<span class="text-p-sm font-sans-alt hidden font-bold md:block">
							MENU
						</span>
					</button>
							</div>
		</div>
	</div>

		<template x-if="navigationOpen">
		<div class="fixed inset-y-0 right-0 z-[80] w-full bg-white shadow-xl" x-trap="navigationOpen">
		  <div
    x-data="navigationPrimary"
    x-init="init()"
    data-sections="{&quot;0&quot;:{&quot;name&quot;:&quot;Current Students&quot;,&quot;slug&quot;:&quot;current-students&quot;,&quot;headline&quot;:&quot;RESOURCES FOR YOU&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;CANVAS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;MYSEMO&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;EMAIL&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SUPPORTNET&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY CALENDAR&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;CAMPUS MAP&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;OFFICE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE SEARCH&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY CLOSINGS&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;Academics&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Program Finder&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Academic Calendar&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Academic Advising&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Academics&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Course Catalog&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Register for Classes&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Registrar&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Help Desk&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Registrar&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;PAYING FOR COLLEGE&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Pay My Bill&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Financial Services&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Student Employment&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Financial Calendar&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;1&quot;:{&quot;name&quot;:&quot;Parents & Families&quot;,&quot;slug&quot;:&quot;parents-families&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;FAMILY/PARENTS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;FAMILY WEEKEND&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;ABOUT SEMO&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;CAMPUS MAP&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;ACADEMIC CALENDAR&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;OFFICE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;YOUR STUDENT&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Admissions&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;New Student Programs&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Hello SEMO&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Financial Services&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Living On Campus&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Academic Support&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Health and Wellness&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Dean of Students&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;University Police Department&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;2&quot;:{&quot;name&quot;:&quot;Accepted Students&quot;,&quot;slug&quot;:&quot;accepted-students&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;ADMISSIONS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;CAMP REDHAWK&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;FEARLESS IN 4&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;FIRST STEP ORIENTATION&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;HELLO SEMO&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;NEW STUDENT PROGRAMS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;TEXTBOOK RENTAL&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY CALENDAR&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;ACADEMIC ADVISING&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Academic Calendar&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Program Finder&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Schedule an Appointment&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;CAREER SERVICES&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Schedule an Appointment&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Handshake Jobs&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;PAYING FOR COLLEGE&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Financial Aid&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Scholarships&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Payments&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;STUDENT LIFE&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Apply for Housing&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Living On Campus&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Dining&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Student Organizations&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;3&quot;:{&quot;name&quot;:&quot;Counselors&quot;,&quot;slug&quot;:&quot;Counselors&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;OFFICE OF ADMISSIONS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;FIND MY ADMISSIONS COUNSELOR&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;COUNSELOR RESOURCES&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;EARLY COLLEGE PROGRAMS&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;APPLYING TO SEMO&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Admissions Requirements&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;How to Apply&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Deadlines&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Test Optional&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;FINANCIAL AID&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;FAFSA&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SEMO Scholarships&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Cost and Affordability&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;LAUNCHING CAREERS&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Academics&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Outcomes&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Career Services&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;4&quot;:{&quot;name&quot;:&quot;Alumni&quot;,&quot;slug&quot;:&quot;Alumni&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;Alumni ASSOCIATION&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UPDATE YOUR INFORMATION&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SHARE YOUR STORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;EMPLOYMENT&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;OFFICE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SEMO NEWS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;GET CONNECTED&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Alumni Events&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Campus Events&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Show SEMO Spirit&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;GIVE BACK&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Giving to Southeast&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Get Involved&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Annual Fund&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;5&quot;:{&quot;name&quot;:&quot;Faculty & Staff&quot;,&quot;slug&quot;:&quot;faculty-staff&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;PROFILE SPOTLIGHT FORM&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;OFFICES AND SERVICES&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE SEARCH&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;MYSEMO&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;EMAIL&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;ACADEMIC CALENDAR&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY CALENDAR&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;CAMPUS MAP&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SUPPORTNET&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;KENT LIBRARY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;HUMAN RESOURCES&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;TRAINING AND DEVELOPMENT&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY CLOSINGS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SE ALERTS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;WEB CHANGE REQUEST&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SEMO NEWS&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;FACULTY RESOURCES&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Faculty Senate&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Canvas&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Center for Teaching and Learning&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;STAFF RESOURCES&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Professional Staff Council&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;CTS Staff Council&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;FACILITIES&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Work Order/Order Supplies Request&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Central Receiving&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;6&quot;:{&quot;name&quot;:&quot;Donors&quot;,&quot;slug&quot;:&quot;Donors&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;Giving to Southeast&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY FOUNDATION&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;OFFICE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;MAKING AN IMPACT&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Student Stories&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Ways to Give&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Student Emergency Fund&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Get Involved&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;CONNECTING WITH SEMO&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Alumni Association&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Alumni Events&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Academics&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Redhawk Athletics&quot;,&quot;href&quot;:&quot;#&quot;}]}]},&quot;7&quot;:{&quot;name&quot;:&quot;Community Partners&quot;,&quot;slug&quot;:&quot;community-partners&quot;,&quot;headline&quot;:&quot;Resources for you&quot;,&quot;type&quot;:&quot;buttons&quot;,&quot;buttons&quot;:[{&quot;text&quot;:&quot;ECONOMIC AND WORKFORCE DEVELOPMENT&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;WORKFORCE DEVELOPMENT&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;ABOUT SEMO&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;CAREER SERVICES&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY FOUNDATION&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;UNIVERSITY COMMUNICATIONS&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE DIRECTORY&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;PEOPLE SEARCH&quot;,&quot;href&quot;:&quot;#&quot;}],&quot;groups&quot;:[{&quot;title&quot;:&quot;WORKFORCE DEVELOPMENT&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Small Business and Technology Development Center&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;SEMO Online&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Regional Professional Development Center&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Alumni Association&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;COMMUNITY SERVICE&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;SEMO Serves&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Office of Campus Life&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Office of Greek Life&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Redhawk Athletics&quot;,&quot;href&quot;:&quot;#&quot;}]},{&quot;title&quot;:&quot;MEDIA INQUIRIES&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;SEMO News&quot;,&quot;href&quot;:&quot;#&quot;},{&quot;text&quot;:&quot;Redhawk Sports Information&quot;,&quot;href&quot;:&quot;#&quot;}]}]}}"
    data-default-section="current-students"
    class="theme-white bg-white"
  >
    <div class="container">
            <div class="hidden h-dvh grid-cols-2 overflow-y-auto lg:grid">
                <div class="absolute top-0 left-0 h-dvh w-[50vw] bg-black"></div>
        <div class="p-8 text-white">
          <div class="mb-8">
                          <img
                src="../_files/images/newbrand/semo-logo-white.svg"
                alt="Logo of Southeast Missouri State University"
                class="h-12 w-auto"
              />
                      </div>

          <div
            class="text-theme-primary font-sans text-sm tracking-wide uppercase"
          >
            INFO FOR:
          </div>

          <nav class="space-y-1">
                                          <button
                  type="button"
                  @click="setActiveSection('current-students')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Current Students
                  <img
                    x-show="activeSection === 'current-students'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('parents-families')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Parents & Families
                  <img
                    x-show="activeSection === 'parents-families'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('accepted-students')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Accepted Students
                  <img
                    x-show="activeSection === 'accepted-students'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('Counselors')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Counselors
                  <img
                    x-show="activeSection === 'Counselors'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('Alumni')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Alumni
                  <img
                    x-show="activeSection === 'Alumni'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('faculty-staff')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Faculty & Staff
                  <img
                    x-show="activeSection === 'faculty-staff'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('Donors')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Donors
                  <img
                    x-show="activeSection === 'Donors'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                              <button
                  type="button"
                  @click="setActiveSection('community-partners')"
                  class="text-h3 relative block text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                >
                  Community Partners
                  <img
                    x-show="activeSection === 'community-partners'"
                    class="text-semo-vibrant-red absolute top-3/4 z-0 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </button>
                                    </nav>
        </div>

                <div class="relative flex-1 overflow-hidden bg-white">
          <div
            class="absolute top-4 right-4 z-50 flex cursor-pointer flex-col items-center"
            @click="closeNavigation()"
          >
            <button
              type="button"
              class="bg-semo-red flex h-12 w-12 items-center justify-center rounded-full text-white transition-opacity hover:opacity-80"
            >
              <span class="sr-only">CLOSE</span>
              <svg
                class="h-6 w-6"
                fill="none"
                stroke="currentColor"
                viewbox="0 0 24 24"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M6 18L18 6M6 6l12 12"
                ></path>
              </svg>
            </button>
            <span class="font-sans-alt mt-1 text-xs font-bold text-gray-600">
              CLOSE
            </span>
          </div>

                                <div
              x-show="activeSection === 'current-students'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Current Students
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                RESOURCES FOR YOU
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="https://semo.instructure.com/" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CANVAS
			</span>
</a>

                                      <a href="https://my.semo.edu" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		MYSEMO
			</span>
</a>

                                      <a href="http://mail.semo.edu" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EMAIL
			</span>
</a>

                                      <a href="../student-support/academic-support/supportnet/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SUPPORTNET
			</span>
</a>

                                      <a href="../events/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CALENDAR
			</span>
</a>

                                      <a href="https://semo.edu/map" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMPUS MAP
			</span>
</a>

                                      <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                      <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                      <a href="../information-technology/people-search" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE SEARCH
			</span>
</a>

                                      <a href="../closings/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CLOSINGS
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        Academics
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../academics/programs/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Program Finder
	
			</a>

                                                  <a href="../student-support/academic-support/registrar/academic-calendar" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Calendar
	
			</a>

                                                  <a href="../student-support/academic-support/advising/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Advising
	
			</a>

                                                  <a href="../academics/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                                  <a href="../student-support/academic-support/registrar/catalog/courses/index.php" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Course Catalog
	
			</a>

                                                  <a href="../student-support/academic-support/registrar/enrollment" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Register for Classes
	
			</a>

                                                  <a href="../student-support/academic-support/registrar/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Registrar
	
			</a>

                                                  <a href="https://it.semo.edu" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Help Desk
	
			</a>

                                                  <a href="https://library.semo.edu" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Library
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        PAYING FOR COLLEGE
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../student-support/financial-services/payments-refunds/payment-options" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Pay My Bill
	
			</a>

                                                  <a href="../student-support/financial-services/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Services
	
			</a>

                                                  <a href="../admissions/paying-for-college/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Employment
	
			</a>

                                                  <a href="../student-support/financial-services/calendar" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Calendar
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'parents-families'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Parents & Families
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="../orientation/family" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FAMILY/PARENTS
			</span>
</a>

                                      <a href="../campus-life/family-weekend" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FAMILY WEEKEND
			</span>
</a>

                                      <a href="../about/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ABOUT SEMO
			</span>
</a>

                                      <a href="https://semo.edu/map" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMPUS MAP
			</span>
</a>

                                      <a href="../student-support/academic-support/registrar/academic-calendar" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ACADEMIC CALENDAR
			</span>
</a>

                                      <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                      <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        YOUR STUDENT
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../admissions/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Admissions
	
			</a>

                                                  <a href="../orientation/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	New Student Programs
	
			</a>

                                                  <a href="../hello-semo/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Hello SEMO
	
			</a>

                                                  <a href="../student-support/financial-services/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Services
	
			</a>

                                                  <a href="../life-at-semo/living-on-campus/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Living On Campus
	
			</a>

                                                  <a href="../student-support/academic-support/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Support
	
			</a>

                                                  <a href="../student-support/health-wellness/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Health and Wellness
	
			</a>

                                                  <a href="../student-support/dean/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Dean of Students
	
			</a>

                                                  <a href="../student-support/health-wellness/university-police/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	University Police Department
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'accepted-students'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Accepted Students
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="../admissions/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ADMISSIONS
			</span>
</a>

                                      <a href="../campus-life/camp-redhawk" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMP REDHAWK
			</span>
</a>

                                      <a href="../hello-semo/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FEARLESS IN 4
			</span>
</a>

                                      <a href="../orientation/first-step/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FIRST STEP ORIENTATION 
			</span>
</a>

                                      <a href="../hello-semo/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		HELLO SEMO
			</span>
</a>

                                      <a href="../orientation/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		NEW STUDENT PROGRAMS
			</span>
</a>

                                      <a href="../student-support/academic-support/textbook-rental/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		TEXTBOOK RENTAL
			</span>
</a>

                                      <a href="../events/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CALENDAR
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        ACADEMIC ADVISING
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../student-support/academic-support/registrar/academic-calendar" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Calendar
	
			</a>

                                                  <a href="../academics/programs/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Program Finder
	
			</a>

                                                  <a href="../student-support/academic-support/advising/advising" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Schedule an Appointment
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        CAREER SERVICES
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../student-support/career-support/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Schedule an Appointment
	
			</a>

                                                  <a href="../student-support/career-support/career-services/handshake" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Handshake Jobs
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        PAYING FOR COLLEGE
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../student-support/financial-services/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Aid
	
			</a>

                                                  <a href="../student-support/financial-services/financial-aid/se-scholarships" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Scholarships
	
			</a>

                                                  <a href="../student-support/financial-services/payments-refunds/payment-options" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Payments
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        STUDENT LIFE
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../life-at-semo/living-on-campus/housing-application" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Apply for Housing
	
			</a>

                                                  <a href="../life-at-semo/living-on-campus/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Living On Campus
	
			</a>

                                                  <a href="../life-at-semo/dining/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Dining
	
			</a>

                                                  <a href="../life-at-semo/student-life/student-orgs/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Organizations
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'Counselors'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Counselors
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="../admissions/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE OF ADMISSIONS
			</span>
</a>

                                      <a href="../admissions/team-directory" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FIND MY ADMISSIONS COUNSELOR
			</span>
</a>

                                      <a href="../admissions/high-school-counselors" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		COUNSELOR RESOURCES
			</span>
</a>

                                      <a href="../academics/early-college/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EARLY COLLEGE PROGRAMS
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        APPLYING TO SEMO
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../admissions/requirements/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Admissions Requirements
	
			</a>

                                                  <a href="../admissions/how-to-apply/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	How to Apply
	
			</a>

                                                  <a href="../admissions/how-to-apply/index#deadlines" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Deadlines
	
			</a>

                                                  <a href="../admissions/how-to-apply/test-optional" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Test Optional
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        FINANCIAL AID
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../student-support/financial-services/financial-aid/fafsa" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	FAFSA
	
			</a>

                                                  <a href="../student-support/financial-services/financial-aid/se-scholarships" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Scholarships
	
			</a>

                                                  <a href="../student-support/financial-services/cost/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Cost and Affordability
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        LAUNCHING CAREERS
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../academics/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                                  <a href="../student-support/career-support/launch-career/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Outcomes
	
			</a>

                                                  <a href="../student-support/career-support/career-services/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Career Services
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'Alumni'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Alumni
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="../alumni/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Alumni ASSOCIATION
			</span>
</a>

                                      <a href="https://www.cognitoforms.com/SoutheastMissouriStateUniversity1/alumniinformationupdatesubmitaclassnote2" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UPDATE YOUR INFORMATION
			</span>
</a>

                                      <a href="https://www.cognitoforms.com/SoutheastMissouriStateUniversity1/alumnispotlight" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SHARE YOUR STORY
			</span>
</a>

                                      <a href="../student-support/career-support/career-services/handshake" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EMPLOYMENT
			</span>
</a>

                                      <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                      <a href="index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SEMO NEWS
			</span>
</a>

                                      <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        GET CONNECTED
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../alumni/stay-involved/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Events
	
			</a>

                                                  <a href="../events/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Campus Events
	
			</a>

                                                  <a href="../alumni/stay-connected/semo-pride" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Show SEMO Spirit
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        GIVE BACK
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../giving/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Giving to Southeast
	
			</a>

                                                  <a href="../about/foundation/get-involved/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Get Involved
	
			</a>

                                                  <a href="../about/foundation/ways-to-give/annual-giving" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Annual Fund
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'faculty-staff'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Faculty & Staff
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="https://www.cognitoforms.com/SoutheastMissouriStateUniversity1/FacultyAndStaffSpotlight" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PROFILE SPOTLIGHT FORM
			</span>
</a>

                                      <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICES AND SERVICES
			</span>
</a>

                                      <a href="https://semoredhawks.com/" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ATHLETICS
			</span>
</a>

                                      <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                      <a href="../information-technology/people-search" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE SEARCH
			</span>
</a>

                                      <a href="https://my.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		MYSEMO
			</span>
</a>

                                      <a href="http://mail.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EMAIL
			</span>
</a>

                                      <a href="../student-support/academic-support/registrar/academic-calendar" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ACADEMIC CALENDAR
			</span>
</a>

                                      <a href="../events/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CALENDAR
			</span>
</a>

                                      <a href="https://semo.edu/map" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMPUS MAP
			</span>
</a>

                                      <a href="../student-support/academic-support/supportnet/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SUPPORTNET
			</span>
</a>

                                      <a href="https://library.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		KENT LIBRARY
			</span>
</a>

                                      <a href="../hr/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		HUMAN RESOURCES
			</span>
</a>

                                      <a href="../training/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		TRAINING AND DEVELOPMENT
			</span>
</a>

                                      <a href="../closings/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CLOSINGS
			</span>
</a>

                                      <a href="../student-support/health-wellness/university-police/se-alerts/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SE ALERTS
			</span>
</a>

                                      <a href="https://it.semo.edu/TDClient/93/IT/Requests/ServiceDet?ID=9770" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		WEB CHANGE REQUEST
			</span>
</a>

                                      <a href="index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SEMO NEWS
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        FACULTY RESOURCES
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../faculty-senate/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Faculty Senate
	
			</a>

                                                  <a href="https://semo.instructure.com/" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Canvas
	
			</a>

                                                  <a href="../teaching-learning/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Center for Teaching and Learning
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        STAFF RESOURCES
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../professional-staff-council/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Professional Staff Council
	
			</a>

                                                  <a href="../cts-council/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	CTS Staff Council
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        FACILITIES
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="https://webtma.semo.edu/WebTMA7/app/login?returnUrl=%2F#!/ReqHome/Create/Identity" target="_blank" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Work Order/Order Supplies Request
	
			</a>

                                                  <a href="../facilities-management/central-receiving/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Central Receiving
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'Donors'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Donors
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="../giving/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Giving to Southeast
			</span>
</a>

                                      <a href="../about/foundation/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY FOUNDATION
			</span>
</a>

                                      <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                      <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        MAKING AN IMPACT
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../stories/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Stories
	
			</a>

                                                  <a href="../about/foundation/ways-to-give/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Ways to Give
	
			</a>

                                                  <a href="" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Emergency Fund
	
			</a>

                                                  <a href="../about/foundation/get-involved/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Get Involved
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        CONNECTING WITH SEMO
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../alumni/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Association
	
			</a>

                                                  <a href="../alumni/stay-involved/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Events
	
			</a>

                                                  <a href="../academics/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                                  <a href="https://semoredhawks.com/" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Redhawk Athletics
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                      <div
              x-show="activeSection === 'community-partners'"
              x-transition:enter="transition ease-out duration-300 delay-150"
              x-transition:enter-start="opacity-0"
              x-transition:enter-end="opacity-100"
              x-transition:leave="transition ease-in duration-150"
              x-transition:leave-start="opacity-100"
              x-transition:leave-end="opacity-0"
              class="absolute inset-0 overflow-y-auto p-8 pb-16 lg:pt-28"
            >
              <div
                class="text-h6 mb-2 font-sans tracking-wide text-gray-600 uppercase"
              >
                Community Partners
              </div>
              <div class="text-h4 text-theme-on-primary mb-8 font-sans">
                Resources for you
              </div>

                                            <div class="mb-8 flex flex-wrap gap-x-4 gap-y-4">
                                      <a href="../economic-workforce/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ECONOMIC AND WORKFORCE DEVELOPMENT
			</span>
</a>

                                      <a href="../economic-workforce/continuing-education/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		WORKFORCE DEVELOPMENT
			</span>
</a>

                                      <a href="../about/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ABOUT SEMO
			</span>
</a>

                                      <a href="../student-support/career-support/career-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAREER SERVICES
			</span>
</a>

                                      <a href="../about/foundation/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY FOUNDATION
			</span>
</a>

                                      <a href="../marketing-communications/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY COMMUNICATIONS
			</span>
</a>

                                      <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                      <a href="../information-technology/people-search" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE SEARCH
			</span>
</a>

                                  </div>
              
                                            <div class="space-y-8">
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        WORKFORCE DEVELOPMENT
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../economic-workforce/business-development/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Small Business and Technology Development Center
	
			</a>

                                                  <a href="../academics/online/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Online
	
			</a>

                                                  <a href="../professional-development/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Regional Professional Development Center
	
			</a>

                                                  <a href="../alumni/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Association
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        COMMUNITY SERVICE
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="../life-at-semo/student-life/community-service/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Serves
	
			</a>

                                                  <a href="../campus-life/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Office of Campus Life
	
			</a>

                                                  <a href="../life-at-semo/student-life/greek-life/index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Office of Greek Life
	
			</a>

                                                  <a href="https://semoredhawks.com/" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Redhawk Athletics
	
			</a>

                                              </div>
                    </div>
                                      <div>
                      <div
                        class="text-h6 border-semo-red mb-4 border-b-2 pb-2 font-sans text-black"
                      >
                        MEDIA INQUIRIES
                      </div>
                      <div
                        class="mt-6 grid grid-cols-1 gap-x-8 gap-y-2 md:grid-cols-2"
                      >
                                                  <a href="index" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO News
	
			</a>

                                                  <a href="https://semoredhawks.com/" class="text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Redhawk Sports Information
	
			</a>

                                              </div>
                    </div>
                                  </div>
                          </div>
                  </div>
      </div>
    </div>
        <div class="h-dvh overflow-y-auto lg:hidden">
      <div
        class="z-10 flex items-center justify-between bg-black p-4 text-white"
      >
        <div class="">
                      <img
              src="../_files/images/newbrand/semo-logo-white.svg"
              alt="Logo of Southeast Missouri State University"
              class="h-12 w-auto"
            />
                  </div>

        <button
          type="button"
          @click="closeNavigation()"
          class="bg-semo-red flex h-10 w-10 items-center justify-center rounded-full text-white transition-opacity hover:opacity-80"
        >
          <span class="sr-only">CLOSE</span>
          <svg
            class="h-6 w-6"
            fill="none"
            stroke="currentColor"
            viewbox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M6 18L18 6M6 6l12 12"
            ></path>
          </svg>
        </button>
      </div>

      <div class="flex-1 overflow-y-auto px-4 py-8">
        <div class="text-h4 text-theme-on-primary mb-4 font-sans uppercase"
          x-text="({ 'current-students': 'Current Students','parents-families': 'Parents & Families','accepted-students': 'Accepted Students','Counselors': 'Counselors','Alumni': 'Alumni','faculty-staff': 'Faculty & Staff','Donors': 'Donors','community-partners': 'Community Partners' })[activeSection] || 'Current Students'">
        </div>

                <div x-bind="mobileDropdown" class="relative mb-6">
          <button
            type="button"
            x-bind="mobileDropdownButton"
            class="font-sans-alt flex w-full items-center justify-between rounded border border-gray-300 bg-white p-4 text-left text-black"
          >
            <span
              x-text="({ 'current-students': 'Current Students','parents-families': 'Parents & Families','accepted-students': 'Accepted Students','Counselors': 'Counselors','Alumni': 'Alumni','faculty-staff': 'Faculty & Staff','Donors': 'Donors','community-partners': 'Community Partners' })[activeSection] || 'Current Students'"
              class="font-sans-alt"
            >

            </span>
            <svg
              class="h-5 w-5 transition-transform"
              :class="$disclosure.isOpen ? 'rotate-180' : ''"
              fill="none"
              stroke="currentColor"
              viewbox="0 0 24 24"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                d="M19 9l-7 7-7-7"
              ></path>
            </svg>
          </button>

          <div x-bind="mobileDropdownPanel">
            <div
              class="absolute left-0 z-50 max-h-60 w-full overflow-y-auto rounded-b border border-t-0 border-gray-300 bg-white shadow-lg"
            >
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('current-students')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Current Students
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('parents-families')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Parents & Families
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('accepted-students')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Accepted Students
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('Counselors')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Counselors
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('Alumni')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Alumni
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('faculty-staff')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Faculty & Staff
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('Donors')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Donors
                </button>
                              <button
                  type="button"
                  x-bind="mobileDropdownOption('community-partners')"
                  class="font-sans-alt w-full border-b border-gray-100 p-4 text-left text-black normal-case last:border-b-0 hover:bg-gray-50"
                >
                  Community Partners
                </button>
                          </div>
          </div>
        </div>

                          <div
            x-show="activeSection === 'current-students'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="https://semo.instructure.com/" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CANVAS
			</span>
</a>

                                  <a href="https://my.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		MYSEMO
			</span>
</a>

                                  <a href="http://mail.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EMAIL
			</span>
</a>

                                  <a href="../student-support/academic-support/supportnet/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SUPPORTNET
			</span>
</a>

                                  <a href="../events/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CALENDAR
			</span>
</a>

                                  <a href="https://semo.edu/map" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMPUS MAP
			</span>
</a>

                                  <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                  <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                  <a href="../information-technology/people-search" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE SEARCH
			</span>
</a>

                                  <a href="../closings/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CLOSINGS
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      Academics
                    </div>
                    <div class="space-y-2">
                                              <a href="../academics/programs/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Program Finder
	
			</a>

                                              <a href="../student-support/academic-support/registrar/academic-calendar" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Calendar
	
			</a>

                                              <a href="../student-support/academic-support/advising/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Advising
	
			</a>

                                              <a href="../academics/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                              <a href="../student-support/academic-support/registrar/catalog/courses/index.php" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Course Catalog
	
			</a>

                                              <a href="../student-support/academic-support/registrar/enrollment" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Register for Classes
	
			</a>

                                              <a href="../student-support/academic-support/registrar/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Registrar
	
			</a>

                                              <a href="https://it.semo.edu" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Help Desk
	
			</a>

                                              <a href="https://library.semo.edu/" target="_blank" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Registrar
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      PAYING FOR COLLEGE
                    </div>
                    <div class="space-y-2">
                                              <a href="../student-support/financial-services/payments-refunds/payment-options" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Pay My Bill
	
			</a>

                                              <a href="../student-support/financial-services/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Services
	
			</a>

                                              <a href="../admissions/paying-for-college/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Employment
	
			</a>

                                              <a href="../student-support/financial-services/calendar" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Calendar
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'parents-families'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="../orientation/family" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FAMILY/PARENTS
			</span>
</a>

                                  <a href="../campus-life/family-weekend" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FAMILY WEEKEND
			</span>
</a>

                                  <a href="../about/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ABOUT SEMO
			</span>
</a>

                                  <a href="https://semo.edu/map" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMPUS MAP
			</span>
</a>

                                  <a href="../student-support/academic-support/registrar/academic-calendar" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ACADEMIC CALENDAR
			</span>
</a>

                                  <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                  <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      YOUR STUDENT
                    </div>
                    <div class="space-y-2">
                                              <a href="../admissions/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Admissions
	
			</a>

                                              <a href="../orientation/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	New Student Programs
	
			</a>

                                              <a href="../hello-semo/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Hello SEMO
	
			</a>

                                              <a href="../student-support/financial-services/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Services
	
			</a>

                                              <a href="../life-at-semo/living-on-campus/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Living On Campus
	
			</a>

                                              <a href="../student-support/academic-support/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Support
	
			</a>

                                              <a href="../student-support/health-wellness/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Health and Wellness
	
			</a>

                                              <a href="../student-support/dean/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Dean of Students
	
			</a>

                                              <a href="../student-support/health-wellness/university-police/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	University Police Department
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'accepted-students'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="../admissions/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ADMISSIONS
			</span>
</a>

                                  <a href="../campus-life/camp-redhawk" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMP REDHAWK
			</span>
</a>

                                  <a href="../hello-semo/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FEARLESS IN 4
			</span>
</a>

                                  <a href="../orientation/first-step/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FIRST STEP ORIENTATION
			</span>
</a>

                                  <a href="../hello-semo/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		HELLO SEMO
			</span>
</a>

                                  <a href="../orientation/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		NEW STUDENT PROGRAMS
			</span>
</a>

                                  <a href="../student-support/academic-support/textbook-rental/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		TEXTBOOK RENTAL
			</span>
</a>

                                  <a href="../events/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CALENDAR
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      ACADEMIC ADVISING
                    </div>
                    <div class="space-y-2">
                                              <a href="../student-support/academic-support/registrar/academic-calendar" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Calendar
	
			</a>

                                              <a href="../academics/programs/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Program Finder
	
			</a>

                                              <a href="../student-support/academic-support/advising/advising" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Schedule an Appointment
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      CAREER SERVICES
                    </div>
                    <div class="space-y-2">
                                              <a href="../student-support/career-support/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Schedule an Appointment
	
			</a>

                                              <a href="../student-support/career-support/career-services/handshake" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Handshake Jobs
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      PAYING FOR COLLEGE
                    </div>
                    <div class="space-y-2">
                                              <a href="../student-support/financial-services/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Aid
	
			</a>

                                              <a href="../student-support/financial-services/financial-aid/se-scholarships" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Scholarships
	
			</a>

                                              <a href="../student-support/financial-services/payments-refunds/payment-options" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Payments
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      STUDENT LIFE
                    </div>
                    <div class="space-y-2">
                                              <a href="../life-at-semo/living-on-campus/housing-application" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Apply for Housing
	
			</a>

                                              <a href="../life-at-semo/living-on-campus/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Living On Campus
	
			</a>

                                              <a href="../life-at-semo/dining/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Dining
	
			</a>

                                              <a href="../life-at-semo/student-life/student-orgs/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Organizations
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'Counselors'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="../admissions/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE OF ADMISSIONS
			</span>
</a>

                                  <a href="../admissions/team-directory" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		FIND MY ADMISSIONS COUNSELOR
			</span>
</a>

                                  <a href="../admissions/high-school-counselors" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		COUNSELOR RESOURCES
			</span>
</a>

                                  <a href="../academics/early-college/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EARLY COLLEGE PROGRAMS
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      APPLYING TO SEMO
                    </div>
                    <div class="space-y-2">
                                              <a href="../admissions/requirements/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Admissions Requirements
	
			</a>

                                              <a href="../admissions/how-to-apply/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	How to Apply
	
			</a>

                                              <a href="../admissions/how-to-apply/index#deadlines" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Deadlines
	
			</a>

                                              <a href="../admissions/how-to-apply/test-optional" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Test Optional
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      FINANCIAL AID
                    </div>
                    <div class="space-y-2">
                                              <a href="../student-support/financial-services/financial-aid/fafsa" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	FAFSA
	
			</a>

                                              <a href="../student-support/financial-services/financial-aid/se-scholarships" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Scholarships
	
			</a>

                                              <a href="../student-support/financial-services/cost/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Cost and Affordability
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      LAUNCHING CAREERS
                    </div>
                    <div class="space-y-2">
                                              <a href="../academics/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                              <a href="../student-support/career-support/launch-career/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Outcomes
	
			</a>

                                              <a href="../student-support/career-support/career-services/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Career Services
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'Alumni'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="../alumni/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Alumni ASSOCIATION
			</span>
</a>

                                  <a href="https://www.cognitoforms.com/SoutheastMissouriStateUniversity1/alumniinformationupdatesubmitaclassnote2" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UPDATE YOUR INFORMATION
			</span>
</a>

                                  <a href="https://www.cognitoforms.com/SoutheastMissouriStateUniversity1/alumnispotlight" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SHARE YOUR STORY
			</span>
</a>

                                  <a href="../student-support/career-support/career-services/handshake" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EMPLOYMENT
			</span>
</a>

                                  <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                  <a href="https://news.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SEMO NEWS
			</span>
</a>

                                  <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      GET CONNECTED
                    </div>
                    <div class="space-y-2">
                                              <a href="../alumni/stay-involved/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Events
	
			</a>

                                              <a href="../events/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Campus Events
	
			</a>

                                              <a href="../alumni/stay-connected/semo-pride" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Show SEMO Spirit
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      GIVE BACK
                    </div>
                    <div class="space-y-2">
                                              <a href="../giving/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Giving to Southeast
	
			</a>

                                              <a href="../about/foundation/get-involved/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Get Involved
	
			</a>

                                              <a href="../about/foundation/ways-to-give/annual-giving" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Annual Fund
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'faculty-staff'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="https://www.cognitoforms.com/SoutheastMissouriStateUniversity1/FacultyAndStaffSpotlight" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PROFILE SPOTLIGHT FORM
			</span>
</a>

                                  <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICES AND SERVICES
			</span>
</a>

                                  <a href="https://semoredhawks.com/" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ATHLETICS
			</span>
</a>

                                  <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                  <a href="../information-technology/people-search" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE SEARCH
			</span>
</a>

                                  <a href="https://my.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		MYSEMO
			</span>
</a>

                                  <a href="http://mail.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		EMAIL
			</span>
</a>

                                  <a href="../student-support/academic-support/registrar/academic-calendar" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ACADEMIC CALENDAR
			</span>
</a>

                                  <a href="../events/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CALENDAR
			</span>
</a>

                                  <a href="https://semo.edu/map" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAMPUS MAP
			</span>
</a>

                                  <a href="../student-support/academic-support/supportnet/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SUPPORTNET
			</span>
</a>

                                  <a href="https://library.semo.edu" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		KENT LIBRARY
			</span>
</a>

                                  <a href="../hr/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		HUMAN RESOURCES
			</span>
</a>

                                  <a href="../training/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		TRAINING AND DEVELOPMENT
			</span>
</a>

                                  <a href="../closings/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY CLOSINGS
			</span>
</a>

                                  <a href="../student-support/health-wellness/university-police/se-alerts/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SE ALERTS
			</span>
</a>

                                  <a href="https://it.semo.edu/TDClient/93/IT/Requests/ServiceDet?ID=9770" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		WEB CHANGE REQUEST
			</span>
</a>

                                  <a href="index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		SEMO NEWS
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      FACULTY RESOURCES
                    </div>
                    <div class="space-y-2">
                                              <a href="../faculty-senate/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Faculty Senate
	
			</a>

                                              <a href="https://semo.instructure.com/" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Canvas
	
			</a>

                                              <a href="../teaching-learning/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Center for Teaching and Learning
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      STAFF RESOURCES
                    </div>
                    <div class="space-y-2">
                                              <a href="../professional-staff-council/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Professional Staff Council
	
			</a>

                                              <a href="../cts-council/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	CTS Staff Council
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      FACILITIES
                    </div>
                    <div class="space-y-2">
                                              <a href="http://webtma2.semo.edu:11010/" target="_blank" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Work Order/Order Supplies Request
	
			</a>

                                              <a href="../facilities-management/central-receiving/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Central Receiving
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'Donors'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="../giving/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Giving to Southeast
			</span>
</a>

                                  <a href="../about/foundation/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY FOUNDATION
			</span>
</a>

                                  <a href="../offices-and-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		OFFICE DIRECTORY
			</span>
</a>

                                  <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      MAKING AN IMPACT
                    </div>
                    <div class="space-y-2">
                                              <a href="../stories/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Stories
	
			</a>

                                              <a href="../about/foundation/ways-to-give/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Ways to Give
	
			</a>

                                              <a href="../about/foundation/get-involved/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Get Involved
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      CONNECTING WITH SEMO
                    </div>
                    <div class="space-y-2">
                                              <a href="../alumni/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Association
	
			</a>

                                              <a href="../alumni/stay-involved/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Events
	
			</a>

                                              <a href="../academics/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                              <a href="https://semoredhawks.com/" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Redhawk Athletics
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
                  <div
            x-show="activeSection === 'community-partners'"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="space-y-6"
          >
                                      <div class="space-y-3">
                                  <a href="../economic-workforce/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ECONOMIC AND WORKFORCE DEVELOPMENT
			</span>
</a>

                                  <a href="../economic-workforce/continuing-education/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		WORKFORCE DEVELOPMENT
			</span>
</a>

                                  <a href="../about/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		ABOUT SEMO
			</span>
</a>

                                  <a href="../student-support/career-support/career-services/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		CAREER SERVICES
			</span>
</a>

                                  <a href="../about/foundation/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY FOUNDATION
			</span>
</a>

                                  <a href="../marketing-communications/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		UNIVERSITY COMMUNICATIONS
			</span>
</a>

                                  <a href="../people-directory/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE DIRECTORY
			</span>
</a>

                                  <a href="../information-technology/people-search" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed w-full bg-semo-red text-white text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		PEOPLE SEARCH
			</span>
</a>

                              </div>
            
                                      <div class="space-y-6">
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      WORKFORCE DEVELOPMENT
                    </div>
                    <div class="space-y-2">
                                              <a href="../economic-workforce/business-development/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Small Business and Technology Development Center
	
			</a>

                                              <a href="../academics/online/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Online
	
			</a>

                                              <a href="../professional-development/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Regional Professional Development Center
	
			</a>

                                              <a href="../alumni/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Alumni Association
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      COMMUNITY SERVICE
                    </div>
                    <div class="space-y-2">
                                              <a href="../life-at-semo/student-life/community-service/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Serves
	
			</a>

                                              <a href="../campus-life/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Office of Campus Life
	
			</a>

                                              <a href="../life-at-semo/student-life/greek-life/index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Office of Greek Life
	
			</a>

                                              <a href="https://semoredhawks.com/" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Redhawk Athletics
	
			</a>

                                          </div>
                  </div>
                                  <div class="mt-10">
                    <div
                      class="text-h4 border-semo-red mb-6 border-b-4 pb-2 font-sans text-black"
                    >
                      MEDIA INQUIRIES
                    </div>
                    <div class="space-y-2">
                                              <a href="index" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO News
	
			</a>

                                              <a href="https://semoredhawks.com/" class="block text-semo-red hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Redhawk Sports Information
	
			</a>

                                          </div>
                  </div>
                              </div>
                      </div>
              </div>
    </div>
  </div>

	</div>
	</template>

		<div x-show="menuOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-y-0 right-0 z-[80] w-full bg-white shadow-xl" style="display: none;" x-data="navigationMenu" x-trap="menuOpen">
		  <div
    x-data="navigationMenu"
    x-init="init()"
    @search-focus.window="focusSearch()"
    class="theme-white bg-black"
  >
    <div class="container">
            <div class="hidden h-dvh grid-cols-2 overflow-y-auto lg:grid">
                <div
          class="bg-semo-charcoal absolute top-0 right-0 h-dvh w-[50vw]"
        ></div>
        <div class="bg-black py-5 pr-12 pl-20 text-white">
          <div class="mb-8">
                          <img
                src="../_files/images/newbrand/semo-logo-white.svg"
                alt="Logo of Southeast Missouri State University"
                class="h-12 w-auto"
              />
                      </div>

          <div
            class="text-theme-primary font-sans text-sm tracking-wide uppercase"
          >
            INFO FOR:
          </div>

          <nav class="space-y-1">
                          <ul>
                                  <li>
                    <a
                      href="../academics"
                      class="group text-h3 relative block w-fit text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                    >
                      <span class="relative z-10">Academics</span>
                      <img
                        class="text-semo-vibrant-red duratino-200 absolute top-full z-0 -mt-5 h-auto w-full min-w-62.5 opacity-0 transition-opacity group-hover:opacity-100"
                        src="../_files/images/newbrand/graphic-line.webp"
                        alt=""
                        role="presentation"
                      />
                    </a>
                  </li>
                                  <li>
                    <a
                      href="../admissions"
                      class="group text-h3 relative block w-fit text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                    >
                      <span class="relative z-10">Admissions</span>
                      <img
                        class="text-semo-vibrant-red duratino-200 absolute top-full z-0 -mt-5 h-auto w-full min-w-62.5 opacity-0 transition-opacity group-hover:opacity-100"
                        src="../_files/images/newbrand/graphic-line.webp"
                        alt=""
                        role="presentation"
                      />
                    </a>
                  </li>
                                  <li>
                    <a
                      href="../life-at-semo/index"
                      class="group text-h3 relative block w-fit text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                    >
                      <span class="relative z-10">Life at SEMO</span>
                      <img
                        class="text-semo-vibrant-red duratino-200 absolute top-full z-0 -mt-5 h-auto w-full min-w-62.5 opacity-0 transition-opacity group-hover:opacity-100"
                        src="../_files/images/newbrand/graphic-line.webp"
                        alt=""
                        role="presentation"
                      />
                    </a>
                  </li>
                                  <li>
                    <a
                      href="../student-support/index"
                      class="group text-h3 relative block w-fit text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                    >
                      <span class="relative z-10">Student Services</span>
                      <img
                        class="text-semo-vibrant-red duratino-200 absolute top-full z-0 -mt-5 h-auto w-full min-w-62.5 opacity-0 transition-opacity group-hover:opacity-100"
                        src="../_files/images/newbrand/graphic-line.webp"
                        alt=""
                        role="presentation"
                      />
                    </a>
                  </li>
                                  <li>
                    <a
                      href="../about"
                      class="group text-h3 relative block w-fit text-left font-sans leading-tight text-white uppercase transition-colors duration-200 hover:text-white"
                    >
                      <span class="relative z-10">About</span>
                      <img
                        class="text-semo-vibrant-red duratino-200 absolute top-full z-0 -mt-5 h-auto w-full min-w-62.5 opacity-0 transition-opacity group-hover:opacity-100"
                        src="../_files/images/newbrand/graphic-line.webp"
                        alt=""
                        role="presentation"
                      />
                    </a>
                  </li>
                              </ul>
                      </nav>
        </div>

                <div
          class="bg-semo-charcoal after:bg-semo-charcoal relative py-5 pr-20 pl-12"
        >
                    <div class="flex items-start justify-end gap-4">
                        <div class="flex flex-wrap justify-end gap-2">
                              <a href="https://app.semoadmissions.org/
" target="_blank" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed font-sans-alt text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		APPLY
			</span>
</a>

                              <a href="https://visit.semoadmissions.org/
" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed font-sans-alt text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		VISIT
			</span>
</a>

                              <a href="https://rfi.semoadmissions.org/
" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed font-sans-alt text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		REQUEST INFO
			</span>
</a>

                              <a href="../giving/index" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed font-sans-alt text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		GIVE
			</span>
</a>

                          </div>

                        <div
              class="flex cursor-pointer flex-col items-center"
              @click="closeMenu()"
            >
              <button
                type="button"
                class="bg-semo-red flex h-13 w-13 items-center justify-center rounded-full text-white transition-opacity hover:opacity-80"
              >
                <span class="sr-only">CLOSE</span>
                <svg
                  class="h-6 w-6"
                  fill="none"
                  stroke="currentColor"
                  viewbox="0 0 24 24"
                >
                  <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M6 18L18 6M6 6l12 12"
                  ></path>
                </svg>
              </button>
              <span class="font-sans-alt mt-1 text-sm font-bold">CLOSE</span>
            </div>
          </div>

                    <div class="overflow-y-auto">
                                  <form class="my-8 js-site-search site_search_form" action="../search/index" method="get" itemprop="potentialAction" itemscope="itemscope" itemtype="http://schema.org/SearchAction">
              <meta itemprop="target" content="../search/index?q={q}" />
              <div class="flex flex-col gap-2">
                <label
                  class="text-h6 font-sans uppercase"
                  for="search-desktop-nav"
                >
                  Search the Site
                </label>
                <div class="relative">
                    <input
                    class="js-site-search-input text-l2 font-sans-alt placeholder:font-sans-alt placeholder:text-semo-gray focus:outline-semo-deep-copper w-full rounded-full border bg-white px-3 py-2.5 pr-8 text-black"
                    itemprop="query-input"
                    id="search-desktop-nav"
                    name="q"
                    type="search"
                    placeholder="Example: Courses"
                    required="required"
                  />

                  <div class="absolute inset-y-0 right-0.25 flex items-center">
                    <button type="submit" class=" !px-6 !py-2 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed !py-1 !px-3 !min-w-0 text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
    <span class="relative z-20 flex items-center justify-center uppercase"> 		Search
            </span>
</button>

                  </div>
                </div>
              </div>
            </form>

                                                      <div class="mb-12">
                  <div class="flex items-center gap-4 pb-6">
                    <div class="text-h6 text-theme-primary shrink-0 font-sans">
                      Current Students
                    </div>
                    <span class="bg-theme-primary h-1 w-full"></span>
                  </div>
                  <div class="grid grid-cols-1 gap-x-8 md:grid-cols-2">
                                          <a href="../academics/programs/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Program Finder
	
			</a>

                                          <a href="../student-support/academic-support/registrar/academic-calendar" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Calendar
	
			</a>

                                          <a href="../student-support/academic-support/advising/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Advising
	
			</a>

                                          <a href="../academics/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academics
	
			</a>

                                          <a href="../student-support/academic-support/registrar/catalog/courses/index.php" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Course Catalog
	
			</a>

                                          <a href="../student-support/academic-support/registrar/enrollment" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Register for Classes
	
			</a>

                                          <a href="../student-support/academic-support/registrar/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Registrar
	
			</a>

                                          <a href="https://it.semo.edu" target="_blank" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Help Desk
	
			</a>

                                      </div>
                </div>
                                                                <div class="">
                <div class="flex items-center gap-4 pb-6">
                  <div class="text-h6 text-theme-primary shrink-0 font-sans">
                    Quick Links
                  </div>
                  <span class="bg-theme-primary h-1 w-full"></span>
                </div>
                <div class="grid grid-cols-1 gap-x-8 md:grid-cols-2">
                                      <a href="../about/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	About
	
			</a>

                                      <a href="../academics/online/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Online
	
			</a>

                                      <a href="https://semoredhawks.com/" target="_blank" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Athletics
	
			</a>

                                      <a href="../colleges-departments/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Colleges & Departments
	
			</a>

                                      <a href="../economic-workforce/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Economic & Workforce Development
	
			</a>

                                      <a href="../people-directory/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	People Directory
	
			</a>

                                      <a href="../offices-and-services/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Offices & Services
	
			</a>

                                      <a href="../about/foundation/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	University Foundation
	
			</a>

                                      <a href="../espanol/index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	En Espanol
	
			</a>

                                      <a href="../institutional-research/data-reports" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Institutional Data
	
			</a>

                                      <a href="index" class="block text-theme-primary hover:underline py-2 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	News
	
			</a>

                                  </div>
              </div>
                      </div>
        </div>
      </div>
    </div>
        <div class="h-dvh overflow-y-auto lg:hidden">
      <div
        class="flex items-center justify-between gap-4 bg-black p-4 text-white"
      >
        <div>
                      <img
              src="../_files/images/newbrand/semo-logo-white.svg"
              alt="Logo of Southeast Missouri State University"
              class="w-full max-w-[350px]"
            />
                  </div>

        <button
          type="button"
          @click="closeMenu()"
          class="bg-semo-red flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-white transition-opacity hover:opacity-80"
        >
          <svg
            class="h-5 w-5"
            fill="none"
            stroke="currentColor"
            viewbox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M6 18L18 6M6 6l12 12"
            ></path>
          </svg>
        </button>
      </div>

      <div
        x-data="accordion"
        class="bg-semo-charcoal flex-1 overflow-y-auto pt-4 text-white"
      >
                                      <div x-bind="accordionItem" class="">
              <button
                type="button"
                x-bind="accordionHeadline"
                class="relative flex w-full items-center justify-between px-4 py-2.5 text-left"
              >
                <span class="relative">
                  <span
                    class="text-h2 relative z-10 font-sans text-white uppercase"
                  >
                    Academics
                  </span>
                  <img
                    x-show="$disclosure.isOpen"
                    class="text-semo-vibrant-red absolute top-full z-0 -mt-2 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </span>
                <span
                  class="bg-semo-red relative h-8 w-8 shrink-0 rounded-full"
                >
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current"
                  ></div>
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current transition-transform duration-300"
                    :class="$disclosure.isOpen ? 'rotate-0' : 'rotate-90'"
                  ></div>
                </span>
              </button>
              <div x-bind="accordionContent">
                <div class="px-4 pb-4">
                                                            <a href="../academics/programs/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Majors & Programs
	
			</a>

                                          <a href="../academics/grad/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Graduate Studies
	
			</a>

                                          <a href="../academics/online/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Online Learning
	
			</a>

                                          <a href="../academics/honors-program/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Honors College
	
			</a>

                                          <a href="../colleges-departments/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Colleges & Schools
	
			</a>

                                          <a href="../academics/research/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Research
	
			</a>

                                                      </div>
              </div>
            </div>
                      <div x-bind="accordionItem" class="">
              <button
                type="button"
                x-bind="accordionHeadline"
                class="relative flex w-full items-center justify-between px-4 py-2.5 text-left"
              >
                <span class="relative">
                  <span
                    class="text-h2 relative z-10 font-sans text-white uppercase"
                  >
                    Admissions
                  </span>
                  <img
                    x-show="$disclosure.isOpen"
                    class="text-semo-vibrant-red absolute top-full z-0 -mt-2 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </span>
                <span
                  class="bg-semo-red relative h-8 w-8 shrink-0 rounded-full"
                >
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current"
                  ></div>
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current transition-transform duration-300"
                    :class="$disclosure.isOpen ? 'rotate-0' : 'rotate-90'"
                  ></div>
                </span>
              </button>
              <div x-bind="accordionContent">
                <div class="px-4 pb-4">
                                                            <a href="https://app.semoadmissions.org/
" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Apply Now
	
			</a>

                                          <a href="https://visit.semoadmissions.org/
" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Visit Campus
	
			</a>

                                          <a href="../admissions/requirements/freshman" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Freshman Requirements
	
			</a>

                                          <a href="../admissions/requirements/transfer" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Transfer Students
	
			</a>

                                          <a href="../admissions/requirements/graduate" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Graduate Admissions
	
			</a>

                                          <a href="../international/admissions/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	International Students
	
			</a>

                                                      </div>
              </div>
            </div>
                      <div x-bind="accordionItem" class="">
              <button
                type="button"
                x-bind="accordionHeadline"
                class="relative flex w-full items-center justify-between px-4 py-2.5 text-left"
              >
                <span class="relative">
                  <span
                    class="text-h2 relative z-10 font-sans text-white uppercase"
                  >
                    Life at SEMO
                  </span>
                  <img
                    x-show="$disclosure.isOpen"
                    class="text-semo-vibrant-red absolute top-full z-0 -mt-2 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </span>
                <span
                  class="bg-semo-red relative h-8 w-8 shrink-0 rounded-full"
                >
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current"
                  ></div>
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current transition-transform duration-300"
                    :class="$disclosure.isOpen ? 'rotate-0' : 'rotate-90'"
                  ></div>
                </span>
              </button>
              <div x-bind="accordionContent">
                <div class="px-4 pb-4">
                                                            <a href="../life-at-semo/living-on-campus/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Housing & Dining
	
			</a>

                                          <a href="../life-at-semo/student-life/student-orgs/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Student Organizations
	
			</a>

                                          <a href="../student-support/health-wellness/rec-services/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Recreation & Fitness
	
			</a>

                                          <a href="../life-at-semo/student-life/greek-life/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Greek Life
	
			</a>

                                          <a href="../events/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Campus Events
	
			</a>

                                          <a href="../student-support/health-wellness/university-police/police/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Campus Safety
	
			</a>

                                                      </div>
              </div>
            </div>
                      <div x-bind="accordionItem" class="">
              <button
                type="button"
                x-bind="accordionHeadline"
                class="relative flex w-full items-center justify-between px-4 py-2.5 text-left"
              >
                <span class="relative">
                  <span
                    class="text-h2 relative z-10 font-sans text-white uppercase"
                  >
                    Student Services
                  </span>
                  <img
                    x-show="$disclosure.isOpen"
                    class="text-semo-vibrant-red absolute top-full z-0 -mt-2 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </span>
                <span
                  class="bg-semo-red relative h-8 w-8 shrink-0 rounded-full"
                >
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current"
                  ></div>
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current transition-transform duration-300"
                    :class="$disclosure.isOpen ? 'rotate-0' : 'rotate-90'"
                  ></div>
                </span>
              </button>
              <div x-bind="accordionContent">
                <div class="px-4 pb-4">
                                                            <a href="../student-support/academic-support/advising/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Academic Advising
	
			</a>

                                          <a href="../student-support/career-support/career-services/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Career Services
	
			</a>

                                          <a href="../student-support/financial-services/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Financial Aid
	
			</a>

                                          <a href="../student-support/health-wellness/health-clinic/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Health Services
	
			</a>

                                          <a href="../student-support/health-wellness/accessibility-services/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Disability Services
	
			</a>

                                          <a href="../student-support/academic-support/learning-assistance/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Tutoring
	
			</a>

                                                      </div>
              </div>
            </div>
                      <div x-bind="accordionItem" class="">
              <button
                type="button"
                x-bind="accordionHeadline"
                class="relative flex w-full items-center justify-between px-4 py-2.5 text-left"
              >
                <span class="relative">
                  <span
                    class="text-h2 relative z-10 font-sans text-white uppercase"
                  >
                    About
                  </span>
                  <img
                    x-show="$disclosure.isOpen"
                    class="text-semo-vibrant-red absolute top-full z-0 -mt-2 h-auto w-full min-w-62.5"
                    src="../_files/images/newbrand/graphic-line.webp"
                    alt=""
                    role="presentation"
                  />
                </span>
                <span
                  class="bg-semo-red relative h-8 w-8 shrink-0 rounded-full"
                >
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current"
                  ></div>
                  <div
                    class="absolute top-1/2 left-1/2 h-0.75 w-6 -translate-x-1/2 -translate-y-1/2 transform bg-current transition-transform duration-300"
                    :class="$disclosure.isOpen ? 'rotate-0' : 'rotate-90'"
                  ></div>
                </span>
              </button>
              <div x-bind="accordionContent">
                <div class="px-4 pb-4">
                                                            <a href="../about/history" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Our Story
	
			</a>

                                          <a href="../about/mission-vision" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Mission & Vision
	
			</a>

                                          <a href="../about/board/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Board of Governors
	
			</a>

                                          <a href="../about/campuses/index" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Campus Locations
	
			</a>

                                          <a href="../institutional-research/data-reports" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Facts & Figures
	
			</a>

                                          <a href="../auxiliary/contact" class="block text-theme-primary hover:underline py-1 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Contact Us
	
			</a>

                                                      </div>
              </div>
            </div>
                  
                <div class="mt-auto space-y-3 p-4">
                                    <a href="https://app.semoadmissions.org/" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		apply
			</span>
</a>

                          <a href="https://visit.semoadmissions.org/" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Visit
			</span>
</a>

                          <a href="https://rfi.semoadmissions.org/" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Request Info
			</span>
</a>

                          <a href="https://semo.edu/giving" class=" !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed  text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
	<span class="relative z-20 flex items-center justify-center uppercase"> 		Give
			</span>
</a>

                      
             <div class="pt-4">
            <form class="js-site-search site_search_form" action="../search/index" method="get" itemprop="potentialAction" itemscope="itemscope" itemtype="http://schema.org/SearchAction">
              <meta itemprop="target" content="../search/index?q={q}" />
              <div class="flex flex-col gap-2">
                <label
                  class="text-h6 font-sans uppercase"
                  for="search-mobile-nav"
                >
                  Search the Site
                </label>
                <div class="relative">
                            <input class="js-site-search-input text-l2 font-sans-alt placeholder:font-sans-alt placeholder:text-semo-gray focus:outline-semo-deep-copper w-full rounded-full border bg-white px-3 py-2.5 pr-8 text-black" itemprop="query-input" name="q" id="search-mobile-nav" type="search" placeholder="Example: Courses" required="required" />
                  <div class="absolute inset-y-0 right-0 flex items-center">
                    <button type="submit" class=" !px-6 !py-2 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300  disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed !py-1 !px-3 !min-w-0 text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
    <span class="relative z-20 flex items-center justify-center uppercase"> 		Search
            </span>
</button>

                  </div>
                </div>
              </div>
            </form>
          </div>

                                <div class="pt-4">
              <div class="flex items-center gap-4 pb-3">
                <div class="text-h6 text-theme-primary shrink-0 font-sans">
                  Quick Links
                </div>
                <span class="bg-theme-primary h-1 w-full"></span>
              </div>
              <ul>
                                  <li>
                    <a href="../about/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	About
	
			</a>

                  </li>
                                  <li>
                    <a href="../academics/online/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	SEMO Online
	
			</a>

                  </li>
                                  <li>
                    <a href="https://semoredhawks.com/" target="_blank" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Athletics
	
			</a>

                  </li>
                                  <li>
                    <a href="../colleges-departments/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Colleges & Departments
	
			</a>

                  </li>
                                  <li>
                    <a href="../economic-workforce/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Economic & Workforce Development
	
			</a>

                  </li>
                                  <li>
                    <a href="../people-directory/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	People Directory
	
			</a>

                  </li>
                                  <li>
                    <a href="../offices-and-services/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Offices & Services
	
			</a>

                  </li>
                                  <li>
                    <a href="../about/foundation/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	University Foundation
	
			</a>

                  </li>
                                  <li>
                    <a href="../espanol/index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	En Espanol
	
			</a>

                  </li>
                                  <li>
                    <a href="../institutional-research/data-reports" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	Institutional Data
	
			</a>

                  </li>
                                  <li>
                    <a href="index" class="block text-theme-primary hover:underline py-1.5 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300"> 	News
	
			</a>

                  </li>
                              </ul>
            </div>
                  </div>
      </div>
    </div>
  </div>

	</div>
</header>


	


             

<div class="@container">
    <main class="@container scroll-pt-[var(--header-distance-from-top)]" id="main">
                 
                
                
                    









<style>
/* fallback force two columns at md and above */
@media (min-width: 768px) {
  .secondary-news .news_secondary_items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.5rem !important; /* adjust if you want md:gap-8 etc */
  }
  .secondary-news .news_secondary_items &gt; li {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }
}
</style>





    <section class="news-header theme-white bg-theme-primary text-theme-on-primary appear @container/section">
    <div class="md:@fullscreen:!py-20 py-8 md:py-[3.75rem] @fullscreen:container @fullscreen:px-margin @container relative px-8">
        <h1 class="text-h1 font-sans mb-6 lg:mb-8 uppercase" id="skip_content" tabindex="-1">
            SEMO News
        </h1>
        
                <div class="hidden lg:flex flex-col md:flex-row justify-between items-start md:items-center gap-8 mb-8">
            <div class="flex flex-col md:grid md:grid-cols-4 gap-8 items-start">
                
                                <div>
                    <div class="flex gap-2 items-center lg:mb-4">
                        <p class="text-h5 text-theme-on-primary whitespace-nowrap">BROWSE STORIES BY:</p>
                        <div class="bg-semo-lightgray my-3 h-0.5 w-full"></div>
                    </div>
                    <div class="flex flex-col md:flex-row gap-y-0 gap-x-4">
                        <a class="block text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="list/index?category=campus" target="_top">Campus</a>
                        <a class="block text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="list/index?category=academics" target="_top">Academics</a>
                        <a class="block text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="list/index?category=alumni" target="_top">Alumni</a>
                    </div>
                </div>

                                <div>
                    <div class="flex gap-2 items-center lg:mb-4">
                        <p class="text-h5 text-theme-on-primary whitespace-nowrap">I AM LOOKING FOR:</p>
                        <div class="bg-semo-lightgray my-3 h-0.5 w-full"></div>
                    </div>
                    <div class="flex flex-col md:flex-row md:flex-wrap gap-y-0 gap-x-4">
                        <a class="block text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="../marketing-communications/media-resources">Media Resources</a>
                        <a class="block text-semo-red hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="../marketing-communications/index">Marketing &amp; Communications</a>
                    </div>
                </div>

                                <div class="flex flex-col gap-2 lg:col-4">
                    <div class="relative">
                        <input class="text-l2 bg-white placeholder:font-sans-alt rounded-full border border-semo-gray w-full px-3 py-2.5 pr-8" id="news_feature_search_input_large" name="search" placeholder="Search All Stories" type="text"/>
                        <div class="absolute inset-y-0 right-0 flex items-center">
                            <button class="!px-6 !py-2 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed !py-1 !px-3 !min-w-0 text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary" onclick="window.location.href = 'list/index?query=' + encodeURIComponent( document.getElementById( 'news_feature_search_input_large' ).value ).replace(/%20/g, '+'); return false;" type="submit">
                                <span class="relative z-20 flex items-center justify-center uppercase">SUBMIT</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

                
        <div class="lg:hidden mb-8" x-data="sectionNavigation">
            <div x-bind="mobileDropdown" class="overflow-hidden rounded-sm border border-semo-lightgray">
                <button type="button" x-bind="mobileDropdownButton" class="text-h5 bg-theme-surface text-theme-on-surface flex w-full group items-center justify-between gap-4 p-4 text-left transition-colors duration-300">
                    Explore This Section
                    <div :class="$disclosure.isOpen ? 'rotate-180 ' : ''" class="transition-transform duration-300">
                        <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
                        </svg>
                    </div>
                </button>

                <div x-bind="mobileDropdownPanel">
                    <div :class="$disclosure.isOpen ? 'bg-semo-off-white' : 'bg-semo-off-white'" class="transition-colors duration-200 text-theme-on-surface p-4 space-y-4">
                        
                                                <div class="mb-6">
                            <div class="flex gap-4 items-center mb-4">
                                <h4 class="text-h5 text-theme-on-primary whitespace-nowrap">BROWSE STORIES BY:</h4>
                                <div class="bg-semo-lightgray my-3 h-0.5 w-full"></div>
                            </div>
                            <div class="flex flex-wrap gap-4">
                                <div>
                                    <a href="list/index?category=campus" target="_top" class="block text-semo-red decoration-0 hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300">Campus</a>
                                </div>
                                <div>
                                    <a href="list/index?category=academics" target="_top" class="block text-semo-red decoration-0 hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300">Academics</a>
                                </div>
                                <div>
                                    <a href="list/index?category=campus" target="_top" class="block text-semo-red decoration-0 hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300">Alumni</a>
                                </div>
                            </div>
                        </div>

                                                <div class="mb-6">
                            <div class="flex gap-4 items-center mb-4">
                                <h4 class="text-h5 text-theme-on-primary whitespace-nowrap">I AM LOOKING FOR:</h4>
                                <div class="bg-semo-lightgray my-3 h-0.5 w-full"></div>
                            </div>
                            <div class="flex flex-wrap gap-4">
                                <div>
                                    <a href="../marketing-communications/media-resources" class="block text-semo-red decoration-0 hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300">Media Resources</a>
                                </div>
                                <div>
                                    <a href="../marketing-communications/index" class="block text-semo-red decoration-0 hover:underline text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300">Marketing &amp; Communications</a>
                                </div>
                            </div>
                        </div>

                                                <div>
                            <div class="flex gap-4 items-center mb-4">
                                <h4 class="text-h5 text-theme-on-primary whitespace-nowrap">SEARCH NEWS</h4>
                                <div class="bg-semo-lightgray my-3 h-0.5 w-full"></div>
                            </div>
                            <div class="relative">
                                <input class="text-l2 bg-white placeholder:font-sans-alt rounded-full border border-semo-gray w-full px-3 py-2.5 pr-8" id="news_feature_search_input_small" name="search" type="text" placeholder="Search All Stories"/>
                                <div class="absolute inset-y-0 right-0 flex items-center">
                                    <button type="submit" onclick="window.location.href = 'list/index#search:' + encodeURIComponent( document.getElementById( 'news_feature_search_input_small' ).value ); return false;" class="!px-6 !py-2 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed !py-1 !px-3 !min-w-0 text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
                                        <span class="relative z-20 flex items-center justify-center uppercase">SUBMIT</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        

                <div class="theme-red bg-theme-primary text-theme-on-primary p-5 lg:px-5 relative overflow-hidden">
            <div class="news_promo_inner flex flex-col-reverse items-center lg:pr-4 lg:flex-row gap-6 lg:gap-10 min-h-64" data-size="1" data-tags="Promo">
            </div>
        </div>

    </div>
</section>
        
    <script type="text/template" id="news-promo-template">
        <div class="title py-5 lg:py-0 lg:w-2/3">
            <% if( topLevlCategoriesOrig && topLevlCategoriesOrig.length > 0 ) { %>
            <div class="text-p font-sans-alt font-bold mb-4 uppercase tracking-wider"><%= topLevlCategoriesOrig[0] %></div>
            <% } %>

            <h2 class="text-h3 font-sans mb-2 lg:mb-8 uppercase" id="news-promo-title">
                <%= title %>
            </h2>

            <a href="<%= link %>" target="_top" class="!py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed font-sans-alt w-fit bg-white text-black font-bold uppercase mt-6 text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
                <span class="relative z-20 flex items-center justify-center uppercase">READ THE STORY</span>
            </a>
        </div>

        <div class="pt-2 px-4 md:px-8 w-full lg:w-1/2 lg:p-5 relative">
            <div class="relative aspect-4/3">
                <img class="text-semo-vibrant-red pointer-events-none absolute -top-[9%] -left-[7%] z-30 h-[116%] max-h-none w-[112%] max-w-none"
                     src="../_files/images/newbrand/graphic-4_3-frame.png"
                     alt=""/>
                <% if( image ) { %>
                <img src="<%= image %>"
                     alt="<%= imageAlt %>"
                     class="h-full w-full object-cover"
                     loading="eager"/>
                <% } else if( imageMobile ) { %>
                <img src="<%= imageMobile %>"
                     alt="<%= imageAlt %>"
                     class="h-full w-full object-cover"
                     loading="eager"/>
                <% } %>
            </div>
        </div>
    </script>
    
    <section class="secondary-news theme-white bg-theme-primary text-theme-on-primary appear @container/section">
    <div class="py-0 @fullscreen:container @fullscreen:px-margin @container relative px-8">
        <ul class="news_secondary_items alt mt-2 lg:mt-8 grid auto-cols-auto grid-cols-1 gap-4 md:gap-8 lg:gap-10 @md:grid-cols-2" data-size="2" data-tags="PromoSub">
        </ul>
    </div>
</section>
      
  <script type="text/template" id="news-secondary-template">
    <li class="news_secondary_item">
        <a href="<%= link %>" target="_top" aria-labelledby="secondary-news-<%= id %>" class="theme-black group/link overflow-hidden h-full bg-theme-primary text-theme-on-primary flex flex-wrap lg:flex-nowrap lg:items-center">
               <div class="aspect-[1.5] overflow-hidden w-full lg:h-full lg:w-1/2">
                    <% if( image ) { %>
                    <img src="<%= image %>"
                         alt="<%= imageAlt %>"
                         class="h-full w-full object-cover"
                         loading="eager"/>
                    <% } else if( imageMobile ) { %>
                    <img src="<%= imageMobile %>"
                         alt="<%= imageAlt %>"
                         class="h-full w-full object-cover"
                         loading="eager"/>
                    <% } else { %>
                    <img src="../_files/images/newbrand/star.svg"
                         role="presentation"
                         alt=""
                         class="object-fit h-full w-full p-4 theme-black aspect-4/3 overflow-hidden transition-transform duration-300 hover:scale-105"
                         loading="eager"
                         sizes="(max-width: 480px) 100vw, (max-width: 768px) 100vw, (max-width: 1280px) 33vw, 33vw"
                         srcset="../_files/images/newbrand/star.svg 480w, ../_files/images/newbrand/star.svg 620w"
                    />
                    <% } %>
                </div>

            <div class="px-4 lg:px-6 pt-4 pb-8 md:pt-6 md:pb-10 lg:pb-6 space-y-6 flex flex-col w-full lg:w-1/2 justify-between lg:h-full lg:justify-center">
                <div class="space-y-4">
                    <p class="font-sans-alt uppercase font-bold mb-2 text-sm text-semo-gray">
                        <%= date %>
                    </p>

                    <h2 id="secondary-news-<%= id %>" class="group-hover/link:decoration-theme-on-primary transition-colors underline decoration-2 underline-offset-2 decoration-transparent text-h4 mb-2">
                        <%= title %>
                    </h2>
                </div>
            </div>
        </a>
    </li>
  </script>
  
                                                                    
                                                                                     










                    
    
                              
            
    
            
<section class="news-list-section theme-white bg-theme-primary text-theme-on-primary appear @container/section">
    <div class="md:@fullscreen:!py-20 py-8 md:py-[3.75rem] @fullscreen:container @fullscreen:px-margin @container relative px-8">
        <div class="space-y-8">
            <div class="mb-8">

                                <div class="mb-2 lg:mb-8">
                    <div class="pb-3 md:pb-7 flex items-center justify-between gap-4 lg:flex-row lg:gap-8">
                        <div class="shrink-0">
                            <div class="gap-1 md:gap-2 flex shrink-0 flex-col-reverse">
                                <div class="relative w-fit shrink-0">
                                    <h2 class="text-h2 text-theme-on-primary relative z-10 text-balance">
                                        Recent News
                                    </h2>
                                    <img class="-mt-2.5 md:min-w-xs text-semo-vibrant-red absolute top-full z-0 h-auto w-full max-w-full"
                                         src="../_files/images/newbrand/graphic-line.webp"
                                         alt=""
                                         role="presentation"/>
                                </div>
                            </div>
                        </div>

                        <div class="bg-semo-lightgray h-0.5 flex-1 hidden lg:block"></div>

                                                <div class="hidden lg:block shrink-0">
                            <ul class="flex flex-wrap justify-end gap-3">
                                <li>
                                    <a href="list/index#" target="_top" class="!py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed self-start text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
                                        <span class="relative z-20 flex items-center justify-center uppercase">All Recent Stories</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                                            </div>
                </div>
                
                <div class="news_grid_items news_grid_list_items news-list space-y-4 md:space-y-8" data-size="6" data-tags="">
                </div>

                                <div class="mt-8 lg:hidden">
                    <ul class="flex flex-wrap justify-start gap-3">
                        <li>
                            <a href="list/index#" target="_top" class="!py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed self-start text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary">
                                <span class="relative z-20 flex items-center justify-center uppercase">All Recent Stories</span>
                            </a>
                        </li>
                    </ul>
                </div>
                            </div>
        </div>
    </div>
</section>
  
        
            <script defer="defer" src="../_files/js/cflibs.js"></script>
        <script defer="defer" src="../_files/js/cfnews.js"></script>
                
  <script type="text/template" id="news-grid-list-template">
    <div class="flex flex-col items-center gap-4 md:flex-row md:gap-6 lg:gap-10">
        <div class="w-full shrink-0 md:w-2/5">
            <a href="<%= link %>" target="_top" class="group/image">
                <div class="relative aspect-4/3 overflow-hidden">
                    <% if( image ) { %>
                    <img src="<%= image %>"
                         alt="<%= imageAlt %>"
                         class="h-full w-full object-cover transition-transform duration-300 group-hover/image:scale-105"
                         loading="lazy"/>
                    <% } else if( imageMobile ) { %>
                    <img src="<%= imageMobile %>"
                         alt="<%= imageAlt %>"
                         class="h-full w-full object-cover transition-transform duration-300 group-hover/image:scale-105"
                         loading="lazy"/>
                    <% } %>
                </div>
            </a>
        </div>

        <div class="flex-1">
            <% if( topLevlCategoriesOrig && topLevlCategoriesOrig.length > 0 ) { %>
            <ul class="mb-4 flex flex-wrap gap-2">
                <% for( var i = 0; i < topLevlCategoriesOrig.length; i++ ) { %>
                <li class="theme-copper bg-theme-primary text-theme-on-primary font-sans-alt rounded-full px-4 py-1 text-sm uppercase">
                    <%= topLevlCategoriesOrig[i] %>
                </li>
                <% } %>
            </ul>
            <% } %>

            <div class="font-sans-alt text-semo-gray mb-4 font-bold tracking-wide uppercase">
                <%= date %>
            </div>

            <a href="<%= link %>" target="_top" class="group/link">
                <h4 class="text-h4 group-hover/link:text-semo-red mb-3 font-sans transition-colors duration-200">
                    <%= title %>
                </h4>
            </a>

            <% if( intro ) { %>
            <div class="text-p-lg font-sans-alt mb-4 text-gray-700">
                <%= intro %>
            </div>
            <% } %>
        </div>
    </div>
  </script>
  

  
 
                                                                                                                            
                                                                                     


                      
<section class="athletic-news theme-white bg-theme-primary text-theme-on-primary appear @container/section">
    <div class="md:@fullscreen:!py-20 py-8 md:py-[3.75rem] @fullscreen:container @fullscreen:px-margin @container relative px-8">

        <div class="mb-8">
            <div class="flex lg:flex-row gap-4 lg:gap-8 lg:items-center flex-col">
                <div class="space-y-6 lg:mb-4">
                    <div class="gap-1 md:gap-2 flex shrink-0 flex-col-reverse">
                        <div class="relative w-fit shrink-0">
                            <h2 class="text-h2 text-theme-on-primary relative z-10 text-balance">
                                Athletic News
                            </h2>
                            <img alt="" class="-mt-2.5 text-semo-vibrant-red absolute top-full z-0 h-auto w-full" role="presentation" src="../_files/images/newbrand/graphic-line.svg"/>
                        </div>
                    </div>
                </div>
                
                <div class="bg-semo-lightgray hidden md:block my-4 h-0.5 flex-1"></div>
                
                <div class="hidden lg:block">
                    <ul class="flex flex-wrap justify-end gap-3">
                        
                                    <li>
                            <a class="!py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed self-start text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary" href="https://semoredhawks.com/" target="_blank">
                                <span class="relative z-20 flex items-center justify-center uppercase">
                                    View All Athletic News
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <ul class="mt-4 lg:mt-8 grid auto-cols-auto grid-cols-1 gap-4 md:gap-8 lg:gap-10 @md:grid-cols-2 @4xl:grid-cols-4">
                            
                                    
                                        
                    
                    <li class="@container">
                        <div aria-labelledby="news-item-1" class="theme-white group/link overflow-hidden h-full bg-theme-primary text-theme-on-primary flex flex-col">
                            <a aria-hidden="true" class="aspect-[1.5] mb-8 overflow-hidden shrink-0 block" href="https://semoredhawks.com/news/2026/6/10/track-and-field-gleason-wraps-up-stellar-career.aspx" tabindex="-1">
                                <img alt="Sullivan Gleason bends the bar on his pole vault attempt " class="h-full w-full object-cover transition-transform duration-500 group-hover/link:scale-105" loading="eager" sizes="(max-width: 480px) 100vw, (max-width: 768px) 100vw, (max-width: 1280px) 33vw, 33vw" src="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/6/10/SGNATTY.jpg" srcset="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/6/10/SGNATTY.jpg 480w, https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/6/10/SGNATTY.jpg 620w"/>
                            </a>

                            <div class="pb-6 space-y-6 flex flex-col justify-between h-full">
                                <div class="space-y-4">
                                    <h2 class="text-h4 mb-2" id="news-item-1">
                                        <a class="underline decoration-2 underline-offset-2 decoration-transparent group-hover/link:decoration-current transition-colors" href="https://semoredhawks.com/news/2026/6/10/track-and-field-gleason-wraps-up-stellar-career.aspx">
                                            Gleason Wraps Up Stellar Career
                                        </a>
                                    </h2>
                                    <p class="font-sans-alt uppercase font-bold text-sm text-semo-gray">
                                        <time datetime="2026-06-10 22:54:00">
                                            June, 10 2026
                                        </time>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                                    
                                        
                    
                    <li class="@container">
                        <div aria-labelledby="news-item-2" class="theme-white group/link overflow-hidden h-full bg-theme-primary text-theme-on-primary flex flex-col">
                            <a aria-hidden="true" class="aspect-[1.5] mb-8 overflow-hidden shrink-0 block" href="https://semoredhawks.com/news/2026/6/9/baseball-hall-tabbed-to-south-all-region-second-team.aspx" tabindex="-1">
                                <img alt="Joe Hall All-Region" class="h-full w-full object-cover transition-transform duration-500 group-hover/link:scale-105" loading="eager" sizes="(max-width: 480px) 100vw, (max-width: 768px) 100vw, (max-width: 1280px) 33vw, 33vw" src="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/6/9/Default_Player_Award_10175041.png" srcset="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/6/9/Default_Player_Award_10175041.png 480w, https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/6/9/Default_Player_Award_10175041.png 620w"/>
                            </a>

                            <div class="pb-6 space-y-6 flex flex-col justify-between h-full">
                                <div class="space-y-4">
                                    <h2 class="text-h4 mb-2" id="news-item-2">
                                        <a class="underline decoration-2 underline-offset-2 decoration-transparent group-hover/link:decoration-current transition-colors" href="https://semoredhawks.com/news/2026/6/9/baseball-hall-tabbed-to-south-all-region-second-team.aspx">
                                            Hall Tabbed to South All-Region Second Team
                                        </a>
                                    </h2>
                                    <p class="font-sans-alt uppercase font-bold text-sm text-semo-gray">
                                        <time datetime="2026-06-09 18:38:00">
                                            June, 9 2026
                                        </time>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                                    
                                        
                    
                    <li class="@container">
                        <div aria-labelledby="news-item-3" class="theme-white group/link overflow-hidden h-full bg-theme-primary text-theme-on-primary flex flex-col">
                            <a aria-hidden="true" class="aspect-[1.5] mb-8 overflow-hidden shrink-0 block" href="https://semoredhawks.com/news/2026/6/9/track-and-field-gleason-competes-in-national-championship-meet-wednesday.aspx" tabindex="-1">
                                <img alt="NCAA Picture" class="h-full w-full object-cover transition-transform duration-500 group-hover/link:scale-105" loading="eager" sizes="(max-width: 480px) 100vw, (max-width: 768px) 100vw, (max-width: 1280px) 33vw, 33vw" src="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2024/5/22/trackandfield_hp_crop.jpg" srcset="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2024/5/22/trackandfield_hp_crop.jpg 480w, https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2024/5/22/trackandfield_hp_crop.jpg 620w"/>
                            </a>

                            <div class="pb-6 space-y-6 flex flex-col justify-between h-full">
                                <div class="space-y-4">
                                    <h2 class="text-h4 mb-2" id="news-item-3">
                                        <a class="underline decoration-2 underline-offset-2 decoration-transparent group-hover/link:decoration-current transition-colors" href="https://semoredhawks.com/news/2026/6/9/track-and-field-gleason-competes-in-national-championship-meet-wednesday.aspx">
                                            Gleason Competes in National Championship Meet Wednesday
                                        </a>
                                    </h2>
                                    <p class="font-sans-alt uppercase font-bold text-sm text-semo-gray">
                                        <time datetime="2026-06-09 16:18:00">
                                            June, 9 2026
                                        </time>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                                    
                                        
                    
                    <li class="@container">
                        <div aria-labelledby="news-item-4" class="theme-white group/link overflow-hidden h-full bg-theme-primary text-theme-on-primary flex flex-col">
                            <a aria-hidden="true" class="aspect-[1.5] mb-8 overflow-hidden shrink-0 block" href="https://semoredhawks.com/news/2026/6/9/baseball-wins-2025-26-ovc-baseball-sportsmanship-award.aspx" tabindex="-1">
                                <img alt="Cal Sullivan celebrating with teammates after hitting a home run in the third inning. " class="h-full w-full object-cover transition-transform duration-500 group-hover/link:scale-105" loading="eager" sizes="(max-width: 480px) 100vw, (max-width: 768px) 100vw, (max-width: 1280px) 33vw, 33vw" src="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/4/22/DSC03945.jpg" srcset="https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/4/22/DSC03945.jpg 480w, https://semoredhawks.com/common/controls/image_handler.aspx?thumb_prefix=rp_primary&amp;image_path=/images/2026/4/22/DSC03945.jpg 620w"/>
                            </a>

                            <div class="pb-6 space-y-6 flex flex-col justify-between h-full">
                                <div class="space-y-4">
                                    <h2 class="text-h4 mb-2" id="news-item-4">
                                        <a class="underline decoration-2 underline-offset-2 decoration-transparent group-hover/link:decoration-current transition-colors" href="https://semoredhawks.com/news/2026/6/9/baseball-wins-2025-26-ovc-baseball-sportsmanship-award.aspx">
                                            Baseball Wins 2025-26 OVC Baseball Sportsmanship Award
                                        </a>
                                    </h2>
                                    <p class="font-sans-alt uppercase font-bold text-sm text-semo-gray">
                                        <time datetime="2026-06-09 12:00:00">
                                            June, 9 2026
                                        </time>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                                    
                                                                                    </ul>

        <div class="mt-4 lg:hidden">
            <ul class="flex flex-wrap justify-start gap-3">
                
                            <li>
                    <a class="!py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 disabled:bg-gray-200 disabled:border-gray-200 disabled:text-gray-600 disabled:cursor-not-allowed self-start text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary" href="https://semoredhawks.com/" target="_blank">
                        <span class="relative z-20 flex items-center justify-center uppercase">
                            View All Athletic News
                        </span>
                    </a>
                </li>
            </ul>
        </div>

    </div>
</section>
   
                                                                                                                            
                                                                                     




                
    
    
        
              
        <section class="upcoming-events theme-white bg-theme-primary text-theme-on-primary appear @container/section">
    <div class="md:@fullscreen:!py-20 py-8 md:py-[3.75rem] @fullscreen:container @fullscreen:px-margin @container relative px-8">
        <div class="space-y-8">

            <div class="mb-8">
                <div class="pb-3 md:pb-7 flex items-center justify-between gap-4 lg:flex-row lg:gap-8">
                    <div class="max-w-2xl space-y-6">
                        <div class="gap-1 md:gap-2 flex shrink-0 flex-col-reverse">
                            <div class="relative w-fit shrink-0">
                                                                <h2 class="text-h2 text-theme-on-primary relative z-10 text-balance">Upcoming Events</h2>
                                                                <img alt="" class="-mt-2.5 md:min-w-xs text-semo-vibrant-red absolute top-full z-0 h-auto w-full max-w-full" role="presentation" src="../_files/images/newbrand/graphic-line.webp"/>
                            </div>
                        </div>
                    </div>
                                           <div class="hidden lg:block">
                        <ul class="flex flex-wrap justify-end gap-3">
                            <li>
                                <a class="theme-white !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 self-start text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary" href="../events/index" target="_top">
                                    <span class="relative z-20 flex items-center justify-center uppercase">View all Events</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                                    </div>
            </div>

            <ul aria-label="Upcoming Events" class="grid grid-cols-1 md:grid-cols-4 gap-4 md:gap-6 event_related_items list-none p-0 m-0" data-size="3" data-tags="">
            </ul>

                        <div class="mt-4 lg:hidden">
                <ul class="flex flex-wrap justify-start gap-3">
                    <li>
                        <a class="theme-white !py-3 !px-6 cursor-pointer text-button group relative min-w-20 whitespace-nowrap !overflow-hidden rounded-full block transition-colors duration-300 self-start text-theme-on-button bg-theme-button border-2 border-theme-button hover:text-theme-button hover:bg-theme-primary" href="../events/index" target="_top">
                            <span class="relative z-20 flex items-center justify-center uppercase">View all Events</span>
                        </a>
                    </li>
                </ul>
            </div>
            
        </div>
    </div>
</section>

                  <script defer="defer" src="../_files/js/cfevents.js"></script>
        
<script type="text/template" id="event-related-template">
<li class="event_related_item list-none">
    <div class="flex gap-2 items-center mb-2">
        <h4 class="text-h5 text-theme-on-primary whitespace-nowrap"><%= startMonth %> <%= startDay %><% if ( endMonth ) { %> - <%= endMonth %> <%= endDay %><% } %></h4>
        <div class="bg-semo-lightgray my-3 h-0.5 w-full"></div>
    </div>
    <div>
        <a href="<%= link %>" target="_top" class="text-semo-red hover:opacity-70 transition-opacity duration-300 text-left text-link group/link flex gap-x-2 items-center decoration-solid"><%= title %></a>
    </div>
</li>
</script>


       
                                                                                      
<section class="office-and-services theme-white bg-theme-primary text-theme-on-primary appear @container/section">
    <div class="md:@fullscreen:!py-20 py-8 md:py-[3.75rem] @fullscreen:container @fullscreen:px-margin @container relative px-8">
        
        <div class="space-y-8">
            
            <div class="mb-8 ">
                <div class="pb-3 md:pb-7 flex items-center justify-between gap-4 lg:flex-row lg:gap-8">
                    <div class="w-full space-y-6">
                        <div class="gap-1 md:gap-2 flex shrink-0 flex-col-reverse">
                            <div class="relative w-fit shrink-0">
                                <h2 class="text-h2 text-theme-on-primary relative z-10 text-balance">
                                    Marketing and Communications
                                </h2>
                                <img alt="" class="-mt-2.5 md:min-w-xs text-semo-vibrant-red absolute top-full z-0 h-auto w-full max-w-full" role="presentation" src="../_files/images/newbrand/graphic-line.webp"/>
                            </div>
                            <p class="text-h5 text-theme-on-primary-alt">
                                Contact Us
                            </p>
                        </div>
                    </div>
                    <div class="hidden lg:block"></div>
                </div>
            </div>

            <div class="grid grid-cols-1 gap-6 md:grid-cols-3 md:gap-8">
                
                <div class="space-y-4">
                    <div class="mb-4 flex items-center gap-2">
                        <h3 class="text-h5 whitespace-nowrap">Phone</h3>
                        <div class="bg-semo-lightgray my-3 h-0.5 w-full whitespace-nowrap"></div>
                    </div>

                    <ul class="font-sans-alt space-y-4">
                        <li>
                            <p>
                                <a class="text-semo-red underline hover:opacity-70 transition-opacity duration-300 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="tel:5736512459">
                                    (573) 651-2459
                                </a>
                            </p>
                        </li>
                    </ul>
                </div>

                <div class="space-y-4">
                    <div class="mb-4 flex items-center gap-2">
                        <h4 class="text-h5 whitespace-nowrap">Email</h4>
                        <div class="bg-semo-lightgray my-3 h-0.5 w-full whitespace-nowrap"></div>
                    </div>

                    <ul class="font-sans-alt space-y-4">
                        <li>
                            <a class="text-semo-red underline hover:opacity-70 transition-opacity duration-300 text-link group/link flex gap-x-2 items-center decoration-solid hover:opacity-70 transition-opacity duration-300" href="mailto:editor@semo.edu">
                                news@semo.edu
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="space-y-4">
                    <div class="mb-4 flex items-center gap-2">
                        <h4 class="text-h5 whitespace-nowrap">Location</h4>
                        <div class="bg-semo-lightgray my-3 h-0.5 w-full whitespace-nowrap"></div>
                    </div>
                    <ul class="font-sans-alt space-y-4">
                        <li>
                            <h4 class="text-semo-gray font-bold">Office</h4>
                            <p>
                                Wehking Alumni Center, 4th Floor
                            </p>
                        </li>
                        <li>
                            <h4 class="text-semo-gray font-bold">Mailing Address</h4>
                            <p>
                                One University Plaza, MS7350<br/>
                                Cape Girardeau, Missouri 63701
                            </p>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</section>

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "email": "mailto:editor@semo.edu",
    "name": "Marketing and Communications",
    "telephone": "573-651-2459",
    "url": "index.html"
}
</script>            
            </main>
</div>






	<script crossorigin="anonymous" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="../_files/js/site.js"></script>
<script src="../_files/js/newbrand/layout.astro_astro_type_script_index_0_lang-cd7smfcw.js" type="module"></script>

	


             

<footer class="nb-footer pb-margin theme-black bg-theme-primary text-theme-on-primary relative">


  <div class="appear container">
    <div class="flex flex-col justify-between gap-x-10 gap-y-16 py-16 md:flex-row md:py-32">
      <div class="space-y-16">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-80 h-auto max-w-full text-theme-on-primary" fill="currentColor" height="41" viewBox="0 0 216 41" width="216">
  <path d="M52.690079 26.5491393C51.045605 26.5491393 50.40479 26.0403493 49.7958586 26.0403493 49.6966154 26.0403493 49.3032349 26.0403493 49.3032349 26.0403493 49.3032349 26.0403493 49.3364657 25.118869 49.3364657 24.6257963 49.3364657 24.1327235 49.3032349 23.2278586 49.3032349 23.2278586L50.0922412 23.2278586C50.0922412 24.8723326 51.1448482 25.5957755 52.7560915 25.5957755 54.0215551 25.5957755 55.2223534 25.1354844 55.2223534 23.655368 55.2223534 22.2093805 53.7269688 21.8963825 52.2630187 21.3206819 50.7995177 20.729264 49.3854137 20.0049231 49.3854137 18.1642079 49.3854137 17.1107027 49.9108191 16.3055301 50.7501206 15.795842 51.4246154 15.4002162 52.2966985 15.1873597 53.282395 15.1873597 54.6637173 15.1873597 55.205738 15.5165239 55.8636175 15.5165239 55.9628607 15.5165239 56.3239085 15.5165239 56.3239085 15.5165239 56.3239085 15.5165239 56.2915759 16.3706445 56.2915759 16.8650644 56.2915759 17.3576881 56.3239085 18.1642079 56.3239085 18.1642079L55.5524158 18.1642079C55.5524158 17.4228025 55.2389688 16.1407235 53.2990104 16.1407235 52.6420291 16.1407235 52.1480582 16.2395177 51.7870104 16.4528233 51.3253721 16.7164241 51.1125156 17.1273181 51.1125156 17.6868524 51.1125156 19.0349439 52.5261705 19.4130561 53.9065946 19.9730395 55.5847484 20.6466362 57.0159168 21.1558753 57.0159168 23.0307193 57.0159168 25.1853306 55.1576881 26.5491393 52.690079 26.5491393M62.967817 18.2939875C60.8127568 18.2939875 59.8930728 19.9892058 59.8930728 22.0445738 59.8930728 24.0339293 60.8302703 25.7605821 62.9345863 25.7605821 65.0564158 25.7605821 65.8615884 24.1655052 65.8615884 22.0602911 65.8615884 20.0547692 65.0721331 18.2939875 62.967817 18.2939875zM62.835343 26.6811642C59.9743534 26.6811642 57.8368067 24.9221788 57.8368067 21.9453306 57.8368067 19.2985447 60.0735967 17.3738545 63.0172141 17.3738545 66.1413555 17.3738545 67.8680083 19.2163659 67.8680083 22.0275094 67.8680083 24.7735385 65.615052 26.6811642 62.835343 26.6811642L62.835343 26.6811642zM77.5201996 19.5450811L77.5201996 23.2278586C77.5201996 25.4318669 75.8267775 26.5491393 73.5419376 26.5491393 70.8942536 26.5491393 69.2169979 25.5791601 69.2169979 23.244474L69.2169979 19.4453888C69.2169979 18.4430769 68.7073098 18.3770644 68.0498794 18.3770644L68.0498794 17.5885073C68.5434012 17.5885073 69.2987277 17.621289 70.1214137 17.621289 70.9432017 17.621289 71.6666445 17.5885073 72.1606154 17.5885073L72.1606154 18.3770644C71.5018378 18.3770644 70.9921497 18.4430769 70.9921497 19.4453888L70.9921497 22.8169647C70.9921497 24.5934636 72.0447568 25.3990852 73.7067443 25.3990852 75.5155759 25.3990852 76.4523243 24.6087318 76.4523243 22.8169647L76.4523243 19.5450811C76.4523243 18.6568316 75.8600083 18.3770644 75.0548358 18.3770644L75.0548358 17.5885073C75.5479085 17.5885073 76.1240582 17.621289 76.944948 17.621289 77.7676341 17.621289 78.3922827 17.5885073 78.8359584 17.5885073L78.8359584 18.3770644C77.9975551 18.3770644 77.5201996 18.6568316 77.5201996 19.5450811M88.0381871 20.1041663C88.0381871 19.084341 87.8567651 18.5081913 86.0483825 18.5081913 85.4726819 18.5081913 85.2095301 18.540973 85.0775052 18.540973L85.0775052 24.6257963C85.0775052 25.6128399 85.7026029 25.6779543 86.3761996 25.6779543L86.3761996 26.4669605C85.8840249 26.4669605 85.0281081 26.4341788 84.2063202 26.4341788 83.3836341 26.4341788 82.5128981 26.4669605 82.0198254 26.4669605L82.0198254 25.6779543C82.6943202 25.6779543 83.3189688 25.6128399 83.3189688 24.6257963L83.3189688 18.540973C83.1873929 18.540973 82.8739459 18.5081913 82.3319252 18.5081913 80.5226445 18.5081913 80.4234012 19.084341 80.4234012 20.1041663L79.6348441 20.1041663C79.6348441 20.1041663 79.6676258 19.2653139 79.6676258 18.8216383 79.6676258 18.3770644 79.6348441 17.5718919 79.6348441 17.5718919 80.4409148 17.6046736 82.8905613 17.6046736 84.1888067 17.6046736 85.4897464 17.6046736 87.9393929 17.6046736 88.811027 17.5718919 88.811027 17.5718919 88.7777963 18.3281164 88.7777963 18.8216383 88.7777963 19.314711 88.811027 20.1041663 88.811027 20.1041663L88.0381871 20.1041663M98.4007983 26.4341788C97.5790104 26.4341788 96.8075177 26.4669605 96.3624948 26.4669605L96.3624948 25.6779543C97.0203742 25.6779543 97.5300624 25.6128399 97.5300624 24.6257963L97.5300624 22.3728399 92.7623451 22.3728399 92.7623451 24.6257963C92.7623451 25.6128399 93.2720333 25.6779543 93.9281164 25.6779543L93.9281164 26.4669605C93.4359418 26.4669605 92.6788191 26.4341788 91.8570312 26.4341788 91.0352432 26.4341788 90.2125572 26.4669605 89.8178295 26.4669605L89.8178295 25.6779543C90.4757089 25.6779543 90.9853971 25.6128399 90.9853971 24.6257963L90.9853971 19.4453888C90.9853971 18.4430769 90.4757089 18.3770644 89.8178295 18.3770644L89.8178295 17.5885073C90.3118004 17.5885073 91.068474 17.621289 91.8893638 17.621289 92.712948 17.621289 93.5342869 17.5885073 93.9281164 17.5885073L93.9281164 18.3770644C93.2720333 18.3770644 92.7623451 18.4430769 92.7623451 19.4453888L92.7623451 21.4028607 97.5300624 21.4028607 97.5300624 19.4453888C97.513447 18.4587942 97.0203742 18.3770644 96.3624948 18.3770644L96.3624948 17.5885073C96.8075177 17.5885073 97.6126902 17.621289 98.4353763 17.621289 99.2571642 17.621289 100.029555 17.5885073 100.47368 17.5885073L100.47368 18.3770644C99.8158004 18.3770644 99.3061123 18.4430769 99.3061123 19.4453888L99.3061123 24.6257963C99.3061123 25.6128399 99.8158004 25.6779543 100.47368 25.6779543L100.47368 26.4669605C100.029555 26.4669605 99.2243825 26.4341788 98.4007983 26.4341788M106.980624 26.4512432C106.026362 26.4512432 105.039767 26.4341788 103.938212 26.4341788 103.115526 26.4341788 102.276674 26.4669605 101.881946 26.4669605L101.881946 25.6779543C102.539825 25.6779543 103.049514 25.6128399 103.049514 24.6257963L103.049514 19.4453888C103.049514 18.4430769 102.375019 18.3770644 101.718037 18.3770644L101.718037 17.5885073C102.21111 17.5885073 103.132141 17.6046736 103.953929 17.6046736 104.693988 17.6046736 105.664865 17.5885073 106.716574 17.5885073 107.752565 17.5885073 108.623301 17.6046736 109.347642 17.5718919 109.347642 17.5718919 109.314412 18.1642079 109.314412 18.6568316 109.314412 19.1499044 109.347642 19.7422204 109.347642 19.7422204L108.558636 19.7422204C108.558636 18.6240499 108.130678 18.4587942 106.453422 18.4587942 105.861555 18.4587942 105.203676 18.4920249 104.826462 18.5081913L104.826462 21.4850395 106.026362 21.4850395C107.374453 21.4850395 107.65422 21.3206819 107.65422 20.36642L108.443676 20.36642C108.443676 20.5806237 108.410445 21.370079 108.410445 21.9453306 108.410445 22.5367484 108.443676 23.3262037 108.443676 23.523343L107.65422 23.523343C107.65422 22.4882495 107.357838 22.3400582 106.026362 22.3400582L104.826462 22.3400582 104.826462 24.5934636C104.826462 25.3820208 105.631634 25.5957755 107.012956 25.5957755 108.722545 25.5957755 109.067875 25.3820208 109.067875 24.1655052L109.857331 24.1655052C109.857331 24.1655052 109.824998 24.8224865 109.824998 25.3169064 109.824998 25.8099792 109.857331 26.4669605 109.857331 26.4669605 109.297796 26.4669605 108.015717 26.4512432 106.980624 26.4512432M115.676757 19.2163659L114.213705 22.4550187 117.090861 22.4550187 115.676757 19.2163659zM119.293971 26.4341788C118.472183 26.4341788 117.731676 26.4669605 117.239052 26.4669605L117.239052 25.6779543C117.945879 25.6779543 118.405272 25.5302121 118.06084 24.7245904L117.436191 23.2943202 113.850861 23.2943202 113.342071 24.428657C113.012457 25.1853306 113.242827 25.6779543 114.213705 25.6779543L114.213705 26.4669605C113.719285 26.4669605 113.242827 26.4341788 112.420141 26.4341788 111.598353 26.4341788 111.13896 26.4669605 110.644091 26.4669605L110.644091 25.6779543C111.269638 25.6950187 111.79684 25.4318669 112.223002 24.5593347L115.380374 17.5885073 116.811094 17.5885073 120.000798 24.6913597C120.313796 25.34879 120.658678 25.6779543 121.349788 25.6779543L121.349788 26.4669605C120.856715 26.4669605 120.116657 26.4341788 119.293971 26.4341788L119.293971 26.4341788zM125.227459 26.5828191C123.715459 26.5828191 123.008183 26.1880915 122.580225 26.1880915 122.416316 26.1880915 122.218279 26.1880915 122.20301 26.1880915 122.20301 26.1880915 122.23669 25.4318669 122.23669 24.9383451 122.23669 24.4448233 122.20301 23.7052141 122.20301 23.7052141L122.991568 23.7052141C122.991568 25.0533056 123.715459 25.6950187 125.113397 25.6950187 126.18262 25.6950187 127.003509 25.34879 127.003509 24.3298628 127.003509 23.3598836 125.819326 23.0805655 124.553863 22.5367484 123.435692 22.0445738 122.333688 21.419027 122.333688 19.907027 122.333688 18.2939875 123.715459 17.4726486 125.639701 17.4726486 126.708025 17.4726486 127.43057 17.7025696 127.890861 17.7025696 128.072732 17.7025696 128.237538 17.6868524 128.254154 17.6868524 128.254154 17.6868524 128.220025 18.311052 128.220025 18.8050229 128.220025 19.2985447 128.254154 19.9227443 128.254154 19.9227443L127.464699 19.9227443C127.464699 18.8378046 126.937497 18.3613472 125.639701 18.3613472 124.652208 18.3613472 123.995227 18.6411143 123.995227 19.4786195 123.995227 20.3839335 125.013256 20.7454304 126.198337 21.2389522 127.464699 21.7648067 128.779559 22.2744948 128.779559 23.7052141 128.779559 25.6613389 126.971177 26.5828191 125.227459 26.5828191M137.878503 20.1041663C137.878503 19.084341 137.69753 18.5081913 135.889148 18.5081913 135.312998 18.5081913 135.049846 18.540973 134.919168 18.540973L134.919168 24.6257963C134.919168 25.6128399 135.543368 25.6779543 136.216965 25.6779543L136.216965 26.4669605C135.725239 26.4669605 134.868873 26.4341788 134.047085 26.4341788 133.225297 26.4341788 132.353663 26.4669605 131.859692 26.4669605L131.859692 25.6779543C132.533289 25.6779543 133.160632 25.6128399 133.160632 24.6257963L133.160632 18.540973C133.02726 18.540973 132.716058 18.5081913 132.172241 18.5081913 130.364308 18.5081913 130.265514 19.084341 130.265514 20.1041663L129.476058 20.1041663C129.476058 20.1041663 129.509289 19.2653139 129.509289 18.8216383 129.509289 18.3770644 129.476058 17.5718919 129.476058 17.5718919 130.281231 17.6046736 132.731775 17.6046736 134.029572 17.6046736 135.330511 17.6046736 137.77926 17.6046736 138.650894 17.5718919 138.650894 17.5718919 138.618561 18.3281164 138.618561 18.8216383 138.618561 19.314711 138.650894 20.1041663 138.650894 20.1041663L137.878503 20.1041663M155.79348 17.3909189L155.79348 24.5436175C155.79348 25.5957755 156.336399 25.6779543 157.077805 25.6779543L157.077805 26.4669605C156.714511 26.4669605 155.695135 26.4341788 154.873347 26.4341788 154.050661 26.4341788 153.031734 26.4669605 152.653622 26.4669605L152.653622 25.6779543C153.408948 25.6779543 153.952765 25.5957755 153.952765 24.5436175L153.952765 17.9994012 150.383601 26.4669605 149.133854 26.4669605 145.484308 18.4587942 145.484308 24.428657C145.484308 25.5302121 146.125572 25.6779543 146.881347 25.6779543L146.881347 26.4669605C146.388723 26.4669605 145.747459 26.4341788 144.923875 26.4341788 144.102985 26.4341788 143.460823 26.4669605 142.969098 26.4669605L142.969098 25.6779543C143.709156 25.6779543 144.35042 25.5302121 144.35042 24.428657L144.35042 17.3909189C144.35042 16.1905696 143.74059 16.025763 142.803842 16.025763L142.803842 15.2367568C142.935418 15.2367568 143.643593 15.2695385 144.464482 15.2695385 145.287168 15.2695385 145.861522 15.2367568 146.108058 15.2367568L150.22059 24.2149023 153.985098 15.2367568C154.16652 15.2367568 154.725156 15.2695385 155.546944 15.2695385 156.36963 15.2695385 156.879318 15.2367568 157.125854 15.2367568L157.125854 16.025763C156.220541 16.025763 155.79348 16.1088399 155.79348 17.3909189M160.412108 26.4341788C159.589422 26.4341788 158.767634 26.4669605 158.373805 26.4669605L158.373805 25.6779543C159.029888 25.6779543 159.541372 25.6128399 159.541372 24.6257963L159.541372 19.4453888C159.541372 18.4430769 159.029888 18.3770644 158.373805 18.3770644L158.373805 17.5885073C158.866877 17.5885073 159.623102 17.621289 160.445788 17.621289 161.266678 17.621289 162.088466 17.5885073 162.48499 17.5885073L162.48499 18.3770644C161.826212 18.3770644 161.317422 18.4430769 161.317422 19.4453888L161.317422 24.6257963C161.317422 25.6128399 161.826212 25.6779543 162.48499 25.6779543L162.48499 26.4669605C161.990121 26.4669605 161.234794 26.4341788 160.412108 26.4341788M167.021888 26.5828191C165.508091 26.5828191 164.801264 26.1880915 164.374204 26.1880915 164.208948 26.1880915 164.011809 26.1880915 163.995193 26.1880915 163.995193 26.1880915 164.027526 25.4318669 164.027526 24.9383451 164.027526 24.4448233 163.995193 23.7052141 163.995193 23.7052141L164.784649 23.7052141C164.784649 25.0533056 165.508091 25.6950187 166.906029 25.6950187 167.974353 25.6950187 168.796141 25.34879 168.796141 24.3298628 168.796141 23.3598836 167.613306 23.0805655 166.347393 22.5367484 165.228324 22.0445738 164.126769 21.419027 164.126769 19.907027 164.126769 18.2939875 165.508091 17.4726486 167.431435 17.4726486 168.500657 17.4726486 169.2241 17.7025696 169.683942 17.7025696 169.864466 17.7025696 170.03017 17.6868524 170.046786 17.6868524 170.046786 17.6868524 170.013555 18.311052 170.013555 18.8050229 170.013555 19.2985447 170.046786 19.9227443 170.046786 19.9227443L169.256881 19.9227443C169.256881 18.8378046 168.730578 18.3613472 167.431435 18.3613472 166.44484 18.3613472 165.787859 18.6411143 165.787859 19.4786195 165.787859 20.3839335 166.807235 20.7454304 167.990969 21.2389522 169.256881 21.7648067 170.572191 22.2744948 170.572191 23.7052141 170.572191 25.6613389 168.763809 26.5828191 167.021888 26.5828191M174.879617 26.5828191C173.365821 26.5828191 172.659892 26.1880915 172.231933 26.1880915 172.066678 26.1880915 171.869538 26.1880915 171.853821 26.1880915 171.853821 26.1880915 171.886154 25.4318669 171.886154 24.9383451 171.886154 24.4448233 171.853821 23.7052141 171.853821 23.7052141L172.643277 23.7052141C172.643277 25.0533056 173.365821 25.6950187 174.764657 25.6950187 175.832981 25.6950187 176.654769 25.34879 176.654769 24.3298628 176.654769 23.3598836 175.471035 23.0805655 174.205123 22.5367484 173.086952 22.0445738 171.985397 21.419027 171.985397 19.907027 171.985397 18.2939875 173.365821 17.4726486 175.290062 17.4726486 176.359285 17.4726486 177.08183 17.7025696 177.54257 17.7025696 177.723094 17.7025696 177.887002 17.6868524 177.904516 17.6868524 177.904516 17.6868524 177.871285 18.311052 177.871285 18.8050229 177.871285 19.2985447 177.904516 19.9227443 177.904516 19.9227443L177.115509 19.9227443C177.115509 18.8378046 176.589206 18.3613472 175.290062 18.3613472 174.30257 18.3613472 173.645588 18.6411143 173.645588 19.4786195 173.645588 20.3839335 174.664965 20.7454304 175.848699 21.2389522 177.115509 21.7648067 178.430819 22.2744948 178.430819 23.7052141 178.430819 25.6613389 176.622437 26.5828191 174.879617 26.5828191M184.500374 18.2939875C182.346212 18.2939875 181.425181 19.9892058 181.425181 22.0445738 181.425181 24.0339293 182.362827 25.7605821 184.468042 25.7605821 186.588524 25.7605821 187.394595 24.1655052 187.394595 22.0602911 187.394595 20.0547692 186.60469 18.2939875 184.500374 18.2939875zM184.368798 26.6811642C181.507809 26.6811642 179.369364 24.9221788 179.369364 21.9453306 179.369364 19.2985447 181.606154 17.3738545 184.55022 17.3738545 187.673464 17.3738545 189.399667 19.2163659 189.399667 22.0275094 189.399667 24.7735385 187.147609 26.6811642 184.368798 26.6811642L184.368798 26.6811642zM199.170412 19.5450811L199.170412 23.2278586C199.170412 25.4318669 197.476541 26.5491393 195.191252 26.5491393 192.543119 26.5491393 190.866312 25.5791601 190.866312 23.244474L190.866312 19.4453888C190.866312 18.4430769 190.357522 18.3770644 189.698744 18.3770644L189.698744 17.5885073C190.191817 17.5885073 190.947593 17.621289 191.770279 17.621289 192.592516 17.621289 193.315958 17.5885073 193.80948 17.5885073L193.80948 18.3770644C193.151152 18.3770644 192.641464 18.4430769 192.641464 19.4453888L192.641464 22.8169647C192.641464 24.5934636 193.694969 25.3990852 195.35516 25.3990852 197.163543 25.3990852 198.101189 24.6087318 198.101189 22.8169647L198.101189 19.5450811C198.101189 18.6568316 197.509322 18.3770644 196.70415 18.3770644L196.70415 17.5885073C197.195875 17.5885073 197.772474 17.621289 198.594262 17.621289 199.416948 17.621289 200.041148 17.5885073 200.48617 17.5885073L200.48617 18.3770644C199.647318 18.3770644 199.170412 18.6568316 199.170412 19.5450811M205.548474 18.4269106C205.005555 18.4269106 204.677738 18.4430769 204.446021 18.4763077L204.446021 22.1101372C204.677738 22.1424699 205.285322 22.2093805 205.861472 22.2093805 206.814836 22.2093805 207.521214 21.5506029 207.521214 20.268973 207.521214 18.8867526 206.617696 18.4269106 205.548474 18.4269106zM209.938977 26.533422C208.739526 26.533422 207.981505 26.0897464 207.242345 25.0533056 206.749272 24.3797089 206.485222 23.9189688 205.843958 22.965605 205.728998 22.965605 205.30104 22.965605 205.005555 22.9323742 204.725788 22.9157588 204.446021 22.8668108 204.446021 22.8668108L204.446021 24.6257963C204.446021 25.6128399 204.957505 25.6779543 205.614486 25.6779543L205.614486 26.4669605C205.120516 26.4669605 204.380906 26.4341788 203.559119 26.4341788 202.736432 26.4341788 201.947426 26.4669605 201.503301 26.4669605L201.503301 25.6779543C202.160283 25.6779543 202.670869 25.6128399 202.670869 24.6257963L202.670869 19.4453888C202.670869 18.4430769 201.996374 18.3770644 201.338495 18.3770644L201.338495 17.5885073C201.831568 17.5885073 202.753048 17.6046736 203.575285 17.6046736 204.315343 17.6046736 204.808416 17.5885073 206.091393 17.5885073 208.360516 17.5885073 209.379443 18.5737547 209.379443 19.9730395 209.379443 21.1729397 208.392848 22.0275094 207.4561 22.4393015 207.801879 22.9157588 208.261272 23.5404075 208.805089 24.2149023 209.511019 25.0371393 210.267243 25.6950187 210.77783 25.710736 210.843393 25.710736 210.958353 25.710736 210.958353 25.710736L210.958353 26.4512432C210.958353 26.4512432 210.580241 26.533422 209.938977 26.533422L209.938977 26.533422zM213.819343 26.4341788C212.996657 26.4341788 212.174869 26.4669605 211.780141 26.4669605L211.780141 25.6779543C212.438021 25.6779543 212.947709 25.6128399 212.947709 24.6257963L212.947709 19.4453888C212.947709 18.4430769 212.438021 18.3770644 211.780141 18.3770644L211.780141 17.5885073C212.274112 17.5885073 213.029888 17.621289 213.852574 17.621289 214.674362 17.621289 215.495252 17.5885073 215.890877 17.5885073L215.890877 18.3770644C215.232998 18.3770644 214.722861 18.4430769 214.722861 19.4453888L214.722861 24.6257963C214.722861 25.6128399 215.232998 25.6779543 215.890877 25.6779543L215.890877 26.4669605C215.396457 26.4669605 214.641131 26.4341788 213.819343 26.4341788"/>
  <path d="M51.5939127 38.1821538C50.4443077 38.1821538 49.9081247 37.876341 49.5830021 37.876341 49.4581622 37.876341 49.3090728 37.876341 49.2960499 37.876341 49.2960499 37.876341 49.3216466 37.2889647 49.3216466 36.9068108 49.3216466 36.5242079 49.2960499 35.9512017 49.2960499 35.9512017L49.8968981 35.9512017C49.8968981 36.9957256 50.4443077 37.493289 51.5063451 37.493289 52.3182536 37.493289 52.9420042 37.2251975 52.9420042 36.4361913 52.9420042 35.6831102 52.0429771 35.4662121 51.080632 35.0458877 50.2319002 34.664632 49.3961913 34.1796424 49.3961913 33.0116258 49.3961913 31.7623285 50.4443077 31.1255551 51.9051143 31.1255551 52.7183701 31.1255551 53.2675759 31.3042827 53.6156008 31.3042827 53.7552599 31.3042827 53.8796507 31.2908108 53.8917755 31.2908108 53.8917755 31.2908108 53.8666279 31.7758004 53.8666279 32.1570561 53.8666279 32.5401081 53.8917755 33.0233015 53.8917755 33.0233015L53.2918254 33.0233015C53.2918254 32.1822037 52.8930561 31.8130728 51.9051143 31.8130728 51.156973 31.8130728 50.6571642 32.0295218 50.6571642 32.6793181 50.6571642 33.3807568 51.4309023 33.6596258 52.3299293 34.0404324 53.2918254 34.448183 54.2909938 34.8429106 54.2909938 35.9512017 54.2909938 37.4676923 52.9173056 38.1821538 51.5939127 38.1821538M61.2164657 33.1638586C61.2164657 32.3735052 61.079501 31.9280333 59.706262 31.9280333 59.2684241 31.9280333 59.0694886 31.9531809 58.9702453 31.9531809L58.9702453 36.664316C58.9702453 37.4286237 59.4440083 37.479368 59.9541455 37.479368L59.9541455 38.09279C59.581422 38.09279 58.9316258 38.0671933 58.3078753 38.0671933 57.6836757 38.0671933 57.0195094 38.09279 56.6467859 38.09279L56.6467859 37.479368C57.1582703 37.479368 57.6324823 37.4286237 57.6324823 36.664316L57.6324823 31.9531809C57.5336881 31.9531809 57.295684 31.9280333 56.8834428 31.9280333 55.5084075 31.9280333 55.4365572 32.3735052 55.4365572 33.1638586L54.8348108 33.1638586C54.8348108 33.1638586 54.8595094 32.5145114 54.8595094 32.1705281 54.8595094 31.8265447 54.8348108 31.201896 54.8348108 31.201896 55.4477838 31.2265946 57.3082578 31.2265946 58.2948524 31.2265946 59.281447 31.2265946 61.141921 31.2265946 61.803842 31.201896 61.803842 31.201896 61.7795925 31.7883742 61.7795925 32.1705281 61.7795925 32.5526819 61.803842 33.1638586 61.803842 33.1638586L61.2164657 33.1638586M65.1125489 32.4754428L64.0002162 34.9821206 66.1858129 34.9821206 65.1125489 32.4754428zM67.8594761 38.0671933C67.2357256 38.0671933 66.6725988 38.09279 66.2971809 38.09279L66.2971809 37.479368C66.8351601 37.479368 67.1849813 37.3648565 66.9209314 36.7402079L66.4480665 35.6323659 63.7258378 35.6323659 63.3378462 36.510736C63.0890644 37.0976632 63.2641996 37.479368 64.0002162 37.479368L64.0002162 38.09279C63.6265946 38.09279 63.2641996 38.0671933 62.6391019 38.0671933 62.0153514 38.0671933 61.664632 38.09279 61.2910104 38.09279L61.2910104 37.479368C61.7652225 37.493289 62.1644407 37.2889647 62.4882162 36.6135717L64.8880166 31.215817 65.9738545 31.215817 68.39521 36.7150603C68.6327651 37.2251975 68.8950187 37.479368 69.4204241 37.479368L69.4204241 38.09279C69.0441081 38.09279 68.4836757 38.0671933 67.8594761 38.0671933L67.8594761 38.0671933zM75.300474 33.1638586C75.300474 32.3735052 75.1617131 31.9280333 73.7902703 31.9280333 73.3515343 31.9280333 73.1525988 31.9531809 73.0515593 31.9531809L73.0515593 36.664316C73.0515593 37.4286237 73.5271185 37.479368 74.0399501 37.479368L74.0399501 38.09279C73.6649813 38.09279 73.0138378 38.0671933 72.3905364 38.0671933 71.7649896 38.0671933 71.1035177 38.09279 70.729896 38.09279L70.729896 37.479368C71.2431767 37.479368 71.7169397 37.4286237 71.7169397 36.664316L71.7169397 31.9531809C71.6150021 31.9531809 71.3792432 31.9280333 70.966104 31.9280333 69.5933139 31.9280333 69.5187692 32.3735052 69.5187692 33.1638586L68.9188191 33.1638586C68.9188191 33.1638586 68.9444158 32.5145114 68.9444158 32.1705281 68.9444158 31.8265447 68.9188191 31.201896 68.9188191 31.201896 69.530894 31.2265946 71.391368 31.2265946 72.3779626 31.2265946 73.3650062 31.2265946 75.2250312 31.2265946 75.8874012 31.201896 75.8874012 31.201896 75.8636008 31.7883742 75.8636008 32.1705281 75.8636008 32.5526819 75.8874012 33.1638586 75.8874012 33.1638586L75.300474 33.1638586M80.8024116 38.0793181C80.0771726 38.0793181 79.3290312 38.0671933 78.4924241 38.0671933 77.8668773 38.0671933 77.2319002 38.09279 76.9319252 38.09279L76.9319252 37.479368C77.4308358 37.479368 77.8188274 37.4286237 77.8188274 36.664316L77.8188274 32.6541705C77.8188274 31.877289 77.3055468 31.8265447 76.805738 31.8265447L76.805738 31.215817C77.1820541 31.215817 77.8799002 31.2265946 78.5045489 31.2265946 79.0667775 31.2265946 79.8023451 31.215817 80.6034761 31.215817 81.3893389 31.215817 82.0503617 31.2265946 82.5995676 31.201896 82.5995676 31.201896 82.5757672 31.6608399 82.5757672 32.0425447 82.5757672 32.4246985 82.5995676 32.8836424 82.5995676 32.8836424L82.0023119 32.8836424C82.0023119 32.016948 81.6767401 31.8903119 80.4022952 31.8903119 79.9532308 31.8903119 79.4525239 31.9150104 79.1660208 31.9280333L79.1660208 34.2308358 80.0771726 34.2308358C81.1014886 34.2308358 81.3129979 34.1033015 81.3129979 33.3672848L81.912948 33.3672848C81.912948 33.5329896 81.8882495 34.1414719 81.8882495 34.5873929 81.8882495 35.0458877 81.912948 35.6575135 81.912948 35.8106445L81.3129979 35.8106445C81.3129979 35.0077173 81.090262 34.8936549 80.0771726 34.8936549L79.1660208 34.8936549 79.1660208 36.6391684C79.1660208 37.249896 79.7780956 37.416499 80.8280083 37.416499 82.1258046 37.416499 82.3871601 37.249896 82.3871601 36.3068607L82.9862121 36.3068607C82.9862121 36.3068607 82.9628607 36.817447 82.9628607 37.1996008 82.9628607 37.5813056 82.9862121 38.09279 82.9862121 38.09279 82.5627443 38.09279 81.5891726 38.0793181 80.8024116 38.0793181M94.5119002 32.7309605L94.5119002 35.5816216C94.5119002 37.2889647 93.2262287 38.1561081 91.4905946 38.1561081 89.4792349 38.1561081 88.2056881 37.4039252 88.2056881 35.5937464L88.2056881 32.6541705C88.2056881 31.877289 87.8181455 31.8265447 87.3192349 31.8265447L87.3192349 31.215817C87.6946528 31.215817 88.2681081 31.2396175 88.8918586 31.2396175 89.5160582 31.2396175 90.0670603 31.215817 90.44158 31.215817L90.44158 31.8265447C89.9408732 31.8265447 89.5546778 31.877289 89.5546778 32.6541705L89.5546778 35.2627859C89.5546778 36.6391684 90.3531143 37.2629189 91.6140873 37.2629189 92.9886736 37.2629189 93.7008898 36.6517422 93.7008898 35.2627859L93.7008898 32.7309605C93.7008898 32.0425447 93.2518254 31.8265447 92.6384033 31.8265447L92.6384033 31.215817C93.0138212 31.215817 93.4507609 31.2396175 94.0745114 31.2396175 94.6996091 31.2396175 95.1733721 31.215817 95.5101705 31.215817L95.5101705 31.8265447C94.8742952 31.8265447 94.5119002 32.0425447 94.5119002 32.7309605M103.489148 32.7309605L103.489148 38.09279 102.71541 38.09279 98.3064948 33.1126653 98.3064948 36.5754012C98.3064948 37.2629189 98.7569064 37.479368 99.3676341 37.479368L99.3676341 38.09279C99.0308358 38.1053638 98.4946528 38.0671933 97.9319751 38.0671933 97.3697464 38.0671933 96.8573638 38.09279 96.5205655 38.09279L96.5205655 37.479368C97.1694636 37.479368 97.5318586 37.2629189 97.5318586 36.5754012L97.5318586 32.7435343C97.5318586 32.0672432 96.9319085 31.8265447 96.2214886 31.8265447L96.2214886 31.215817C96.4100956 31.215817 96.8703867 31.2265946 97.3697464 31.2265946 97.8695551 31.2265946 98.3195177 31.215817 98.5072266 31.215817L102.726636 35.848815 102.726636 32.7309605C102.726636 32.0425447 102.266345 31.8265447 101.666395 31.8265447L101.666395 31.215817C102.040017 31.215817 102.452258 31.2396175 103.077805 31.2396175 103.701106 31.2396175 104.101222 31.215817 104.50089 31.215817L104.50089 31.8265447C103.863667 31.8265447 103.489148 32.0425447 103.489148 32.7309605M106.734087 38.0671933C106.109888 38.0671933 105.485239 38.09279 105.186162 38.09279L105.186162 37.479368C105.685971 37.479368 106.072615 37.4286237 106.072615 36.664316L106.072615 32.6541705C106.072615 31.877289 105.685971 31.8265447 105.186162 31.8265447L105.186162 31.215817C105.559784 31.215817 106.134137 31.2396175 106.759684 31.2396175 107.384782 31.2396175 108.008532 31.215817 108.308507 31.215817L108.308507 31.8265447C107.808699 31.8265447 107.420707 31.877289 107.420707 32.6541705L107.420707 36.664316C107.420707 37.4286237 107.808699 37.479368 108.308507 37.479368L108.308507 38.09279C107.933089 38.09279 107.359634 38.0671933 106.734087 38.0671933M115.561796 32.7044657L113.163792 38.09279 112.439451 38.09279 110.031119 32.6034262C109.793563 32.0946362 109.504815 31.8391185 108.968183 31.8391185L108.968183 31.2265946C109.341805 31.2265946 109.930079 31.2535385 110.554728 31.2535385 111.178478 31.2535385 111.75373 31.2265946 112.128249 31.2265946L112.128249 31.8391185C111.591617 31.8391185 111.241347 31.9150104 111.527401 32.5778295L113.151667 36.3459293 114.68657 32.8073015C114.937597 32.2212723 114.712166 31.8391185 113.988274 31.8391185L113.988274 31.2265946C114.363692 31.2265946 114.712166 31.2535385 115.336366 31.2535385 115.961913 31.2535385 116.310836 31.2265946 116.685356 31.2265946L116.685356 31.8391185C116.19857 31.8265447 115.874345 32.016948 115.561796 32.7044657M121.323293 38.0793181C120.598952 38.0793181 119.849913 38.0671933 119.013306 38.0671933 118.388657 38.0671933 117.751884 38.09279 117.452807 38.09279L117.452807 37.479368C117.953064 37.479368 118.339709 37.4286237 118.339709 36.664316L118.339709 32.6541705C118.339709 31.877289 117.826428 31.8265447 117.328416 31.8265447L117.328416 31.215817C117.703834 31.215817 118.402129 31.2265946 119.026328 31.2265946 119.587659 31.2265946 120.324574 31.215817 121.123459 31.215817 121.911119 31.215817 122.57259 31.2265946 123.121347 31.201896 123.121347 31.201896 123.097098 31.6608399 123.097098 32.0425447 123.097098 32.4246985 123.121347 32.8836424 123.121347 32.8836424L122.522295 32.8836424C122.522295 32.016948 122.198071 31.8903119 120.923626 31.8903119 120.473663 31.8903119 119.974753 31.9150104 119.688699 31.9280333L119.688699 34.2308358 120.598952 34.2308358C121.623268 34.2308358 121.835676 34.1033015 121.835676 33.3672848L122.435626 33.3672848C122.435626 33.5329896 122.410029 34.1414719 122.410029 34.5873929 122.410029 35.0458877 122.435626 35.6575135 122.435626 35.8106445L121.835676 35.8106445C121.835676 35.0077173 121.611143 34.8936549 120.598952 34.8936549L119.688699 34.8936549 119.688699 36.6391684C119.688699 37.249896 120.299875 37.416499 121.349788 37.416499 122.647135 37.416499 122.909389 37.249896 122.909389 36.3068607L123.509339 36.3068607C123.509339 36.3068607 123.482844 36.817447 123.482844 37.1996008 123.482844 37.5813056 123.509339 38.09279 123.509339 38.09279 123.083626 38.09279 122.110952 38.0793181 121.323293 38.0793181M127.391052 31.863817C126.978811 31.863817 126.729131 31.877289 126.554445 31.9028857L126.554445 34.7149272C126.729131 34.741422 127.192116 34.7917173 127.629505 34.7917173 128.353397 34.7917173 128.890029 34.2820291 128.890029 33.2913929 128.890029 32.2212723 128.202511 31.863817 127.391052 31.863817zM130.724906 38.1430852C129.814653 38.1430852 129.238952 37.7986528 128.675825 36.9957256 128.303102 36.4734636 128.103268 36.1169064 127.615584 35.3768482 127.528915 35.3768482 127.205139 35.3768482 126.978811 35.3521497 126.767301 35.3391268 126.554445 35.3009563 126.554445 35.3009563L126.554445 36.664316C126.554445 37.4286237 126.941988 37.479368 127.441796 37.479368L127.441796 38.09279C127.067277 38.09279 126.504599 38.0671933 125.87995 38.0671933 125.2562 38.0671933 124.656249 38.09279 124.319451 38.09279L124.319451 37.479368C124.818811 37.479368 125.205455 37.4286237 125.205455 36.664316L125.205455 32.6541705C125.205455 31.877289 124.693971 31.8265447 124.194162 31.8265447L124.194162 31.215817C124.56958 31.215817 125.268773 31.2265946 125.892075 31.2265946 126.454304 31.2265946 126.829721 31.215817 127.803293 31.215817 129.526802 31.215817 130.301439 31.9787775 130.301439 33.0623701 130.301439 33.9892391 129.552399 34.6520582 128.840183 34.9699958 129.101538 35.3391268 129.452258 35.8232183 129.863601 36.3459293 130.400233 36.9827027 130.975933 37.493289 131.363476 37.5049647 131.412424 37.5049647 131.500441 37.5049647 131.500441 37.5049647L131.500441 38.0793181C131.500441 38.0793181 131.211692 38.1430852 130.724906 38.1430852L130.724906 38.1430852zM134.401397 38.1821538C133.25269 38.1821538 132.716956 37.876341 132.391385 37.876341 132.266096 37.876341 132.116108 37.876341 132.103534 37.876341 132.103534 37.876341 132.129131 37.2889647 132.129131 36.9068108 132.129131 36.5242079 132.103534 35.9512017 132.103534 35.9512017L132.702586 35.9512017C132.702586 36.9957256 133.25269 37.493289 134.312931 37.493289 135.125289 37.493289 135.750387 37.2251975 135.750387 36.4361913 135.750387 35.6831102 134.85136 35.4662121 133.888565 35.0458877 133.039385 34.664632 132.203676 34.1796424 132.203676 33.0116258 132.203676 31.7623285 133.25269 31.1255551 134.713946 31.1255551 135.524956 31.1255551 136.07506 31.3042827 136.423085 31.3042827 136.560948 31.3042827 136.686237 31.2908108 136.697913 31.2908108 136.697913 31.2908108 136.673214 31.7758004 136.673214 32.1570561 136.673214 32.5401081 136.697913 33.0233015 136.697913 33.0233015L136.100657 33.0233015C136.100657 32.1822037 135.700541 31.8130728 134.713946 31.8130728 133.964906 31.8130728 133.465098 32.0295218 133.465098 32.6793181 133.465098 33.3807568 134.239285 33.6596258 135.137414 34.0404324 136.100657 34.448183 137.099376 34.8429106 137.099376 35.9512017 137.099376 37.4676923 135.725239 38.1821538 134.401397 38.1821538M139.513098 38.0671933C138.889796 38.0671933 138.264249 38.09279 137.965173 38.09279L137.965173 37.479368C138.464083 37.479368 138.851177 37.4286237 138.851177 36.664316L138.851177 32.6541705C138.851177 31.877289 138.464083 31.8265447 137.965173 31.8265447L137.965173 31.215817C138.338794 31.215817 138.914944 31.2396175 139.538694 31.2396175 140.164241 31.2396175 140.786644 31.215817 141.08662 31.215817L141.08662 31.8265447C140.587709 31.8265447 140.200166 31.877289 140.200166 32.6541705L140.200166 36.664316C140.200166 37.4286237 140.587709 37.479368 141.08662 37.479368L141.08662 38.09279C140.711202 38.09279 140.137746 38.0671933 139.513098 38.0671933M148.284225 33.1638586C148.284225 32.3735052 148.14726 31.9280333 146.773572 31.9280333 146.337081 31.9280333 146.1359 31.9531809 146.037106 31.9531809L146.037106 36.664316C146.037106 37.4286237 146.511318 37.479368 147.022802 37.479368L147.022802 38.09279C146.649181 38.09279 145.998486 38.0671933 145.373838 38.0671933 144.750985 38.0671933 144.087268 38.09279 143.713647 38.09279L143.713647 37.479368C144.22558 37.479368 144.700241 37.4286237 144.700241 36.664316L144.700241 31.9531809C144.6001 31.9531809 144.364341 31.9280333 143.950304 31.9280333 142.578412 31.9280333 142.502969 32.3735052 142.502969 33.1638586L141.903468 33.1638586C141.903468 33.1638586 141.927717 32.5145114 141.927717 32.1705281 141.927717 31.8265447 141.903468 31.201896 141.903468 31.201896 142.516441 31.2265946 144.375568 31.2265946 145.362611 31.2265946 146.348308 31.2265946 148.20968 31.2265946 148.872499 31.201896 148.872499 31.201896 148.846004 31.7883742 148.846004 32.1705281 148.846004 32.5526819 148.872499 33.1638586 148.872499 33.1638586L148.284225 33.1638586M155.8321 32.5895052L154.071767 34.7023534 154.057846 36.664316C154.057846 37.4286237 154.533405 37.479368 155.057015 37.479368L155.057015 38.09279C154.683842 38.09279 154.033148 38.0671933 153.408948 38.0671933 152.784299 38.0671933 152.108906 38.09279 151.736183 38.09279L151.736183 37.479368C152.247667 37.479368 152.721879 37.4286237 152.721879 36.664316L152.721879 35.1478254 150.549306 32.4381705C150.224183 32.0425447 149.87526 31.8391185 149.524091 31.8391185L149.524091 31.2265946C149.900407 31.2265946 150.623401 31.2535385 151.248499 31.2535385 151.873148 31.2535385 152.522046 31.2265946 152.897464 31.2265946L152.897464 31.8391185C152.448399 31.8391185 152.261588 31.9406071 152.261588 32.1444823 152.261588 32.2841414 152.372956 32.4381705 152.509921 32.6034262L153.684225 34.065131 154.845505 32.6420457C154.946096 32.5275343 155.033214 32.3735052 155.033214 32.2212723 155.033214 31.9787775 154.85763 31.8265447 154.383418 31.8391185L154.383418 31.2265946C154.757938 31.2265946 155.146378 31.2535385 155.770578 31.2535385 156.39343 31.2535385 156.754927 31.2265946 157.131243 31.2265946L157.131243 31.8391185C156.631884 31.8391185 156.318886 32.016948 155.8321 32.5895052M161.206054 34.5626944C161.206054 35.0256798 160.820308 35.4006486 160.344748 35.4006486 159.867393 35.4006486 159.482545 35.0256798 159.482545 34.5626944 159.482545 34.0992599 159.867393 33.7256383 160.344748 33.7256383 160.820308 33.7256383 161.206054 34.0992599 161.206054 34.5626944M172.375634 30.3607983C171.627493 30.3607983 171.069755 30.7474428 171.069755 31.4708857 171.069755 32.4125738 172.164125 32.9550437 172.700308 33.2437921 173.258944 32.845921 173.739443 32.4597256 173.739443 31.6150353 173.739443 30.73442 173.022736 30.3607983 172.375634 30.3607983zM172.028956 34.3740873C171.404757 34.6875343 170.957489 35.3629272 170.957489 36.0630187 170.957489 36.9189356 171.560133 37.4870021 172.477572 37.4870021 173.23694 37.4870021 173.850811 37.0765572 173.850811 36.3517672 173.850811 35.4118753 172.835027 34.845605 172.028956 34.3740873zM172.387759 38.1992183C170.824116 38.1992183 169.79531 37.4623035 169.79531 36.2071684 169.79531 35.0364574 170.944915 34.351185 171.504898 34.0247152 171.058977 33.7965904 169.839318 33.0385696 169.839318 31.8090312 169.839318 30.3607983 171.102087 29.612657 172.409763 29.612657 173.684208 29.612657 174.845489 30.2408981 174.845489 31.4825613 174.845489 32.4597256 174.086121 33.0259958 173.204607 33.5931642 173.606071 33.8087152 175.170162 34.6875343 175.170162 35.8937214 175.170162 37.0639834 174.15348 38.1992183 172.387759 38.1992183L172.387759 38.1992183z"/>
  <g transform="translate(164.807 31.435)">
    <path d="M2.19233264,6.62010811 C1.57846154,6.62010811 0.818195426,6.64480665 0.488133056,6.64480665 L0.488133056,6.04889813 C0.979409563,6.04889813 1.52951351,6.06147193 1.52951351,5.25629938 L1.52951351,2.00641996 C1.52951351,1.20079834 0.979409563,1.20079834 0.488133056,1.20079834 L0.42795842,0.740058212 L2.85290644,0.292340956 L2.85380457,0.745446985 L2.85380457,5.25629938 C2.85380457,6.06147193 3.51707277,6.04889813 3.91000416,6.04889813 L3.91000416,6.64480665 C3.54132225,6.64480665 2.80575468,6.62010811 2.19233264,6.62010811"/>
    <polyline points="11.576 9.43 10.864 9.072 14.915 1.823 10.848 1.823 10.758 .579 16.193 .579 16.193 1.156 11.576 9.43"/>
  </g>
  <path d="M183.635476,40.5994678 C182.483177,40.5994678 181.797006,40.0552017 181.453472,39.6214054 L181.845505,39.026395 C182.18904,39.4229189 182.778661,39.8194428 183.562728,39.8194428 C184.285272,39.8194428 185.094936,39.4485156 185.094936,38.3837838 C185.094936,37.0693721 183.525006,36.6984449 182.900358,36.5498046 L182.840183,36.1775301 C183.674096,35.5699459 184.469838,34.9264366 184.469838,34.0970146 C184.469838,33.3569563 184.016283,32.9860291 183.317089,32.9860291 C182.594545,32.9860291 182.249663,33.5549938 182.32331,34.2335301 L181.674412,34.0350437 C181.674412,34.0350437 181.63669,33.9245738 181.63669,33.6412141 C181.63669,32.8499626 182.312083,31.8575301 183.685771,31.8575301 C184.947642,31.8575301 185.854753,32.5643576 185.854753,33.6039418 C185.854753,34.6911268 184.776549,35.3602328 184.310869,35.7567568 C184.812474,35.9170728 186.492424,36.4995094 186.492424,38.1094054 C186.492424,39.6959501 185.009164,40.5994678 183.635476,40.5994678"/>
  <path d="M35.1285156,23.5166071 C35.0234345,23.7941289 34.9457464,24.1071268 34.9057796,24.4457214 L35.8151351,24.7362661 L35.1285156,23.5166071"/>
  <path d="M36.7042827,22.2659626 C36.1636091,22.157738 35.660657,22.4976798 35.319817,23.1070603 L36.0109272,24.3886902 L36.0109272,22.9332723 C36.0109272,22.9332723 36.2098628,22.9471933 36.3378462,23.0325156 L36.3378462,24.5813389 L37.0576965,23.7083576 C37.1861289,23.8794511 37.2745946,24.1048815 37.2745946,24.1048815 L36.552948,24.9666362 L37.5480748,25.2971476 C37.5480748,25.2971476 37.562894,25.5077588 37.5453805,25.7592349 L36.5516008,25.4296216 L37.2400166,26.7103534 C37.1349356,26.8643825 37.0186279,26.9681164 37.0186279,26.9681164 L36.3378462,25.6864865 L36.3378462,27.2564158 C36.1541788,27.2344116 36.0109272,27.1576216 36.0109272,27.1576216 L36.0109272,25.5885904 L35.1518669,26.5567734 C35.4231019,27.2564158 35.8681247,27.7607152 36.3939792,27.8662453 C37.3145613,28.0485655 38.1314096,26.9452141 38.2171809,25.3990852 C38.3011559,23.8525073 37.6244158,22.450079 36.7042827,22.2659626"/>
  <path d="M34.8765904 24.8988274C34.8685073 25.3164574 34.9143119 25.7206154 35.0054719 26.0897464L35.8016632 25.1920665 34.8765904 24.8988274M22.0818462 19.5293638C21.1900042 19.5293638 20.3789938 19.8711019 19.760183 20.4261455L19.9986362 20.6277755C20.464316 20.3691143 21.0337297 20.2101455 21.6022453 20.2101455 21.8627027 20.2101455 22.1150769 20.2451726 22.3589189 20.3048981L22.3589189 22.4348108 23.753264 21.0395676C23.8839418 21.1545281 24.0056383 21.279368 24.1165572 21.4136383L22.7271518 22.8021455 24.8031767 22.8021455C24.8597588 23.0464366 24.8929896 23.2983617 24.8929896 23.5574719 24.8929896 24.1183534 24.7726403 24.6814802 24.5305946 25.1435676L24.7304283 25.3963909C25.265264 24.7753347 25.6092474 23.9854304 25.6092474 23.098079 25.6092474 21.1379127 24.0186611 19.5293638 22.0818462 19.5293638M19.4862536 23.3235094C19.537447 23.8430769 19.7354844 24.3289647 20.0606071 24.7326736L21.4706694 23.3235094 19.4862536 23.3235094M20.0543202 21.3862453C19.7300956 21.7917505 19.5338545 22.2807817 19.4858046 22.8021455L21.4706694 22.8021455 20.0543202 21.3862453"/>
  <path d="M21.8375551 22.4348108L21.8375551 20.4117755C21.3134969 20.4634179 20.8235676 20.6717838 20.4180624 21.01442L21.8375551 22.4348108M22.7262536 23.3235094L24.1358669 24.7322245C24.4605405 24.3289647 24.658578 23.8426279 24.7102204 23.3235094L22.7262536 23.3235094M22.3589189 25.6986112C22.8793846 25.6469688 23.3666195 25.4417464 23.7707775 25.1031518L22.3589189 23.6917422 22.3589189 25.6986112M21.8375551 25.6986112L21.8375551 23.6917422 20.4261455 25.1036008C20.8307526 25.4417464 21.3170894 25.6469688 21.8375551 25.6986112"/>
  <g>
    <polyline points="24.405 37.354 35.737 37.354 24.405 34.576 24.405 37.354"/>
    <path d="M43.248499,35.2623368 L22.1141788,30.0442079 L22.1141788,27.494869 L43.248499,32.7080582 L43.248499,35.2623368 Z M13.4346611,28.714079 L13.4346611,23.6091143 L17.8000166,23.6091143 C17.7775634,23.4263451 17.7649896,23.2413306 17.7649896,23.0527235 C17.7649896,22.2116258 17.9967069,21.4248649 18.3986195,20.7548607 C18.715659,20.1980208 19.1494553,19.7359335 19.676657,19.391052 C20.3798919,18.9051642 21.2295218,18.6204574 22.1456133,18.6204574 C24.5651726,18.6204574 26.5271351,20.6057713 26.5271351,23.0527235 C26.5271351,23.2413306 26.5136632,23.4263451 26.491659,23.6091143 L30.5925156,23.6091143 L30.5925156,28.6974636 L22.0454719,26.5895551 L13.4346611,28.714079 Z M21.5056965,31.6433264 L1.6269605,36.5031019 L1.6269605,35.7599002 L21.5056965,30.832316 L21.5056965,31.6433264 Z M7.48770062,28.4194927 C6.42341788,28.4194927 5.32410811,27.3592516 5.32410811,25.2347277 C5.32410811,23.230553 6.20741788,21.6619709 7.53440333,21.6619709 C8.69613306,21.6619709 9.61536798,23.0410478 9.6530894,24.5557422 L12.5967069,23.7379958 L12.5967069,28.9210977 L8.01894387,30.0509439 L8.01894387,28.3180042 C7.84470686,28.3853638 7.66463202,28.4194927 7.48770062,28.4194927 Z M22.0486154,16.8587775 C35.4707027,16.8587775 39.9869439,22.4554678 39.9869439,22.4554678 L39.9869439,25.3829189 L39.4970146,25.2396674 C39.5477588,23.8834927 39.1081247,22.6099459 38.3447152,21.781422 C37.8017963,21.1904532 37.1214636,20.8877838 36.3953264,20.8904782 C35.1298628,20.9039501 34.1482079,21.906711 33.7144116,23.5413056 L31.0680748,22.7693638 L27.3094054,22.7693638 C27.1212474,19.8975967 24.9976216,17.8548025 22.1352848,17.8548025 C19.2756424,17.8548025 17.1726736,19.9380125 16.9827193,22.7698129 L12.9456299,22.7698129 L11.5194012,23.1663368 L11.5194012,19.9357672 C10.3774304,20.2775052 9.34188773,20.6475343 8.42175468,21.0135218 C8.16354262,20.910237 7.88826611,20.8527568 7.59727235,20.8527568 C6.96094802,20.8527568 6.3587526,21.1230936 5.85580042,21.634578 C5.62318503,21.8698877 5.41751351,22.1510021 5.24013306,22.4662453 C4.76906445,22.7132308 4.39005405,22.9265364 4.10938877,23.090894 L4.10938877,22.4554678 C4.10938877,22.4554678 8.62562994,16.8587775 22.0486154,16.8587775 Z M12.9963742,16.1052474 C12.9963742,16.1052474 14.9264532,9.46313514 19.488499,6.63986694 C19.5087069,6.63582536 19.5289148,6.63043659 19.5486736,6.62594595 C17.1430353,8.45992516 15.0732973,12.7188524 14.0319168,16.7429189 C11.2679252,17.3186195 9.13576715,18.150736 7.53036175,18.9927318 C7.63185031,18.5557921 7.77510187,18.2171975 7.84470686,18.0375717 C10.3177048,16.8039917 12.9963742,16.1052474 12.9963742,16.1052474 Z M22.1128316,6.29902703 C23.3756008,6.30127235 26.6407484,7.45581705 28.950736,16.5305114 C26.9591351,16.1878753 24.6702536,15.977264 22.0477173,15.977264 C19.4871518,15.977264 17.2427277,16.1779958 15.2843576,16.5071601 C17.5912017,7.46165489 20.8487152,6.30351767 22.1128316,6.29902703 Z M36.7711933,19.1023035 C35.1698295,18.2374054 33.0192599,17.3725073 30.2040748,16.7730062 C29.1653888,12.7399584 27.0916091,8.46486486 24.6801331,6.62594595 C28.9898046,7.54652807 34.880183,12.5693139 36.7711933,19.1023035 Z M31.4309189,28.9044823 L31.4309189,23.7501206 L34.322894,24.5930146 C34.4140541,22.7716091 35.4132225,21.6453555 36.5902204,21.6453555 C37.8130229,21.6453555 38.8121913,23.348657 38.7398919,25.3613638 C38.7340541,25.5400915 38.7160915,25.7089397 38.6927401,25.8723992 L40.496632,26.4018462 L40.496632,31.1403742 L31.4309189,28.9044823 Z M41.3354844,31.3473929 L41.3354844,25.7785447 L40.7647235,25.6110437 L40.7647235,22.2183617 C40.7647235,22.2183617 40.2294387,21.4643825 38.9311933,20.4804823 L38.9666694,20.5011393 L38.970262,19.7507526 C38.970262,19.7507526 38.4632682,19.3456965 38.106262,19.0785031 C37.1708607,16.0998586 35.2326985,13.1032516 32.7592516,10.7209647 C30.7236424,8.76034927 28.3427027,7.23038669 25.9869106,6.47775468 C25.9855634,5.89127651 25.2657131,5.37844491 24.1170062,5.09957588 C23.4577796,3.96029938 23.4200582,2.71414553 23.4200582,2.71414553 L22.9638087,2.52194595 L22.7828358,1.97408732 L23.3158753,1.54253638 C23.3158753,1.54253638 22.728948,0.0687068607 22.1168732,0.0687068607 C21.502553,0.0687068607 20.9138295,1.54253638 20.9138295,1.54253638 L21.4518087,1.97318919 L21.2735301,2.51341372 L20.8145863,2.71414553 C20.8145863,2.71414553 20.7786611,3.83590852 20.1032682,5.11125156 C19.0448233,5.37799584 18.4278087,5.89576715 18.3608981,6.43913514 C18.3164407,6.45305613 18.2755759,6.466079 18.241447,6.47775468 C15.886104,7.23038669 13.5051642,8.76034927 11.4695551,10.7209647 C9.04146362,13.0596923 7.12844906,15.9920832 6.17463617,18.9168399 C5.82032432,19.1858295 5.27471102,19.6402827 5.27471102,19.6402827 L5.27830353,20.3906694 L5.31377963,20.3686653 C3.90775884,21.4064532 3.33205821,22.2183617 3.33205821,22.2183617 L3.33205821,25.543684 L2.75141788,25.7206154 L2.75141788,31.3505364 L0,32.0299709 L0,35.5883576 L0.825380457,35.9570395 L0.825380457,37.3536299 L22.6885322,37.3536299 L22.6885322,32.3955094 L43.290711,37.4636507 L43.290711,35.9354844 L44.0693888,35.5946445 L44.0693888,32.0214387 L41.3354844,31.3473929 L41.3354844,31.3473929 Z"/>
  </g>
  <path d="M8.01759667,27.1059792 L8.01759667,27.062869 L8.00996258,25.6087983 L8.72936383,26.4476507 L8.71768815,26.463817 C8.52459044,26.7467277 8.29601663,26.9618295 8.05531809,27.0857713 L8.01759667,27.1059792 Z M7.99379626,22.9480915 L8.01714761,22.9458462 C8.26054054,22.9157588 8.4985447,22.9871601 8.69388773,23.1492723 L8.71095218,23.1631933 L8.70152183,23.181605 L8.00277755,24.456499 L7.99379626,22.9480915 Z M7.65699792,27.2065696 C7.62197089,27.2110603 7.58469854,27.2128565 7.55056965,27.2128565 C7.35208316,27.2128565 7.17155925,27.1441497 6.99866944,27.0035925 L6.98205405,26.9896715 L6.99193347,26.9708108 L7.67406237,25.6923243 L7.68079834,27.2038753 L7.65699792,27.2065696 Z M6.73192516,26.6905946 C6.58059044,26.4472017 6.48404158,26.1346528 6.44991268,25.7888732 L6.4472183,25.7677672 L7.45716424,25.4471351 L6.75527651,26.7292141 L6.73192516,26.6905946 Z M6.44632017,25.2356258 C6.47730561,24.8691892 6.59271518,24.4439252 6.74764241,24.1264366 L6.76560499,24.0900624 L7.49713098,24.937447 L6.44362578,25.2751435 L6.44632017,25.2356258 Z M6.97486902,23.6894969 C7.18548025,23.3823368 7.39025364,23.1838503 7.6206237,23.0648482 L7.65969231,23.0450894 L7.65969231,23.0886486 L7.66642827,24.5463119 L6.96454054,23.7056632 L6.97486902,23.6894969 Z M9.00688565,26.1207318 L8.17027859,25.2145198 L9.14160499,24.9118503 C9.14070686,24.8543701 9.14070686,24.798237 9.13711435,24.7412058 C9.13082744,24.6338794 9.12094802,24.5296965 9.10837422,24.4277588 L8.23404574,24.7052807 L8.88518919,23.5157089 C8.56096466,22.6633846 7.96685239,22.1519002 7.31975052,22.2816798 C6.40186279,22.4648981 5.72781705,23.8637339 5.8117921,25.404474 C5.89711435,26.9461123 6.709921,28.0463202 7.62870686,27.8644491 C8.25694802,27.738711 8.77202495,27.0422121 9.00688565,26.1207318 L9.00688565,26.1207318 Z"/>
  <path d="M190.650312,30.0733971 C190.423085,30.0733971 190.29106,30.0877672 190.269505,30.0877672 L190.269505,31.2611726 C190.393896,31.2831767 190.584748,31.3051809 190.738778,31.3051809 C191.046387,31.3051809 191.251609,31.0119418 191.251609,30.6378711 C191.251609,30.2858046 191.068391,30.0733971 190.650312,30.0733971 Z M192.050495,32.727368 C191.779709,32.727368 191.62568,32.6981788 191.456832,32.5293306 C191.281247,32.3532973 190.892358,31.8476507 190.69432,31.5395925 C190.672316,31.5324075 190.393896,31.5104033 190.269505,31.4955842 L190.269505,32.1777131 C190.269505,32.4121247 190.437904,32.4781372 190.665131,32.4781372 L190.665131,32.720183 C190.445089,32.720183 190.364707,32.7053638 189.997821,32.7053638 C189.631385,32.7053638 189.543368,32.720183 189.323326,32.720183 L189.323326,32.4709522 C189.550553,32.4709522 189.726586,32.4049397 189.726586,32.170079 L189.726586,30.351817 C189.726586,30.1174054 189.48499,30.0513929 189.279767,30.0513929 L189.279767,29.8093472 C189.455351,29.8093472 189.660574,29.8165322 190.005455,29.8165322 C190.357073,29.8165322 190.467094,29.8093472 190.665131,29.8021622 C191.434827,29.787343 191.845272,30.058578 191.845272,30.5718586 C191.845272,30.9899376 191.405638,31.2903617 191.20805,31.3860125 C191.310437,31.5104033 192.014121,32.4781372 192.351368,32.448948 L192.351368,32.6833597 C192.351368,32.6833597 192.234162,32.727368 192.050495,32.727368 Z M190.723509,28.9224449 C189.462985,28.9224449 188.377597,29.5969397 188.377597,31.2315343 C188.377597,33.2626528 190.005455,33.5850811 190.782337,33.5850811 C192.072499,33.5850811 193.047867,32.7641913 193.047867,31.2755426 C193.047867,29.6481331 191.9041,28.9224449 190.723509,28.9224449 Z M190.723509,33.856316 C189.521364,33.856316 188.018345,33.2186445 188.018345,31.2755426 C188.018345,29.6041247 189.205672,28.6507609 190.709139,28.6507609 C192.12459,28.6507609 193.399933,29.4577297 193.399933,31.2755426 C193.399933,32.8962162 192.219343,33.856316 190.723509,33.856316 L190.723509,33.856316 Z"/>
</svg>

                  <div class="space-y-4">
            <h2 class="text-h5 text-theme-accent">Location</h2>
            <p class="font-sans-alt">
              One University Plaza<br/>Cape Girardeau, MO 63701
            </p>
          </div>
                          <div class="space-y-4">
            <h2 class="text-h5 text-theme-accent">Contact</h2>
            <div class="wysiwyg font-sans-alt">
              <p><a href="tel:5736512000">(573) 651-2000</a></p><p><a href="https://semo.edu/auxiliary/contact.html"> Contact Us</a></p> 
            </div>
          </div>
                <ul class="flex gap-x-4">
                      <li>
              <a aria-label="Facebook" class="group transition-opacity duration-300" href="https://www.facebook.com/SEMissouriState/">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-10 md:h-6 w-10 md:w-6 group-hover:opacity-[0.8]" fill="none" height="24" viewBox="0 0 24 24" width="24">
  <path d="M24 12.073C24 5.446 18.627 0.072998 12 0.072998C5.373 0.072998 0 5.446 0 12.073C0 18.063 4.388 23.027 10.125 23.927V15.542H7.078V12.072H10.125V9.43C10.125 6.423 11.917 4.761 14.658 4.761C15.97 4.761 17.344 4.996 17.344 4.996V7.949H15.83C14.339 7.949 13.874 8.874 13.874 9.823V12.073H17.202L16.67 15.543H13.874V23.928C19.612 23.027 24 18.062 24 12.073Z" fill="currentColor"/>
</svg>

              </a>
            </li>
                      <li>
              <a aria-label="Instagram" class="group transition-opacity duration-300" href="https://instagram.com/semissouristate">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-10 md:h-6 w-10 md:w-6 group-hover:opacity-[0.8]" fill="none" height="24" viewBox="0 0 24 24" width="24">
  <g clip-path="url(#clip0_2830_12318)">
    <path d="M12 0C8.74 0 8.333 0.015 7.053 0.072C5.775 0.132 4.905 0.333 4.14 0.63C3.351 0.936 2.681 1.347 2.014 2.014C1.347 2.681 0.935 3.35 0.63 4.14C0.333 4.905 0.131 5.775 0.072 7.053C0.012 8.333 0 8.74 0 12C0 15.26 0.015 15.667 0.072 16.947C0.132 18.224 0.333 19.095 0.63 19.86C0.936 20.648 1.347 21.319 2.014 21.986C2.681 22.652 3.35 23.065 4.14 23.37C4.906 23.666 5.776 23.869 7.053 23.928C8.333 23.988 8.74 24 12 24C15.26 24 15.667 23.985 16.947 23.928C18.224 23.868 19.095 23.666 19.86 23.37C20.648 23.064 21.319 22.652 21.986 21.986C22.652 21.319 23.065 20.651 23.37 19.86C23.666 19.095 23.869 18.224 23.928 16.947C23.988 15.667 24 15.26 24 12C24 8.74 23.985 8.333 23.928 7.053C23.868 5.776 23.666 4.904 23.37 4.14C23.064 3.351 22.652 2.681 21.986 2.014C21.319 1.347 20.651 0.935 19.86 0.63C19.095 0.333 18.224 0.131 16.947 0.072C15.667 0.012 15.26 0 12 0ZM12 2.16C15.203 2.16 15.585 2.176 16.85 2.231C18.02 2.286 18.655 2.48 19.077 2.646C19.639 2.863 20.037 3.123 20.459 3.542C20.878 3.962 21.138 4.361 21.355 4.923C21.519 5.345 21.715 5.98 21.768 7.15C21.825 8.416 21.838 8.796 21.838 12C21.838 15.204 21.823 15.585 21.764 16.85C21.703 18.02 21.508 18.655 21.343 19.077C21.119 19.639 20.864 20.037 20.444 20.459C20.025 20.878 19.62 21.138 19.064 21.355C18.644 21.519 17.999 21.715 16.829 21.768C15.555 21.825 15.18 21.838 11.97 21.838C8.759 21.838 8.384 21.823 7.111 21.764C5.94 21.703 5.295 21.508 4.875 21.343C4.306 21.119 3.915 20.864 3.496 20.444C3.075 20.025 2.806 19.62 2.596 19.064C2.431 18.644 2.237 17.999 2.176 16.829C2.131 15.569 2.115 15.18 2.115 11.985C2.115 8.789 2.131 8.399 2.176 7.124C2.237 5.954 2.431 5.31 2.596 4.89C2.806 4.32 3.075 3.93 3.496 3.509C3.915 3.09 4.306 2.82 4.875 2.611C5.295 2.445 5.926 2.25 7.096 2.19C8.371 2.145 8.746 2.13 11.955 2.13L12 2.16ZM12 5.838C8.595 5.838 5.838 8.598 5.838 12C5.838 15.405 8.598 18.162 12 18.162C15.405 18.162 18.162 15.402 18.162 12C18.162 8.595 15.402 5.838 12 5.838ZM12 16C9.79 16 8 14.21 8 12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12C16 14.21 14.21 16 12 16ZM19.846 5.595C19.846 6.39 19.2 7.035 18.406 7.035C17.611 7.035 16.966 6.389 16.966 5.595C16.966 4.801 17.612 4.156 18.406 4.156C19.199 4.155 19.846 4.801 19.846 5.595Z" fill="currentColor"/>
  </g>
  <defs>
    <clipPath id="clip0_2830_12318">
      <rect fill="currentColor" height="24" width="24"/>
    </clipPath>
  </defs>
</svg>

              </a>
            </li>
                      <li>
              <a aria-label="linkedIn" class="group transition-opacity duration-300" href="https://www.linkedin.com/school/southeast-missouri-state-university">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-10 md:h-6 w-10 md:w-6 group-hover:opacity-[0.8]" fill="none" height="24" viewBox="0 0 24 24" width="24">
  <g clip-path="url(#clip0_2830_12320)">
    <path d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166L20.447 20.452ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z" fill="currentColor"/>
  </g>
  <defs>
    <clipPath id="clip0_2830_12320">
      <rect fill="currentColor" height="24" width="24"/>
    </clipPath>
  </defs>
</svg>

              </a>
            </li>
                      <li>
              <a aria-label="YouTube" class="group transition-opacity duration-300" href="https://www.youtube.com/user/SEMissouriState">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-10 md:h-6 w-10 md:w-6 group-hover:opacity-[0.8]" fill="none" height="24" viewBox="0 0 24 24" width="24">
  <g clip-path="url(#clip0_2830_12322)">
    <path d="M23.4992 6.20299C23.3601 5.70449 23.0948 5.25031 22.7288 4.88436C22.3629 4.51841 21.9087 4.25307 21.4102 4.11399C19.5402 3.61299 12.0102 3.61299 12.0102 3.61299C12.0102 3.61299 4.5012 3.60299 2.6112 4.11399C2.11277 4.25331 1.65871 4.51887 1.29294 4.88499C0.92716 5.25112 0.662035 5.70543 0.523195 6.20399C0.168405 8.11881 -0.00668926 10.0626 0.000195359 12.01C-0.00538317 13.9504 0.169706 15.8871 0.523195 17.795C0.662185 18.2934 0.927377 18.7475 1.29314 19.1134C1.65891 19.4794 2.11288 19.7448 2.6112 19.884C4.4802 20.386 12.0112 20.386 12.0112 20.386C12.0112 20.386 19.5192 20.386 21.4102 19.884C21.9088 19.7448 22.3631 19.4793 22.729 19.1132C23.095 18.7471 23.3603 18.2927 23.4992 17.794C23.8449 15.8857 24.0123 13.9493 23.9992 12.01C24.0138 10.0626 23.8464 8.11919 23.4992 6.20299ZM9.6082 15.603V8.40699L15.8742 12.011L9.6082 15.603Z" fill="currentColor"/>
  </g>
  <defs>
    <clipPath id="clip0_2830_12322">
      <rect fill="currentColor" height="24" width="24"/>
    </clipPath>
  </defs>
</svg>

              </a>
            </li>
                  </ul>
      </div>
      <div class="flex flex-wrap gap-8">
                  <nav>
            <h2 class="text-h5 text-theme-accent pb-2">Campuses</h2>
            <ul class="">
                
                                    
                                                                                          <li>
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../about/campuses/index" target="_blank">
Cape Girardeau
  </a>
                                 </li>
                                    
                                                                                          <li>
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../about/campuses/river-campus" target="_blank">
River Campus
  </a>
                                 </li>
                                    
                                                                                          <li>
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../about/campuses/kennett" target="_blank">
Kennett
  </a>
                                 </li>
                                    
                                                                                          <li>
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../about/campuses/sikeston" target="_blank">
Sikeston
  </a>
                                 </li>
                
               
                </ul>

          </nav>
                  <nav>
            <h2 class="text-h5 text-theme-accent pb-2">Campus Links</h2>
            <ul class="">
                					
                                                                                          <li>
                                  
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="index" target="_blank">
News
  </a>

                </li>
               
                													
                                          <li>
                                  
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="https://semoredhawks.com" target="_blank">
Athletics
  </a>

                </li>
               
                													
                                                                                          <li>
                                  
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../events/index" target="_blank">
Events
  </a>

                </li>
               
                													
                                                                                          <li>
                                  
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../blog/index" target="_blank">
Blog
  </a>

                </li>
               
                													
                                                                                          <li>
                                  
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../about/accreditation/index" target="_blank">
Accreditations
  </a>

                </li>
               
                													
                                          <li>
                                  
                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="https://showmecenter.com/" target="_blank">
Show Me Center
  </a>

                </li>
               
                																 </ul>

          </nav>
                  <nav>
            <h2 class="text-h5 text-theme-accent pb-2">Policies</h2>
            <ul class="">
                									
                                                            									<li>
									                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../hr/employment" target="_blank">
Employment
  </a>

                </li>
																											
                                                            									<li>
									                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../student-support/health-wellness/accessibility-services/index" target="_blank">
Accessibility
  </a>

                </li>
																											
                                                            									<li>
									                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../auxiliary/non-discrimination-policy" target="_blank">
Nondiscrimination Policy
  </a>

                </li>
																											
                                                            									<li>
									                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../auxiliary/privacy-policy" target="_blank">
Privacy Policy
  </a>

                </li>
																											
                                                            									<li>
									                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../student-support/health-wellness/university-police/police/crime-statistics" target="_blank">
Disclosures
  </a>

                </li>
																											
                                                            									<li>
									                  <a class="text-theme-on-primary py-2 group/link flex gap-x-2 items-center text-link decoration-solid hover:opacity-70 transition-opacity duration-300" href="../auxiliary/sunshine-law" target="_blank">
Sunshine Law
  </a>

                </li>
																										</ul>
                              
          </nav>
              </div>
    </div>
  </div>
  <div class="container">
      <div class="be-ix-link-block"></div>
    <div class="text-theme-on-primary flex flex-col items-center justify-between gap-y-8 pt-8 md:flex-row md:gap-x-8">
      <div class="font-sans-alt w-full">
        <div class="relative z-10 mx-auto w-fit">
           <span class="px-6">© 2026 SEMO</span>  
        <img alt="A deep copper circular decoration" class="absolute left-1/2 top-2/5 w-[150%] h-auto -z-10 -translate-x-1/2 -translate-y-1/2 aspect-[2.1098265896]" src="../_files/images/newbrand/circle-copper.webp"/>

        </div>
      </div>
    </div>
  </div>
</footer>

	</div>
	<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCDR9X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->
	</body>
</html>