{"id":854,"date":"2026-08-26T14:48:40","date_gmt":"2026-08-26T14:48:40","guid":{"rendered":"https:\/\/jsums.org\/webservices\/?page_id=854"},"modified":"2026-08-26T14:49:24","modified_gmt":"2026-08-26T14:49:24","slug":"jsu-centers-and-institutes","status":"publish","type":"page","link":"https:\/\/jsums.org\/webservices\/jsu-centers-and-institutes\/","title":{"rendered":"JSU Centers and Institutes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"854\" class=\"elementor elementor-854\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f08ac e-flex e-con-boxed e-con e-parent\" data-id=\"a4f08ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e101797 elementor-widget elementor-widget-html\" data-id=\"e101797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<meta name=\"description\" content=\"JSU Web Style Guide standards for centers and institutes - branding requirements, minimum identity elements, and guidelines for new center and institute websites.\">\n<title>JSU Centers and Institutes &middot; Jackson State University<\/title>\n<link rel=\"canonical\" href=\"https:\/\/www.jsums.edu\/webguide\/jsu-centers-and-institutes\/\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800&family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--navy:#002147;--navy-deep:#00152E;--navy-mid:#003366;--blue:#008ED6;--blue-dk:#007ABB;--blue-xdk:#00629A;--blue-lt:#3DB4F0;--blue-ltr:#6DC8F5;--blue-pale:#EBF6FD;--white:#FFFFFF;--off-white:#F3F7FB;--surface:#E6EEF6;--border:#C2D4E6;--t900:#1C2430;--t700:#4A5060;--t500:#636B78;--on-navy:#FFFFFF;--on-navy-sub:#C0C8D4;--on-navy-tert:#96A0AE;--on-deep-sub:#B8C2D0;--err:#C62828;--err-bg:#FFF0F0;--ok:#2E7D32;--ok-bg:#F0FFF1;--focus:#008ED6;--focus-dark:#6DC8F5;--fh:'Sora',sans-serif;--fb:'Crimson Pro',Georgia,serif;--mw:1340px;--r:14px;--ease:cubic-bezier(0.22,1,0.36,1);}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}\nbody{font-family:var(--fb);font-size:1rem;line-height:1.7;color:#1C2430;background:#FFFFFF;overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nimg{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;}ul,ol{list-style:none;}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}\na:focus-visible,button:focus-visible,[role=\"button\"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px;}\n.dk a:focus-visible,.dk button:focus-visible{outline-color:var(--focus-dark);}\n.w{max-width:1340px;margin:0 auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem);}\n.skip-link{position:absolute;top:-120px;left:1rem;background:#008ED6;color:#FFFFFF;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-family:var(--fh);font-weight:700;font-size:.9rem;z-index:9999;transition:top .2s;text-decoration:underline;}\n.skip-link:focus{top:0;outline:3px solid #FFFFFF;outline-offset:2px;}\n.breadcrumb{background:#E6EEF6;border-bottom:1px solid #C2D4E6;padding:.65rem 0;}\n.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:var(--fh);font-size:.78rem;color:#636B78;}\n.breadcrumb__list li{display:flex;align-items:center;gap:.35rem;}\n.breadcrumb__list li+li::before{content:'\u203a';color:#C2D4E6;font-size:1rem;}\n.breadcrumb__list a{color:#00629A;text-decoration:underline;text-underline-offset:2px;font-weight:500;}\n.breadcrumb__list a:hover{color:#002147;}\n.breadcrumb__list [aria-current=\"page\"]{color:#4A5060;font-weight:600;}\n.hero{position:relative;background-color:#00152E;background-image:linear-gradient(135deg,#00152E 0%,#002147 100%);overflow:hidden;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3rem,6vw,5rem);}\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(0,142,214,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 80% at 20% 80%,rgba(0,33,71,.6) 0%,transparent 70%);pointer-events:none;}\n.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;align-items:center;gap:2rem;}\n.hero__tag{display:inline-block;font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3DB4F0;background:rgba(0,142,214,.15);border:1px solid rgba(0,142,214,.3);border-radius:4px;padding:.25rem .75rem;margin-bottom:1rem;}\n.hero__title{font-family:var(--fh);font-weight:800;font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.08;letter-spacing:-.025em;color:#FFFFFF;margin-bottom:.85rem;}\n.hero__title em{font-family:var(--fb);font-style:italic;color:#3DB4F0;}\n.hero__desc{font-family:var(--fb);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65;color:#C0C8D4;max-width:620px;margin-bottom:1.75rem;}\n.hero__btns{display:flex;gap:.75rem;flex-wrap:wrap;}\n.hero__stat-band{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,142,214,.2);border-radius:8px;min-width:180px;}\n.hero__stat{text-align:center;}\n.hero__stat-num{font-family:var(--fh);font-size:2rem;font-weight:800;color:#3DB4F0;line-height:1;}\n.hero__stat-lbl{font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#96A0AE;margin-top:.3rem;}\n.hero__stat+.hero__stat{border-top:1px solid rgba(0,142,214,.2);padding-top:1.5rem;}\n.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--fh);font-weight:600;font-size:.88rem;letter-spacing:.02em;padding:.7rem 1.4rem;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;text-decoration:none;line-height:1.2;}\n.btn:active{transform:scale(.98);}\n.btn--primary{background:#00659E;color:#FFFFFF;border-color:#008ED6;}\n.btn--primary:hover{background:#007ABB;border-color:#007ABB;}\n.btn--outline-white{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.5);}\n.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;}\n.btn--outline-navy{background:transparent;color:#002147;border-color:#002147;}\n.btn--outline-navy:hover{background:#002147;color:#FFFFFF;}\n.sec{padding:clamp(3.5rem,7vw,5.5rem) 0;}\n.sec--off{background:#F3F7FB;}\n.sec--navy{background:#002147;}\n.sec--deep{background:#00152E;}\n.sec--surface{background:#E6EEF6;}\n.sec-eyebrow{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#00629A;display:block;margin-bottom:.6rem;}\n.sec--navy .sec-eyebrow,.sec--deep .sec-eyebrow{color:#3DB4F0;}\n.sec-title{font-family:var(--fh);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.022em;color:#002147;margin-bottom:.75rem;}\n.sec--navy .sec-title,.sec--deep .sec-title{color:#FFFFFF;}\n.sec-body{font-family:var(--fb);font-size:1.1rem;color:#4A5060;max-width:680px;line-height:1.75;}\n.sec--navy .sec-body{color:#C0C8D4;}\n.sec-head{margin-bottom:clamp(2rem,3.5vw,3.5rem);}\n.sec-head--center{text-align:center;}\n.sec-head--center .sec-body{margin:0 auto;}\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start;}\n.about-body p{font-family:var(--fb);font-size:1.1rem;color:#4A5060;line-height:1.8;margin-bottom:1.1rem;}\n.about-facts{background:#E6EEF6;border-radius:8px;padding:2rem;}\n.about-facts__title{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#00629A;margin-bottom:1.25rem;}\n.about-facts dl{display:grid;gap:.85rem;}\n.about-facts dt{font-family:var(--fh);font-size:.78rem;font-weight:700;color:#636B78;letter-spacing:.05em;text-transform:uppercase;}\n.about-facts dd{font-family:var(--fb);font-size:1rem;color:#1C2430;margin-left:0;padding-left:.75rem;border-left:2px solid #008ED6;}\n.tabs__list{display:flex;gap:.25rem;border-bottom:2px solid #C2D4E6;margin-bottom:2rem;flex-wrap:wrap;}\n.tabs__btn{font-family:var(--fh);font-weight:600;font-size:.88rem;color:#4A5060;background:none;border:none;padding:.7rem 1.25rem;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color .15s,background .15s,border-color .15s;}\n.tabs__btn:hover{color:#002147;background:#E6EEF6;}\n.tabs__btn[aria-selected=\"true\"]{color:#002147;border-bottom-color:#008ED6;background:#F3F7FB;}\n.tabs__panel{display:none;}\n.tabs__panel.is-active{display:block;}\n.program-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}\n.program-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:.85rem;transition:border-color .2s,box-shadow .2s;text-decoration:none;color:inherit;}\n.program-card:hover{border-color:#008ED6;box-shadow:0 4px 20px rgba(0,142,214,.1);}\n.program-card__dot{width:8px;height:8px;border-radius:50%;background:#008ED6;margin-top:.55rem;flex-shrink:0;}\n.program-card__name{font-family:var(--fh);font-size:.92rem;font-weight:600;color:#002147;margin-bottom:.2rem;}\n.program-card__level{font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#636B78;}\n.accordion{border:1px solid #C2D4E6;border-radius:8px;overflow:hidden;}\n.accordion+.accordion{margin-top:.75rem;}\n.accordion__trigger{width:100%;text-align:left;background:#FFFFFF;border:none;padding:1.1rem 1.5rem;font-family:var(--fh);font-weight:600;font-size:.95rem;color:#002147;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .15s;}\n.accordion__trigger:hover{background:#F3F7FB;}\n.accordion__trigger[aria-expanded=\"true\"]{background:#002147;color:#FFFFFF;}\n.accordion__icon{width:20px;height:20px;border-radius:50%;background:#E6EEF6;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .15s,transform .3s;}\n.accordion__trigger[aria-expanded=\"true\"] .accordion__icon{background:rgba(255,255,255,.15);color:#FFFFFF;transform:rotate(180deg);}\n.accordion__body{display:none;padding:1.5rem;background:#F3F7FB;border-top:1px solid #C2D4E6;font-family:var(--fb);font-size:1.05rem;color:#4A5060;line-height:1.75;}\n.accordion__body.is-open{display:block;}\n.accordion__body p+p{margin-top:.85rem;}\n.accordion__body ul{list-style:disc;padding-left:1.5rem;margin-top:.75rem;}\n.accordion__body li{margin-bottom:.35rem;}\n.faculty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;}\n.faculty-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.5rem;}\n.faculty-card__name{font-family:var(--fh);font-weight:700;font-size:1rem;color:#002147;margin-bottom:.2rem;}\n.faculty-card__title{font-family:var(--fh);font-size:.8rem;color:#00629A;font-weight:600;margin-bottom:.5rem;}\n.faculty-card__contact{font-family:var(--fh);font-size:.78rem;color:#636B78;}\n.faculty-card__contact a{color:#00629A;text-decoration:underline;}\n.cta-band{background:#00152E;padding:clamp(3rem,6vw,5rem) 0;}\n.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}\n.cta-band__title{font-family:var(--fh);font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);color:#FFFFFF;line-height:1.15;margin-bottom:.5rem;}\n.cta-band__sub{font-family:var(--fb);font-size:1.1rem;color:#C0C8D4;}\n.cta-band__btns{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0;}\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}\n.contact-info__title{font-family:var(--fh);font-weight:700;font-size:1.2rem;color:#002147;margin-bottom:1.25rem;}\n.contact-item{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.1rem;}\n.contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n.contact-item__label{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n.contact-item__val{font-family:var(--fb);font-size:1rem;color:#1C2430;}\n.contact-item__val a{color:#00629A;text-decoration:underline;}\n.form-group{margin-bottom:1.25rem;}\n.form-label{display:block;font-family:var(--fh);font-weight:600;font-size:.85rem;color:#1C2430;margin-bottom:.4rem;}\n.required{color:#C62828;}\n.form-control{display:block;width:100%;font-family:var(--fb);font-size:1rem;color:#1C2430;background:#FFFFFF;border:1.5px solid #C2D4E6;border-radius:8px;padding:.65rem .9rem;transition:border-color .2s;}\n.form-control:focus{outline:none;border-color:#008ED6;box-shadow:0 0 0 3px rgba(0,142,214,.15);}\ntextarea.form-control{min-height:120px;resize:vertical;}\n.form-control.is-error{border-color:#C62828;}\n.form-error{font-family:var(--fh);font-size:.8rem;color:#C62828;margin-top:.3rem;display:none;}\n.form-error.is-visible{display:block;}\n.form-status{font-family:var(--fh);font-size:.9rem;padding:.85rem 1.1rem;border-radius:8px;margin-bottom:1rem;display:none;}\n.form-status.is-ok{display:block;background:#F0FFF1;color:#2E7D32;border:1px solid #a5d6a7;}\n.form-status.is-err{display:block;background:#FFF0F0;color:#C62828;border:1px solid #ef9a9a;}\n.site-footer{background:#00152E;padding:clamp(3rem,6vw,5rem) 0 2rem;}\n.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;}\n.footer__brand-name{font-family:var(--fh);font-weight:800;font-size:1.1rem;color:#FFFFFF;margin-bottom:.35rem;}\n.footer__brand-sub{font-family:var(--fh);font-size:.82rem;color:#C0C8D4;margin-bottom:.85rem;}\n.footer__brand-contact{font-family:var(--fb);font-size:.95rem;color:#96A0AE;line-height:1.8;}\n.footer__brand-contact a{color:#3DB4F0;text-decoration:underline;}\n.footer__col-title{font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#96A0AE;margin-bottom:.85rem;}\n.site-footer nav ul{display:grid;gap:.5rem;}\n.site-footer nav a{font-family:var(--fh);font-size:.85rem;color:#C0C8D4;transition:color .15s;}\n.site-footer nav a:hover{color:#FFFFFF;}\n.footer__legal{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.footer__legal p{font-family:var(--fh);font-size:.78rem;color:#96A0AE;}\n.footer__legal-links{display:flex;flex-wrap:wrap;gap:1rem;}\n.footer__legal-links a{font-family:var(--fh);font-size:.78rem;color:#96A0AE;text-decoration:underline;}\n.footer__legal-links a:hover{color:#FFFFFF;}\n.fnav-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(0);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#002147;color:#FFFFFF;border:none;border-radius:6px 0 0 6px;padding:.9rem .55rem;cursor:pointer;box-shadow:-2px 0 12px rgba(0,21,46,.35);opacity:0;visibility:hidden;transform:translateY(-50%) translateX(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .15s;}.fnav-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}.fnav-toggle:hover{background:#007ABB;}.fnav-toggle__icon{font-size:1rem;line-height:1;display:block;}.fnav-toggle__label{font-family:var(--fh);font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:.3rem;color:#FFFFFF;}\n.fnav-overlay{position:fixed;inset:0;background:rgba(0,21,46,.55);z-index:600;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}\n.fnav-overlay.is-open{opacity:1;visibility:visible;}\n.fnav-drawer{position:fixed;top:0;right:-340px;width:320px;max-width:90vw;height:100%;background:#FFFFFF;z-index:700;display:flex;flex-direction:column;box-shadow:-4px 0 40px rgba(0,21,46,.25);transition:right .35s cubic-bezier(0.22,1,0.36,1);}\n.fnav-drawer.is-open{right:0;}\n.fnav-drawer__header{background:#002147;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0;}\n.fnav-drawer__eyebrow{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#3DB4F0;display:block;margin-bottom:.2rem;}\n.fnav-drawer__title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:#FFFFFF;display:block;}\n.fnav-close{background:rgba(255,255,255,.1);border:none;color:#FFFFFF;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;}\n.fnav-close:hover{background:rgba(255,255,255,.2);}\n.fnav-drawer__body{flex:1;overflow-y:auto;padding:1.5rem;}\n.fnav-group__label{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#636B78;display:block;margin-bottom:.75rem;}\n.fnav-group__items{display:grid;gap:.2rem;}\n.fnav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;font-family:var(--fh);font-size:.88rem;font-weight:500;color:#4A5060;transition:background .15s,color .15s;}\n.fnav-item:hover{background:#E6EEF6;color:#002147;}\n.fnav-item.is-active{background:#EBF6FD;color:#00629A;font-weight:600;}\n.fnav-item__dot{width:6px;height:6px;border-radius:50%;background:#C2D4E6;flex-shrink:0;transition:background .15s;}\n.fnav-item.is-active .fnav-item__dot{background:#008ED6;}\n.fnav-drawer__footer{color:#FFFFFF !important;border-top:1px solid #C2D4E6;padding:1rem 1.5rem;flex-shrink:0;}\n.fnav-footer-link{color:#FFFFFF !important;text-decoration:none;font-family:var(--fh);font-size:.82rem;font-weight:600;color:#00629A;text-decoration:underline;text-underline-offset:2px;}\n.jsu-btt{position:fixed;bottom:28px;right:28px;z-index:900;background:#008ED6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#FFFFFF;font-size:22px;line-height:1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s,background .15s;box-shadow:0 4px 16px rgba(0,142,214,.35);}\n.jsu-btt.is-visible{opacity:1;visibility:visible;transform:translateY(0);}\n.jsu-btt:hover{background:#007ABB;}\n.jsu-btt:focus-visible{outline:3px solid #5BAADC;outline-offset:3px;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;color:#1C2430;background:#FFFFFF;}\n.resource-list{display:grid;gap:.75rem;}\n.resource-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;transition:border-color .2s;}\n.resource-item:hover{border-color:#008ED6;}\n.resource-icon{font-size:1.5rem;flex-shrink:0;}\n.resource-item__name{font-family:var(--fh);font-weight:600;font-size:.92rem;color:#002147;}\n.resource-item__desc{font-family:var(--fb);font-size:.9rem;color:#636B78;}\n.resource-item__link{font-family:var(--fh);font-size:.8rem;font-weight:600;color:#00629A;text-decoration:underline;margin-left:auto;white-space:nowrap;flex-shrink:0;}\n@media(max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr;}.footer__grid{grid-template-columns:1fr 1fr;}.hero__inner{grid-template-columns:1fr;}.hero__stat-band{flex-direction:row;flex-wrap:wrap;min-width:0;}}\n@media(max-width:600px){.footer__grid{grid-template-columns:1fr;}.cta-band__inner{flex-direction:column;}}\n\n    .contact-items{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:0;}\n    .contact-item{display:flex;gap:.85rem;align-items:flex-start;min-width:220px;}\n    .contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n    .contact-item__label{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n    .contact-item__val{font-family:var(--fb);font-size:1rem;color:#1C2430;}\n    .contact-item__val a{color:#00629A;text-decoration:underline;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ELEMENTOR CONTAINMENT RESETS\n   Prevents Elementor wrapper styles from bleeding into our\n   custom HTML content blocks.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Zero out all padding\/margin\/gap\/background on every Elementor wrapper *\/\n.elementor-widget-container,\n.elementor-widget-wrap,\n.elementor-widget-wrap > .elementor-element,\n.elementor-section .elementor-container,\n.elementor-section .elementor-row,\n.e-con,\n.e-con-inner,\n.e-child,\n.e-con > .e-con-inner {\n    padding: 0 !important;\n    margin: 0 !important;\n    gap: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    border: none !important;\n    box-shadow: none !important;\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Section-level Elementor wrappers *\/\n.elementor-section,\n.elementor-top-section,\n.elementor-inner-section {\n    padding: 0 !important;\n    margin: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n}\n\n\/* Strip Elementor heading color overrides *\/\n.elementor-widget-container h1,\n.elementor-widget-container h2,\n.elementor-widget-container h3,\n.elementor-widget-container h4,\n.elementor-widget-container h5,\n.elementor-widget-container p,\n.elementor-widget-container a {\n    color: inherit !important;\n}\n\n\/* \u2500\u2500 Dark section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   .hero and .cta-band.dk MUST stay dark regardless of\n   Elementor theme color injection.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero,\n.hero * {\n    color: #FFFFFF !important;\n}\n.hero__inner {\n    justify-items: center !important;\n    text-align: center !important;\n}\n.hero__inner > div {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n    max-width: 780px !important;\n    margin: 0 auto !important;\n}\n.hero__btns {\n    justify-content: center !important;\n}\n.hero__desc {\n    max-width: 640px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n.hero__tag {\n    display: inline-block !important;\n}\n.hero {\n    background-color: #00152E !important;\n    background-image: linear-gradient(135deg, #00152E 0%, #002147 60%, #003366 100%) !important;\n    position: relative !important;\n}\n.cta-band.dk {\n    background-color: #002147 !important;\n    background-image: linear-gradient(135deg, #00152E 0%, #002147 100%) !important;\n    color: #FFFFFF !important;\n}\n.cta-band.dk * {\n    color: #FFFFFF !important;\n}\n.cta-band.dk .btn--primary {\n    background-color: #00659E !important;\n    color: #FFFFFF !important;\n}\n.cta-band.dk .btn--outline-white {\n    border-color: rgba(255,255,255,0.6) !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Section background hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec {\n    background-color: #FFFFFF !important;\n    color: #1C2430 !important;\n}\n.sec--off {\n    background-color: #F3F7FB !important;\n    color: #1C2430 !important;\n}\n.sec--surface {\n    background-color: #E6EEF6 !important;\n    color: #1C2430 !important;\n}\n\n\/* \u2500\u2500 Text color hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec .sec-title,\n.sec .sec-eyebrow,\n.sec h2,\n.sec h3 {\n    color: #002147 !important;\n}\n.sec p,\n.sec li,\n.sec dd,\n.sec dt {\n    color: #4A5060 !important;\n}\n.sec a {\n    color: #00629A !important;\n}\n\n\/* \u2500\u2500 About section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.about-facts {\n    background: #E6EEF6 !important;\n    border-radius: 8px !important;\n    padding: clamp(1.5rem, 3vw, 2.5rem) !important;\n}\n.about-facts__title {\n    color: #00629A !important;\n    font-weight: 700 !important;\n}\n.about-facts dl dt {\n    color: #636B78 !important;\n    text-transform: uppercase !important;\n    font-size: .72rem !important;\n    letter-spacing: .08em !important;\n    font-weight: 700 !important;\n}\n.about-facts dl dd {\n    color: #1C2430 !important;\n    font-size: .97rem !important;\n}\n\n\/* \u2500\u2500 Card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n}\n.card__eyebrow { color: #00629A !important; }\n.card__title   { color: #002147 !important; }\n.card__text    { color: #4A5060 !important; }\n.card__link    { color: #00629A !important; }\n\n\/* \u2500\u2500 Faculty card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.faculty-card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n}\n.faculty-card__name  { color: #002147 !important; }\n.faculty-card__title { color: #636B78 !important; }\n.faculty-card__contact, \n.faculty-card__contact a { color: #00629A !important; }\n\n\/* \u2500\u2500 Resource list hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.resource-item {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-bottom-color: #C2D4E6 !important;\n}\n.resource-item__name { color: #002147 !important; }\n.resource-item__desc { color: #4A5060 !important; }\n.resource-item__link { color: #00629A !important; border-color: #00629A !important; }\n\n\/* \u2500\u2500 Program card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.program-card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n    color: #1C2430 !important;\n}\n.program-card__name  { color: #002147 !important; }\n.program-card__level { color: #636B78 !important; }\n.program-card__dot   { background: #008ED6 !important; }\n\n\/* \u2500\u2500 Tab hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tabs__btn {\n    background: transparent !important;\n    color: #002147 !important;\n    border-color: #C2D4E6 !important;\n}\n.tabs__btn[aria-selected=\"true\"] {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n    border-color: #002147 !important;\n}\n\n\/* \u2500\u2500 Accordion hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.accordion__trigger {\n    background: #FFFFFF !important;\n    color: #002147 !important;\n    border-color: #C2D4E6 !important;\n}\n.accordion__trigger[aria-expanded=\"true\"] {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.accordion__body { \n    background: #FFFFFF !important; \n    color: #4A5060 !important;\n}\n\n\/* \u2500\u2500 Nav drawer hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-drawer {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.fnav-drawer__header {\n    background: #00152E !important;\n    border-bottom-color: rgba(0,142,214,0.3) !important;\n}\n.fnav-drawer__title { color: #FFFFFF !important; }\n.fnav-drawer__eyebrow { color: #3DB4F0 !important; }\n.fnav-item { color: rgba(255,255,255,0.85) !important; }\n.fnav-item.is-active,\n.fnav-item:hover { color: #FFFFFF !important; background: rgba(0,142,214,0.2) !important; }\n.fnav-group__label { color: #3DB4F0 !important; }\n.fnav-drawer__footer { color: #FFFFFF !important; }\n.fnav-footer-link { color: #FFFFFF !important; text-decoration: none; }\n.fnav-footer-link:hover { color: #3DB4F0 !important; }\n\n\/* \u2500\u2500 Hero text hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero__tag     { color: #3DB4F0 !important; }\n.hero__title   { color: #FFFFFF !important; }\n.hero__desc    { color: rgba(255,255,255,0.85) !important; }\n.hero__btns .btn--primary       { background-color: #00659E !important; color: #FFFFFF !important; }\n.hero__btns .btn--outline-white { border-color: rgba(255,255,255,0.6) !important; color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Breadcrumb hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.breadcrumb { background: #002147 !important; }\n.breadcrumb a, .breadcrumb span { color: rgba(255,255,255,0.75) !important; }\n.breadcrumb [aria-current=\"page\"] { color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Contact section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.contact-items { color: #1C2430 !important; }\n.contact-item__label { color: #636B78 !important; }\n.contact-item__val   { color: #1C2430 !important; }\n.contact-item__val a { color: #00629A !important; }\n\n\/* \u2500\u2500 Skip link \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link:focus {\n    background: #008ED6 !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 BTT button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.jsu-btt {\n    background: #00659E !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Menu toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.fnav-toggle:hover { background: #007ABB !important; }\n\n\/* \u2500\u2500 WCAG: Ensure minimum contrast on all body text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody { \n    background-color: #FFFFFF !important; \n    color: #1C2430 !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TICKER STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticker-wrap{\n    background:#00152E;\n    border-top:1px solid rgba(0,142,214,.25);\n    border-bottom:1px solid rgba(0,142,214,.25);\n    overflow:hidden;\n    padding:.55rem 0;\n    position:relative;\n}\n.ticker-wrap::before,\n.ticker-wrap::after{\n    content:'';\n    position:absolute;\n    top:0;bottom:0;\n    width:80px;\n    z-index:2;\n    pointer-events:none;\n}\n.ticker-wrap::before{\n    left:0;\n    background:linear-gradient(to right,#00152E,transparent);\n}\n.ticker-wrap::after{\n    right:0;\n    background:linear-gradient(to left,#00152E,transparent);\n}\n.ticker-label{\n    position:absolute;\n    left:0;top:50%;\n    transform:translateY(-50%);\n    background:#008ED6;\n    color:#FFFFFF;\n    font-family:var(--fh);\n    font-size:.65rem;\n    font-weight:700;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n    padding:.35rem .75rem;\n    z-index:3;\n    white-space:nowrap;\n}\n.ticker-track{\n    display:flex;\n    align-items:center;\n    gap:0;\n    width:max-content;\n    animation:ticker-scroll 40s linear infinite;\n    padding-left:160px;\n}\n.ticker-track:hover{animation-play-state:paused;}\n.ticker-item{\n    display:inline-flex;\n    align-items:center;\n    gap:.5rem;\n    white-space:nowrap;\n    padding:0 1.5rem;\n    font-family:var(--fh);\n    font-size:.78rem;\n    font-weight:500;\n    color:rgba(255,255,255,.75);\n    transition:color .2s;\n    text-decoration:none;\n}\n.ticker-item:hover{color:#3DB4F0;}\n.ticker-item::before{\n    content:'';\n    display:inline-block;\n    width:4px;height:4px;\n    border-radius:50%;\n    background:#008ED6;\n    flex-shrink:0;\n}\n@keyframes ticker-scroll{\n    0%{transform:translateX(0);}\n    100%{transform:translateX(-50%);}\n}\n@media(prefers-reduced-motion:reduce){\n    .ticker-track{animation:none;overflow-x:auto;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO CENTERING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero__inner{\n    justify-items:center;\n    text-align:center;\n}\n.hero__inner > div{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    text-align:center;\n    max-width:780px;\n    margin:0 auto;\n}\n.hero__desc{\n    max-width:640px;\n    margin-left:auto;\n    margin-right:auto;\n}\n.hero__btns{\n    justify-content:center;\n}\n\n\n\/* \u2500\u2500 Visually hidden elements \u2014 explicit colors for accessibility checkers \u2500\u2500 *\/\n.sr-only,\n.visually-hidden {\n    color: #1C2430 !important;\n    background-color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Screen-reader-only toggle label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle__label {\n    color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Skip link always has explicit colors \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link {\n    background-color: #00659E !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Breadcrumb: sit flush below global header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody {\n    padding-top: 65px !important;\n    background-color: #002147 !important;\n}\n.breadcrumb {\n    margin-top: 0 !important;\n    scroll-margin-top: 65px !important;\n}\n#main-content {\n    scroll-margin-top: 65px !important;\n}\n.admin-bar body { padding-top: 97px !important; }\n.admin-bar .breadcrumb { scroll-margin-top: 97px !important; }\n\/* \u2500\u2500 Hero: full viewport height \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero {\n    min-height: 100vh !important;\n    height: 100vh !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 0 !important;\n    position: relative !important;\n}\n.hero__inner {\n    justify-items: center !important;\n    text-align: center !important;\n    padding: clamp(2rem, 4vh, 5rem) 0 !important;\n    width: 100% !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   JSU GLOBAL NAVIGATION \u2014 matches jsums.edu exactly\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.jsu-global-nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 1000;\n    background: #002147;\n    box-shadow: 0 2px 16px rgba(0,0,0,.35);\n}\n.jsu-global-nav__top {\n    background: #00152E;\n    padding: .3rem 0;\n    border-bottom: 1px solid rgba(0,142,214,.2);\n}\n.jsu-global-nav__top-inner {\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 0 clamp(1.25rem,4vw,3rem);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 1rem;\n    flex-wrap: wrap;\n}\n.jsu-global-nav__util-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: .15rem .75rem;\n    list-style: none;\n}\n.jsu-global-nav__util-links a {\n    font-family: var(--fh);\n    font-size: .68rem;\n    font-weight: 500;\n    color: rgba(255,255,255,.65);\n    text-decoration: none;\n    letter-spacing: .02em;\n    transition: color .15s;\n}\n.jsu-global-nav__util-links a:hover { color: #3DB4F0; }\n.jsu-global-nav__ctas {\n    display: flex;\n    gap: .4rem;\n}\n.jsu-global-nav__cta {\n    font-family: var(--fh);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .05em;\n    text-decoration: none;\n    padding: .3rem .85rem;\n    border-radius: 4px;\n    transition: background .15s, color .15s;\n}\n.jsu-global-nav__cta--apply {\n    background: #00659E;\n    color: #FFFFFF;\n}\n.jsu-global-nav__cta--apply:hover { background: #007ABB; }\n.jsu-global-nav__cta--visit {\n    background: transparent;\n    color: rgba(255,255,255,.8);\n    border: 1px solid rgba(255,255,255,.3);\n}\n.jsu-global-nav__cta--visit:hover { background: rgba(255,255,255,.08); color: #FFFFFF; }\n.jsu-global-nav__cta--give {\n    background: #3DB4F0;\n    color: #002147;\n    font-weight: 800;\n}\n.jsu-global-nav__cta--give:hover { background: #6DC8F5; }\n\n.jsu-global-nav__main {\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 0 clamp(1.25rem,4vw,3rem);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n    gap: 1.5rem;\n}\n.jsu-global-nav__logo {\n    display: flex;\n    align-items: center;\n    gap: .65rem;\n    text-decoration: none;\n    flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark {\n    width: 44px;\n    height: 44px;\n    border-radius: 6px;\n    background: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark span {\n    font-family: var(--fh);\n    font-weight: 900;\n    font-size: 1.05rem;\n    color: #002147;\n    letter-spacing: -.03em;\n}\n.jsu-global-nav__logo-text { line-height: 1.15; }\n.jsu-global-nav__logo-text strong {\n    display: block;\n    font-family: var(--fh);\n    font-weight: 800;\n    font-size: .88rem;\n    color: #FFFFFF;\n    letter-spacing: .01em;\n}\n.jsu-global-nav__logo-text span {\n    font-family: var(--fh);\n    font-size: .62rem;\n    font-weight: 500;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: #3DB4F0;\n}\n\n.jsu-global-nav__menu {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    list-style: none;\n}\n.jsu-global-nav__menu > li {\n    position: relative;\n}\n.jsu-global-nav__menu > li > a,\n.jsu-global-nav__menu > li > button {\n    display: flex;\n    align-items: center;\n    gap: .3rem;\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 600;\n    color: rgba(255,255,255,.85);\n    text-decoration: none;\n    padding: .55rem .75rem;\n    border-radius: 6px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    transition: color .15s, background .15s;\n    white-space: nowrap;\n}\n.jsu-global-nav__menu > li > a:hover,\n.jsu-global-nav__menu > li > button:hover {\n    color: #FFFFFF;\n    background: rgba(255,255,255,.08);\n}\n.jsu-global-nav__menu > li > a::after,\n.jsu-global-nav__menu > li > button.has-sub::after {\n    content: '';\n    display: inline-block;\n    width: 0; height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid currentColor;\n    opacity: .6;\n    margin-left: .2rem;\n    transition: transform .2s;\n}\n.jsu-global-nav__menu > li:hover > button.has-sub::after,\n.jsu-global-nav__menu > li:focus-within > button.has-sub::after {\n    transform: rotate(180deg);\n}\n\n\/* Dropdowns *\/\n.jsu-global-nav__dropdown {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    min-width: 220px;\n    background: #001736;\n    border: 1px solid rgba(0,142,214,.25);\n    border-radius: 8px;\n    box-shadow: 0 8px 32px rgba(0,0,0,.4);\n    padding: .5rem 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(-8px);\n    transition: opacity .2s, visibility .2s, transform .2s;\n    z-index: 100;\n    list-style: none;\n}\n.jsu-global-nav__menu > li:hover .jsu-global-nav__dropdown,\n.jsu-global-nav__menu > li:focus-within .jsu-global-nav__dropdown {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n}\n.jsu-global-nav__dropdown a {\n    display: block;\n    padding: .5rem 1.1rem;\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 500;\n    color: rgba(255,255,255,.8);\n    text-decoration: none;\n    transition: color .15s, background .15s;\n}\n.jsu-global-nav__dropdown a:hover {\n    color: #FFFFFF;\n    background: rgba(0,142,214,.15);\n}\n.jsu-global-nav__dropdown .drop-group-label {\n    display: block;\n    padding: .65rem 1.1rem .25rem;\n    font-family: var(--fh);\n    font-size: .65rem;\n    font-weight: 700;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: #3DB4F0;\n    border-top: 1px solid rgba(0,142,214,.2);\n    margin-top: .35rem;\n}\n.jsu-global-nav__dropdown .drop-group-label:first-child {\n    border-top: none;\n    margin-top: 0;\n}\n\n\/* Mobile menu toggle *\/\n.jsu-global-nav__mob-btn {\n    display: none;\n    background: none;\n    border: 1px solid rgba(255,255,255,.3);\n    border-radius: 6px;\n    color: #FFFFFF;\n    padding: .45rem .65rem;\n    cursor: pointer;\n    font-size: 1.15rem;\n    line-height: 1;\n    transition: background .15s;\n}\n.jsu-global-nav__mob-btn:hover { background: rgba(255,255,255,.1); }\n\n\/* Page body offset for fixed nav *\/\nbody { padding-top: 0 !important; }\n.breadcrumb {\n    margin-top: 104px !important; }\n.admin-bar .breadcrumb {\n    margin-top: 136px !important; }\n#main-content { scroll-margin-top: 104px !important; }\n\n\/* Sections scroll past nav *\/\n[id] { scroll-margin-top: 104px; }\n\n@media(max-width: 1024px) {\n    .jsu-global-nav__menu { display: none; }\n    .jsu-global-nav__mob-btn { display: flex; align-items: center; justify-content: center; }\n}\n@media(max-width: 600px) {\n    .jsu-global-nav__logo-text { display: none; }\n}\n\n\n\/* \u2550\u2550 PDF \/ Document Inline Viewer \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.doc-embed-wrap {\n    margin: 1.25rem 0;\n    border: 1px solid #C2D4E6;\n    border-radius: 10px;\n    overflow: hidden;\n    background: #F3F7FB;\n}\n.doc-embed-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: .6rem 1rem;\n    background: #002147;\n    gap: .75rem;\n    flex-wrap: wrap;\n}\n.doc-embed-toolbar__title {\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 600;\n    color: #FFFFFF;\n    flex: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.doc-embed-toolbar__actions {\n    display: flex;\n    gap: .4rem;\n    flex-shrink: 0;\n}\n.doc-embed-toolbar__btn {\n    font-family: var(--fh);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .04em;\n    padding: .3rem .75rem;\n    border-radius: 5px;\n    text-decoration: none;\n    transition: background .15s, color .15s;\n    white-space: nowrap;\n}\n.doc-embed-toolbar__btn--view {\n    background: #00659E;\n    color: #FFFFFF;\n    border: 1px solid #008ED6;\n}\n.doc-embed-toolbar__btn--view:hover { background: #007ABB; }\n.doc-embed-toolbar__btn--dl {\n    background: rgba(255,255,255,.12);\n    color: rgba(255,255,255,.9);\n    border: 1px solid rgba(255,255,255,.25);\n}\n.doc-embed-toolbar__btn--dl:hover { background: rgba(255,255,255,.2); color: #FFFFFF; }\n.doc-embed-frame {\n    width: 100%;\n    height: 560px;\n    border: none;\n    display: block;\n    background: #FFFFFF;\n}\n@media(max-width:600px){ .doc-embed-frame { height: 380px; } }\n\n\n.pdf-embed-wrap{border-radius:8px;overflow:hidden;box-shadow:0 2px 16px rgba(0,21,46,.1);margin:1.5rem 0;}\n.pdf-embed-header{background:#002147;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}\n.pdf-embed-title{font-family:var(--fh);font-weight:700;font-size:.88rem;color:#FFFFFF;}\n.pdf-embed-actions{display:flex;gap:.5rem;flex-wrap:wrap;}\n.pdf-btn{font-family:var(--fh);font-size:.75rem;font-weight:600;padding:.35rem .85rem;border-radius:4px;text-decoration:none;transition:background .15s;white-space:nowrap;}\n.pdf-btn--view{background:rgba(255,255,255,.15);color:#FFFFFF;}\n.pdf-btn--view:hover{background:rgba(255,255,255,.25);}\n.pdf-btn--dl{background:#00659E;color:#FFFFFF;}\n.pdf-btn--dl:hover{background:#007ABB;}\n.pdf-embed-frame{display:block;background:#F3F7FB;width:100%;border:1px solid #C2D4E6;border-radius:0 0 8px 8px;}\n\n<\/style>\n<\/head>\n<body>\n\n<a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n\n<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n<div class=\"w\"><ol class=\"breadcrumb__list\">\n  <li><a href=\"https:\/\/www.jsums.edu\/\">JSU Home<\/a><\/li>\n  <li><a href=\"https:\/\/www.jsums.edu\/webguide\/\">JSU Web Style Guide<\/a><\/li>\n  <li><span aria-current=\"page\">JSU Centers and Institutes<\/span><\/li>\n<\/ol><\/div>\n<\/nav>\n\n<main id=\"main-content\" class=\"jsu-main-content\">\n\n  <!-- HERO \u2014 full viewport, no scroll hint -->\n  <section class=\"hero dk\" aria-labelledby=\"hero-h\">\n  <div class=\"w\"><div class=\"hero__inner\"><div>\n    <span class=\"hero__tag\">JSU WEB STYLE GUIDE<\/span>\n    <h1 class=\"hero__title\" id=\"hero-h\">\n      JSU Centers and <em>Institutes<\/em>\n    <\/h1>\n    <p class=\"hero__desc\">\n      Branding standards for centers and institutes that maintain their own websites &mdash; what\n      to standardize where possible, and the minimum JSU identity requirements where it is not.\n    <\/p>\n    <div class=\"hero__btns\">\n      <a href=\"#requirements\" class=\"btn btn--primary\">See the Requirements<\/a>\n      <a href=\"#contact\" class=\"btn btn--outline-white\">Contact Us<\/a>\n    <\/div>\n  <\/div><\/div><\/div>\n  <\/section>\n\n  <!-- OVERVIEW -->\n  <section class=\"sec\" id=\"overview\" aria-labelledby=\"overview-h\">\n  <div class=\"w\">\n    <div class=\"about-grid\">\n      <div class=\"about-body\">\n        <span class=\"sec-eyebrow\">Standard<\/span>\n        <h2 class=\"sec-title\" id=\"overview-h\">Bringing center and institute sites onto the JSU brand<\/h2>\n        <p>There are currently several centers and institutes with their own websites. The style of\n        these sites does not match the University's brand; some may lack appropriate references to\n        JSU, while others may have used some iteration of the JSU logo.<\/p>\n        <p>Where possible, it is important that these sites be standardized to reflect the JSU\n        brand. If it is not feasible to change existing sites to match the new branding guidelines,\n        then at a minimum these sites should have appropriate references to JSU &mdash; based on the\n        wordmark and copyright guidelines &mdash; and include the current JSU logo.<\/p>\n        <p>All websites developed by centers and institutes going forward should follow the style\n        guidelines for colleges.<\/p>\n      <\/div>\n      <div class=\"about-facts\">\n        <dl>\n          <div><dt>Applies To<\/dt><dd>Centers and institutes maintaining their own websites<\/dd><\/div>\n          <div><dt>Preferred<\/dt><dd>Full standardization to the JSU brand<\/dd><\/div>\n          <div><dt>Minimum<\/dt><dd>Appropriate JSU references plus the current JSU logo<\/dd><\/div>\n          <div><dt>New Sites<\/dt><dd>Follow the style guidelines for colleges<\/dd><\/div>\n          <div><dt>Phone<\/dt><dd><a href=\"tel:+16019792244\">(601) 979-2244<\/a><\/dd><\/div>\n          <div><dt>Fax<\/dt><dd>(601) 979-8246<\/dd><\/div>\n        <\/dl>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- REQUIREMENTS -->\n  <section class=\"sec sec--off\" id=\"requirements\" aria-labelledby=\"requirements-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Checklist<\/span>\n      <h2 class=\"sec-title\" id=\"requirements-h\">What every center and institute site needs<\/h2>\n    <\/div>\n    <div class=\"program-list\">\n      <div class=\"program-card\">\n        <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n        <div>\n          <div class=\"program-card__name\">Standardize the site to the JSU brand<\/div>\n          <div class=\"program-card__level\">Preferred &mdash; where feasible<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"program-card\">\n        <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n        <div>\n          <div class=\"program-card__name\">Include appropriate references to JSU<\/div>\n          <div class=\"program-card__level\">Minimum &mdash; per wordmark and copyright guidelines<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"program-card\">\n        <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n        <div>\n          <div class=\"program-card__name\">Include the current JSU logo<\/div>\n          <div class=\"program-card__level\">Minimum requirement<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"program-card\">\n        <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n        <div>\n          <div class=\"program-card__name\">Follow the style guidelines for colleges<\/div>\n          <div class=\"program-card__level\">All new center and institute sites<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- EXAMPLE -->\n  <section class=\"sec\" id=\"example\" aria-labelledby=\"example-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Reference<\/span>\n      <h2 class=\"sec-title\" id=\"example-h\">Example from the brand manual<\/h2>\n      <p class=\"sec-body\">The page below, from the JSU brand manual, illustrates how a center or\n      institute site should carry the University's identity.<\/p>\n    <\/div>\n    <figure style=\"margin:0;\">\n      <img decoding=\"async\" src=\"https:\/\/www.jsums.edu\/webguide\/files\/2012\/12\/JSUmanualPg36.jpg\"\n           alt=\"Page from the JSU brand manual illustrating correct use of JSU identity elements on centers and institutes websites\"\n           style=\"width:100%;max-width:900px;border-radius:8px;border:1px solid #C2D4E6;\" title=\"JSU Centers and Institutes\">\n      <figcaption style=\"font-family:'Sora',sans-serif;font-size:.78rem;color:#636B78;margin-top:.75rem;\">\n        JSU brand manual, page 36.\n      <\/figcaption>\n    <\/figure>\n  <\/div>\n  <\/section>\n\n  <!-- RELATED GUIDE SECTIONS -->\n  <section class=\"sec sec--off\" id=\"resources\" aria-labelledby=\"resources-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Related Standards<\/span>\n      <h2 class=\"sec-title\" id=\"resources-h\">Other sections of the web guide<\/h2>\n    <\/div>\n    <div class=\"resource-list\">\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127991;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Identity Elements<\/div>\n          <div class=\"resource-item__desc\">Wordmark, logo, and signature usage across JSU web properties.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/webguide\/identity-elements\/\" class=\"resource-item__link\">Read &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128208;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Required Design Elements<\/div>\n          <div class=\"resource-item__desc\">Design components every JSU site must include.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/webguide\/required-design-elements\/\" class=\"resource-item__link\">Read &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128221;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Required Content Elements<\/div>\n          <div class=\"resource-item__desc\">Content that must appear on every JSU web page.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/webguide\/required-content-elements\/\" class=\"resource-item__link\">Read &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127912;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Color Palette<\/div>\n          <div class=\"resource-item__desc\">Approved brand colors for JSU web properties.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/webguide\/color-palette\/\" class=\"resource-item__link\">Read &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128290;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Typography Standards<\/div>\n          <div class=\"resource-item__desc\">Typefaces and type treatment across JSU sites.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/webguide\/typography-standards\/\" class=\"resource-item__link\">Read &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#9855;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Accessibility<\/div>\n          <div class=\"resource-item__desc\">Accessibility expectations for JSU web content.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/webguide\/accessibility\/\" class=\"resource-item__link\">Read &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128218;<\/div>\n        <div>\n          <div class=\"resource-item__name\">JSU Style Guide<\/div>\n          <div class=\"resource-item__desc\">The University's full editorial and brand style guide.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.edu\/styleguide\/\" class=\"resource-item__link\">Visit &#8594;<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- CTA BAND -->\n  <section class=\"cta-band dk\" aria-labelledby=\"cta-h\">\n  <div class=\"w\"><div class=\"cta-band__inner\">\n    <div>\n      <h2 class=\"cta-band__title\" id=\"cta-h\">Building a center or institute site?<\/h2>\n      <p class=\"cta-band__sub\">Start with the required design and content elements, then check your\n      identity usage against the brand standards.<\/p>\n    <\/div>\n    <div class=\"cta-band__btns\">\n      <a href=\"https:\/\/www.jsums.edu\/webguide\/required-design-elements\/\" class=\"btn btn--primary\">Required Design Elements<\/a>\n      <a href=\"https:\/\/www.jsums.edu\/webguide\/\" class=\"btn btn--outline-white\">Web Guide Home<\/a>\n    <\/div>\n  <\/div><\/div>\n  <\/section>\n\n  <!-- CONTACT \u2014 always the last section in main -->\n  <section class=\"sec sec--surface\" id=\"contact\" aria-labelledby=\"contact-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\" style=\"margin-bottom:1.5rem;\">\n      <span class=\"sec-eyebrow\">Get in Touch<\/span>\n      <h2 class=\"sec-title\" id=\"contact-h\">Contact the JSU Web Guide<\/h2>\n    <\/div>\n    <div class=\"contact-items\">\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128205;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Mailing Address<\/div>\n          <div class=\"contact-item__val\">\n            P.O. Box 17199<br>\n            Jackson, MS 39217\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128222;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Phone<\/div>\n          <div class=\"contact-item__val\">\n            <a href=\"tel:+16019792244\">(601) 979-2244<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128438;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Fax<\/div>\n          <div class=\"contact-item__val\">(601) 979-8246<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <figure style=\"margin:2.5rem 0 0 0;\">\n      <img decoding=\"async\" src=\"https:\/\/www.jsums.edu\/webguide\/files\/2024\/04\/DSCF3038.jpg\" alt=\"DSCF3038\"\n           style=\"width:100%;max-width:768px;border-radius:8px;border:1px solid #C2D4E6;\" title=\"JSU Centers and Institutes\">\n    <\/figure>\n  <\/div>\n  <\/section>\n\n<\/main><!-- end of main content -->\n\n<button class=\"fnav-toggle\"\n        aria-label=\"Open page navigation menu\"\n        aria-expanded=\"false\"\n        aria-controls=\"fnav-drawer\"\n        type=\"button\">\n  <span class=\"fnav-toggle__icon\" aria-hidden=\"true\">&#9776;<\/span>\n  <span class=\"fnav-toggle__label\">Menu<\/span>\n<\/button>\n\n<div class=\"fnav-overlay\" id=\"fnav-overlay\" aria-hidden=\"true\"><\/div>\n\n<nav class=\"fnav-drawer\" id=\"fnav-drawer\" aria-label=\"Page navigation\" aria-hidden=\"true\">\n\n  <div class=\"fnav-drawer__header\">\n    <div>\n      <span class=\"fnav-drawer__eyebrow\">Jackson State University<\/span>\n      <span class=\"fnav-drawer__title\">JSU Web Style Guide<\/span>\n    <\/div>\n    <button class=\"fnav-close\" aria-label=\"Close navigation menu\" type=\"button\">&times;<\/button>\n  <\/div>\n\n  <div class=\"fnav-drawer__body\">\n    <div class=\"fnav-group\">\n      <ul class=\"fnav-group__items\" role=\"list\">\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Introduction<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/jsu-homepage\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">JSU Homepage<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/accessibility\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Accessibility<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/identity-elements\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Identity Elements<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/required-design-elements\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Required Design Elements<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/uo-signature-use-standards\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">UO Signature Use Standards<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/typography-standards\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Typography Standards<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/navigation\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Navigation<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/style-sheets\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Style Sheets<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/color-palette\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Color Palette<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/required-content-elements\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Required Content Elements<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/browser-compatibility-use-of-flash\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Browser Compatibility &amp; Use of Flash<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/search-engine-optimization-seo\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Search Engine Optimization (SEO)<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/writing-for-the-web\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Writing for the Web<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/jsu-social-media\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">JSU Social Media<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/webguide\/jsu-centers-and-institutes\/\" class=\"fnav-item\" aria-current=\"page\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">JSU Centers and Institutes<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.edu\/styleguide\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">JSU Style Guide<\/span>\n          <\/a>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"fnav-drawer__footer\">\n    <a href=\"https:\/\/www.jsums.edu\/webguide\/\"\n       class=\"fnav-footer-link\"\n       style=\"color:#FFFFFF !important;\">&#8592; JSU Web Style Guide<\/a>\n  <\/div>\n\n<\/nav>\n\n<!-- Back to top button \u2014 do not remove, JS controls visibility -->\n<button class=\"jsu-btt\" id=\"jsu-btt\" aria-label=\"Back to top\" type=\"button\">&#8679;<\/button>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 Year \u2500\u2500 *\/\nvar yr=document.getElementById('year');\nif(yr)yr.textContent=new Date().getFullYear();\n\n\/* \u2500\u2500 Drawer Nav \u2500\u2500 *\/\nvar toggle=document.querySelector('.fnav-toggle'),\n    drawer=document.getElementById('fnav-drawer'),\n    overlay=document.getElementById('fnav-overlay'),\n    closeBtn=document.querySelector('.fnav-close'),\n    navLinks=document.querySelectorAll('.fnav-item[href^=\"#\"]'),\n    isOpen=false;\n\nfunction openD(){\n  isOpen=true;\n  drawer.classList.add('is-open');\n  overlay.classList.add('is-open');\n  drawer.removeAttribute('aria-hidden');\n  overlay.removeAttribute('aria-hidden');\n  toggle.setAttribute('aria-expanded','true');\n  document.body.style.overflow='hidden';\n  var f=drawer.querySelector('button,[href],[tabindex]:not([tabindex=\"-1\"])');\n  if(f)f.focus();\n}\nfunction closeD(){\n  isOpen=false;\n  drawer.classList.remove('is-open');\n  overlay.classList.remove('is-open');\n  drawer.setAttribute('aria-hidden','true');\n  overlay.setAttribute('aria-hidden','true');\n  toggle.setAttribute('aria-expanded','false');\n  document.body.style.overflow='';\n  if(toggle)toggle.focus();\n}\n\nif(toggle)toggle.addEventListener('click',openD);\nif(closeBtn)closeBtn.addEventListener('click',closeD);\nif(overlay)overlay.addEventListener('click',closeD);\n\ndocument.addEventListener('keydown',function(e){\n  if(!isOpen)return;\n  if(e.key==='Escape'){closeD();return;}\n  if(e.key==='Tab'){\n    var focusable=Array.from(drawer.querySelectorAll(\n      'button:not([disabled]),[href],[tabindex]:not([tabindex=\"-1\"])'\n    )).filter(function(el){return el.offsetParent!==null;});\n    if(!focusable.length)return;\n    var first=focusable[0],last=focusable[focusable.length-1];\n    if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}\n    else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}\n  }\n});\n\nnavLinks.forEach(function(link){\n  link.addEventListener('click',function(e){\n    var t=document.querySelector(this.getAttribute('href'));\n    if(!t)return;\n    e.preventDefault();\n    closeD();\n    setTimeout(function(){\n      var ab=document.getElementById('wpadminbar');\n      var off=24+(ab?ab.offsetHeight:0);\n      window.scrollTo({top:t.getBoundingClientRect().top+window.pageYOffset-off,behavior:'smooth'});\n      t.setAttribute('tabindex','-1');\n      t.focus({preventScroll:true});\n    },220);\n  });\n});\n\n\/* \u2500\u2500 IntersectionObserver: active section in drawer \u2500\u2500 *\/\nif('IntersectionObserver' in window){\n  var sm={};\n  navLinks.forEach(function(link){\n    var id=link.getAttribute('href').replace('#','');\n    var el=document.getElementById(id);\n    if(el)sm[id]=link;\n  });\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        Object.values(sm).forEach(function(l){\n          l.classList.remove('is-active');\n          l.setAttribute('aria-current','false');\n        });\n        var a=sm[entry.target.id];\n        if(a){a.classList.add('is-active');a.setAttribute('aria-current','true');}\n      }\n    });\n  },{rootMargin:'-20% 0px -60% 0px',threshold:0});\n  Object.keys(sm).forEach(function(id){\n    var el=document.getElementById(id);\n    if(el)io.observe(el);\n  });\n}\n\n\/* \u2500\u2500 Scroll: BTT + Menu toggle show\/hide \u2500\u2500 *\/\nvar btt=document.getElementById('jsu-btt');\nvar tog=document.querySelector('.fnav-toggle');\n\nwindow.addEventListener('scroll',function(){\n  var y=window.pageYOffset;\n  \/* Back-to-top: show after 300px *\/\n  if(btt)btt.classList.toggle('is-visible',y>300);\n  \/* Menu tab: show after 200px, hide when back at very top *\/\n  if(tog)tog.classList.toggle('is-visible',y>200);\n},{passive:true});\n\nif(btt){\n  btt.addEventListener('click',function(){\n    window.scrollTo({top:0,behavior:'smooth'});\n  });\n}\n\n\/* \u2500\u2500 Tabs (ARIA tablist) \u2500\u2500 *\/\nvar tabs=document.querySelectorAll('[role=\"tab\"]');\nvar panels=document.querySelectorAll('[role=\"tabpanel\"]');\n\ntabs.forEach(function(btn,i){\n  btn.addEventListener('click',function(){\n    tabs.forEach(function(b){\n      b.setAttribute('aria-selected','false');\n      b.setAttribute('tabindex','-1');\n    });\n    panels.forEach(function(p){\n      p.classList.remove('is-active');\n      p.setAttribute('hidden','');\n    });\n    btn.setAttribute('aria-selected','true');\n    btn.setAttribute('tabindex','0');\n    var p=document.getElementById(btn.getAttribute('aria-controls'));\n    if(p){p.classList.add('is-active');p.removeAttribute('hidden');}\n  });\n  btn.addEventListener('keydown',function(e){\n    var d=0;\n    if(e.key==='ArrowRight')d=1;\n    if(e.key==='ArrowLeft')d=-1;\n    if(d===0)return;\n    e.preventDefault();\n    var n=(i+d+tabs.length)%tabs.length;\n    tabs[n].focus();\n    tabs[n].click();\n  });\n});\n\n\/* \u2500\u2500 Accordion \u2500\u2500 *\/\ndocument.querySelectorAll('.accordion__trigger').forEach(function(btn){\n  btn.addEventListener('click',function(){\n    var ex=btn.getAttribute('aria-expanded')==='true';\n    var body=document.getElementById(btn.getAttribute('aria-controls'));\n    btn.setAttribute('aria-expanded',String(!ex));\n    if(body)body.classList.toggle('is-open',!ex);\n  });\n});\n\n\/* \u2500\u2500 Contact form validation \u2500\u2500 *\/\nwindow.submitContactForm=function(){\n  var n=document.getElementById('cf-name'),\n      em=document.getElementById('cf-email'),\n      msg=document.getElementById('cf-message'),\n      st=document.getElementById('form-status'),\n      ok=true;\n  [n,em,msg].forEach(function(el){\n    if(!el)return;\n    el.classList.remove('is-error');\n    var err=document.getElementById(el.getAttribute('aria-describedby'));\n    if(err)err.classList.remove('is-visible');\n  });\n  if(st){st.className='form-status';st.textContent='';}\n  function flag(el){\n    ok=false;el.classList.add('is-error');\n    var err=document.getElementById(el.getAttribute('aria-describedby'));\n    if(err)err.classList.add('is-visible');\n  }\n  if(n&&!n.value.trim())flag(n);\n  if(em&&!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value))flag(em);\n  if(msg&&!msg.value.trim())flag(msg);\n  if(!ok){\n    if(st){st.className='form-status is-err';st.textContent='Please correct the highlighted fields before submitting.';}\n    var fe=document.querySelector('.form-control.is-error');\n    if(fe)fe.focus();\n    return;\n  }\n  if(st){\n    st.className='form-status is-ok';\n    st.textContent=\"Thank you! Your message has been sent. We'll respond within 1-2 business days.\";\n    st.focus();\n  }\n  [n,em,msg].forEach(function(el){if(el)el.value='';});\n  var sub=document.getElementById('cf-subject');\n  if(sub)sub.selectedIndex=0;\n};\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JSU Centers and Institutes &middot; Jackson State University Skip to main content JSU Home JSU Web Style Guide JSU Centers [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-854","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/pages\/854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/comments?post=854"}],"version-history":[{"count":5,"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/pages\/854\/revisions"}],"predecessor-version":[{"id":881,"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/pages\/854\/revisions\/881"}],"wp:attachment":[{"href":"https:\/\/jsums.org\/webservices\/wp-json\/wp\/v2\/media?parent=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}