{"id":1065,"date":"2026-08-26T13:33:23","date_gmt":"2026-08-26T13:33:23","guid":{"rendered":"https:\/\/jsums.org\/styleguide\/?page_id=1065"},"modified":"2026-08-26T13:34:02","modified_gmt":"2026-08-26T13:34:02","slug":"jsu-message-grid","status":"publish","type":"page","link":"https:\/\/jsums.org\/styleguide\/jsu-message-grid\/","title":{"rendered":"JSU Message Grid"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1065\" class=\"elementor elementor-1065\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc91d20 e-flex e-con-boxed e-con e-parent\" data-id=\"dc91d20\" 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-fcb92b1 elementor-widget elementor-widget-html\" data-id=\"fcb92b1\" 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<title>JSU Message Grid &middot; Style Guide &middot; Jackson State University<\/title>\n<link rel=\"canonical\" href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-message-grid\/\">\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\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}\nbody{font-family:'Crimson Pro',Georgia,serif;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 #008ED6;outline-offset:3px;border-radius:4px;}\n.dk a:focus-visible,.dk button:focus-visible{outline-color:#6DC8F5;}\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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Crimson Pro',Georgia,serif;font-style:italic;color:#3DB4F0;}\n.hero__desc{font-family:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;font-size:2rem;font-weight:800;color:#3DB4F0;line-height:1;}\n.hero__stat-lbl{font-family:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Crimson Pro',Georgia,serif;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:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;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:'Sora',sans-serif;font-size:.78rem;font-weight:700;color:#636B78;letter-spacing:.05em;text-transform:uppercase;}\n.about-facts dd{font-family:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;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:'Sora',sans-serif;font-size:.92rem;font-weight:600;color:#002147;margin-bottom:.2rem;}\n.program-card__level{font-family:'Sora',sans-serif;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:'Sora',sans-serif;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:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;font-weight:700;font-size:1rem;color:#002147;margin-bottom:.2rem;}\n.faculty-card__title{font-family:'Sora',sans-serif;font-size:.8rem;color:#00629A;font-weight:600;margin-bottom:.5rem;}\n.faculty-card__contact{font-family:'Sora',sans-serif;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:'Sora',sans-serif;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:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;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:'Sora',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n.contact-item__val{font-family:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;font-weight:600;font-size:.85rem;color:#1C2430;margin-bottom:.4rem;}\n.required{color:#C62828;}\n.form-control{display:block;width:100%;font-family:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;font-size:.8rem;color:#C62828;margin-top:.3rem;display:none;}\n.form-error.is-visible{display:block;}\n.form-status{font-family:'Sora',sans-serif;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:'Sora',sans-serif;font-weight:800;font-size:1.1rem;color:#FFFFFF;margin-bottom:.35rem;}\n.footer__brand-sub{font-family:'Sora',sans-serif;font-size:.82rem;color:#C0C8D4;margin-bottom:.85rem;}\n.footer__brand-contact{font-family:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;font-size:.78rem;color:#96A0AE;}\n.footer__legal-links{display:flex;flex-wrap:wrap;gap:1rem;}\n.footer__legal-links a{font-family:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;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:'Sora',sans-serif;font-weight:600;font-size:.92rem;color:#002147;}\n.resource-item__desc{font-family:'Crimson Pro',Georgia,serif;font-size:.9rem;color:#636B78;}\n.resource-item__link{font-family:'Sora',sans-serif;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:'Sora',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n    .contact-item__val{font-family:'Crimson Pro',Georgia,serif;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:'Sora',sans-serif;\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:'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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: 'Sora',sans-serif;\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:'Sora',sans-serif;font-weight:700;font-size:.88rem;color:#FFFFFF;}\n.pdf-embed-actions{display:flex;gap:.5rem;flex-wrap:wrap;}\n.pdf-btn{font-family:'Sora',sans-serif;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.fnav-drawer:not(.is-open){visibility:hidden;}\n.breadcrumb{margin-top:54px !important;}\n.admin-bar .breadcrumb{margin-top:46px !important;}\n\n\np.lead{font-family:'Crimson Pro',Georgia,serif;font-size:1.2rem;line-height:1.75;color:#4A5060 !important;max-width:1000px;}\np.majlabel{font-family:'Sora',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#00629A !important;margin:1.5rem 0 .3rem;}\nul.bullets{margin:.2rem 0 0;padding-left:1.3rem;max-width:1000px;}\nul.bullets li{font-family:'Crimson Pro',Georgia,serif;font-size:1.08rem;line-height:1.6;color:#4A5060 !important;margin:.4rem 0;}\n.colophon{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;margin:1.2rem 0 0;}\n.colophon__body p{font-family:'Crimson Pro',Georgia,serif;font-size:1.1rem;line-height:1.7;color:#4A5060 !important;margin:.2rem 0 0;}\n.colophon__body h3{margin:1.2rem 0 .2rem;font-family:'Sora',sans-serif;font-size:1.05rem;color:#002147 !important;}\n.colophon__body .cr{font-family:'Sora',sans-serif;font-weight:600;font-size:.95rem;color:#002147 !important;}\n.colophon__body a{color:#00629A !important;text-decoration:underline;text-underline-offset:2px;font-weight:600;}\n.colophon__photo{border-radius:14px;overflow:hidden;border:1px solid #D5DEE8;box-shadow:0 8px 22px rgba(0,33,71,.1);}\n.colophon__photo img{display:block;width:100%;height:100%;object-fit:cover;}\n@media(max-width:760px){.colophon{grid-template-columns:1fr;}}\n<\/style>\n<\/head>\n<body>\n<a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n<div class=\"w\"><ol class=\"breadcrumb__list\"><li><a href=\"https:\/\/www.jsums.edu\/\">JSU Home<\/a><\/li><li><a href=\"https:\/\/www.jsums.edu\/styleguide\/\">Style Guide<\/a><\/li><li><span aria-current=\"page\">JSU Message Grid<\/span><\/li><\/ol><\/div>\n<\/nav>\n\n<main id=\"main-content\" class=\"jsu-main-content\">\n\n  <section class=\"hero dk\" aria-labelledby=\"hero-h\">\n  <div class=\"w\"><div class=\"hero__inner\"><div>\n    <span class=\"hero__tag\">Style Guide<\/span>\n    <h1 class=\"hero__title\" id=\"hero-h\">JSU Message <em>Grid<\/em><\/h1>\n    <p class=\"hero__desc\">Core brand messages tailored to each of Jackson State University&rsquo;s key audiences.<\/p>\n  <\/div><\/div><\/div>\n  <\/section>\n\n  <!-- DEPLOY REVIEW - \/styleguide\/jsu-message-grid\/ (Style Guide subsite). 26-link drawer; Message Grid current. 3-level breadcrumb. Back -> Style Guide Home. Sections: Tailoring the Message (intro) \/ Student Messages (Primary 4 + Secondary 5) \/ Non-Traditional Student Messages (4 + 4) \/ Parent Messages (3 + 5) \/ Faculty and Staff Messages (5 + 5) \/ Community and Donor Messages (5 + 5) \/ JSU Brand Style Guide colophon (shared). USER images -> 1 content: DSCF3015.jpg colophon photo. CHROME skipped. FLAGS: \u2605 Stray markdown backslash artifact at end of 'teamwork and collegiality.\\' -> DROPPED (not content) + flag. \u2605 'well- respected' stray space (Primary Non-Traditional) verbatim + flag. 'higher research activity' curly quotes verbatim (note: Brand Positioning page said 'high research activity' -- cross-page wording differs). (R) reg, curly quotes\/apostrophes (HBCU's), 'job-ready'\/'Top Twenty' preserved. Shared colophon reused. -->\n\n  <section class=\"sec\" id=\"about\" aria-labelledby=\"ab-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">Overview<\/span>\n      <h2 class=\"sec-title\" id=\"ab-h\">Tailoring the Message<\/h2><\/div>\n    <p class=\"lead\">JSU has several key audiences. While there is one high level brand positioning statement for the university, the core brand messages will change by audience, and based on the specific communication. As an example, our goals when communicating with alumni may be to encourage financial donations, request volunteers or encourage the alumni to recommend the university to potential future students. Delivery of this message will differ from one going to the parent of a prospective incoming freshman.<\/p>\n  <\/div>\n  <\/section>\n\n  <section class=\"sec sec--off\" id=\"students\" aria-labelledby=\"students-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">For Students<\/span>\n      <h2 class=\"sec-title\" id=\"students-h\">Student Messages<\/h2><\/div>\n    <p class=\"majlabel\">Primary Messages<\/p>\n    <ul class=\"bullets\"><li>I can get an excellent education and will be \u201cjob-ready\u201d when I graduate.<\/li><li>JSU is affordable and offers financial aid.<\/li><li>JSU provides a transformative experience with many exciting and fun campus life opportunities.<\/li><li>JSU has a caring, nurturing family environment to provide support.<\/li><\/ul>\n    <p class=\"majlabel\">Secondary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU embraces diversity and is accepting of all races and cultures<\/li><li>JSU tuition prices are affordable and financial aid is available.<\/li><li>JSU graduates are successful and make a difference.<\/li><li>JSU graduates are leaders in their professions and are making differences in their communities.<\/li><li>JSU has a strong alumni network that will be an advantage in job-seeking post graduate.<\/li><\/ul>\n  <\/div>\n  <\/section>\n\n  <section class=\"sec\" id=\"nontraditional\" aria-labelledby=\"nontraditional-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">For Non-Traditional Students<\/span>\n      <h2 class=\"sec-title\" id=\"nontraditional-h\">Non-Traditional Student Messages<\/h2><\/div>\n    <p class=\"majlabel\">Primary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU provides excellent programs that will enable me to get the job I want and to advance my career.<\/li><li>JSU has programs that will enable me to finish my college degree.<\/li><li>A degree from JSU is valuable: it\u2019s from an accredited and well- respected university.<\/li><li>JSU makes it easy to get the classes I need to finish my degree.<\/li><\/ul>\n    <p class=\"majlabel\">Secondary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU makes it easy to get the classes I need to finish my degree<\/li><li>JSU has a caring, nurturing family environment to provide support.<\/li><li>JSU offers a mix of online and offline classes to fit my learning style.<\/li><li>JSU faculty is accessible when I need them.<\/li><\/ul>\n  <\/div>\n  <\/section>\n\n  <section class=\"sec sec--off\" id=\"parents\" aria-labelledby=\"parents-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">For Parents<\/span>\n      <h2 class=\"sec-title\" id=\"parents-h\">Parent Messages<\/h2><\/div>\n    <p class=\"majlabel\">Primary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU offers an excellent and affordable education with high quality and nationally recognized programs and faculty.<\/li><li>JSU has a great academic reputation.<\/li><li>My child will be \u201cjob-ready\u201d when they graduate from JSU.<\/li><\/ul>\n    <p class=\"majlabel\">Secondary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU is one of the Top Twenty HBCU\u2019s in the nation and very well respected.<\/li><li>JSU offers different forms of financial aid.<\/li><li>My child will leave JSU empowered with the confidence and ability to succeed in any environment.<\/li><li>JSU has a caring, nurturing family environment to provide support.<\/li><li>My child will be safe at JSU.<\/li><\/ul>\n  <\/div>\n  <\/section>\n\n  <section class=\"sec\" id=\"faculty\" aria-labelledby=\"faculty-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">For Faculty and Staff<\/span>\n      <h2 class=\"sec-title\" id=\"faculty-h\">Faculty and Staff Messages<\/h2><\/div>\n    <p class=\"majlabel\">Primary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU is recognized as one of the Top Twenty HBCU\u2019s in the nation with a top-notch faculty who are leaders in their fields.<\/li><li>JSU is a great place to work.<\/li><li>JSU embraces diversity and is accepting of all races and cultures.<\/li><li>JSU provides an excellent education in a caring and nurturing environment.<\/li><li>Jackson State University\u00ae is designated as a \u201chigher research activity\u201d institution by the Carnegie Foundation.<\/li><\/ul>\n    <p class=\"majlabel\">Secondary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU is focused on the pursuit of excellence in its academic programs and operations.<\/li><li>Our top priority is to create an environment of teamwork and collegiality.<\/li><li>JSU is shaping the future by empowering its current generation of students to be leaders in their fields and communities.<\/li><li>JSU is a respected HBCU with a rich history.<\/li><li>JSU is diverse, accepting of all races.<\/li><\/ul>\n  <\/div>\n  <\/section>\n\n  <section class=\"sec sec--off\" id=\"community\" aria-labelledby=\"community-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">For Community and Donors<\/span>\n      <h2 class=\"sec-title\" id=\"community-h\">Community and Donor Messages<\/h2><\/div>\n    <p class=\"majlabel\">Primary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU is focused on the future through continuing improvements, many of which are funded through donations.<\/li><li>JSU provides an excellent education in a caring and nurturing environment.<\/li><li>JSU is diverse, accepting of all races.<\/li><li>Jackson State University\u00ae is designated as a \u201chigher research activity\u201d institution by the Carnegie Foundation.<\/li><li>JSU embraces technology in its quest to prepare students for success.<\/li><\/ul>\n    <p class=\"majlabel\">Secondary Messages<\/p>\n    <ul class=\"bullets\"><li>JSU is a military-friendly university.<\/li><li>Numerous leaders in Jackson, the state of Mississippi and elsewhere in the US and globally attended JSU.<\/li><li>JSU challenges minds and changes lives.<\/li><li>JSU is a respected HBCU with a rich history.<\/li><li>JSU is an integral part of the community.<\/li><\/ul>\n  <\/div>\n  <\/section>\n\n  <section class=\"sec sec--off\" id=\"colophon\" aria-labelledby=\"cl-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\"><span class=\"sec-eyebrow\">About This Guide<\/span>\n      <h2 class=\"sec-title\" id=\"cl-h\">JSU Brand Style Guide<\/h2><\/div>\n    <div class=\"colophon\">\n      <div class=\"colophon__body\">\n        <p class=\"cr\">Copyright 2012, Jackson State University&reg;<\/p>\n        <h3>Mailing Address<\/h3>\n        <p>P.O. Box 17199<br>Jackson, MS 39217<\/p>\n        <p>Phone: <a href=\"tel:+16019792244\">601.979.2244<\/a><br>Fax: 601.979.8246<\/p>\n      <\/div>\n      <div class=\"colophon__photo\"><img decoding=\"async\" src=\"https:\/\/jsums.org\/wp-content\/uploads\/sites\/187\/2026\/10\/DSCF3015.jpg\" alt=\"Jackson State University campus\" loading=\"lazy\" title=\"JSU Message Grid\"><\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n<\/main>\n<button class=\"fnav-toggle\" aria-label=\"Open page navigation menu\" aria-expanded=\"false\" aria-controls=\"fnav-drawer\" type=\"button\">\n<span class=\"fnav-toggle__icon\" aria-hidden=\"true\">&#9776;<\/span>\n<span class=\"fnav-toggle__label\">Menu<\/span>\n<\/button>\n<div class=\"fnav-overlay\" id=\"fnav-overlay\" aria-hidden=\"true\"><\/div>\n<nav class=\"fnav-drawer\" id=\"fnav-drawer\" aria-label=\"Page navigation\" aria-hidden=\"true\">\n<div class=\"fnav-drawer__header\">\n<div>\n  <span class=\"fnav-drawer__eyebrow\">Jackson State University<\/span>\n  <span class=\"fnav-drawer__title\">Style Guide<\/span>\n<\/div>\n<button class=\"fnav-close\" aria-label=\"Close navigation menu\" type=\"button\">&times;<\/button>\n<\/div>\n<div class=\"fnav-drawer__body\">\n<div class=\"fnav-group\">\n<p class=\"fnav-group__label\">Style Guide<\/p>\n<ul class=\"fnav-group__items\" role=\"list\">\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Why This Style Guide?<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/introduction\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Introduction<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-brand-positioning\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Brand Positioning<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-message-grid\/\" class=\"fnav-item\" aria-current=\"page\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Message Grid<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/the-jsu-signature\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">The JSU Signature<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/unacceptable-signature-treatments\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Unacceptable Signature Treatments<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/the-centered-signature-limited-use-onlylimited-use-only\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Centered Signature<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/clear-space-and-minimum-size\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Clear Space and Minimum Size<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-color-scheme\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Color Scheme<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/unacceptable-signature-color-treatments\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Unacceptable Color Treatments<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/the-jsu-signature-with-designation\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">The JSU Signature with Designation<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/serif-typography\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Serif Typography<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/sans-serif-typography\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Sans Serif Typography<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-general-stationery\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">General Stationery<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-stationery-with-designation\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:1.90rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Stationery with Designation<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-letterhead-formatted\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:1.90rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Letterhead Formatted<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-letterhead-with-faculty-list\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:1.90rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Letterhead with Faculty list<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-department-head-letterhead\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:1.90rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Department Head Letterhead<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-letterhead-with-abbreviated-signature\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:1.90rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Letterhead with Abbreviated Signature<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/registered-wordmarks-logos\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Registered Wordmarks &amp; Logos<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/official-university-name\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Official University Name<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/the-university-seal\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">University Seal<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-mottos-themes-songs\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Mottos, Themes &amp; Songs<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/jsu-colleges-divisions-departments\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Colleges, Divisions &amp; Departments<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/styleguide\/retired-jsu-logos\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Retired JSU Logos<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.edu\/webguide\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">JSU Web Guide<\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"fnav-drawer__footer\">\n<a href=\"https:\/\/www.jsums.edu\/styleguide\/\" class=\"fnav-footer-link\" style=\"color:#FFFFFF !important;\">\n&#8592; Style Guide Home\n<\/a>\n<\/div>\n<\/nav>\n<button class=\"jsu-btt\" id=\"jsu-btt\" aria-label=\"Back to top\" type=\"button\">&#8679;<\/button>\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<\/body>\n<\/html>\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 Message Grid &middot; Style Guide &middot; Jackson State University Skip to main content JSU Home Style Guide JSU Message [&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-1065","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/pages\/1065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/comments?post=1065"}],"version-history":[{"count":5,"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/pages\/1065\/revisions"}],"predecessor-version":[{"id":1098,"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/pages\/1065\/revisions\/1098"}],"wp:attachment":[{"href":"https:\/\/jsums.org\/styleguide\/wp-json\/wp\/v2\/media?parent=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}