diff --git a/su22/calendar.html b/su22/calendar.html
index ba8a8f1f..02554846 100644
--- a/su22/calendar.html
+++ b/su22/calendar.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Calendar</h2>
     
 
diff --git a/su22/faq.html b/su22/faq.html
index 2d267a4d..ff4b8e50 100644
--- a/su22/faq.html
+++ b/su22/faq.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>FAQ</h2>
     
 
diff --git a/su22/index.html b/su22/index.html
index cf6bec68..957c9db1 100644
--- a/su22/index.html
+++ b/su22/index.html
@@ -61,7 +61,10 @@
 
   <div class="container">
 <section id="content">
-
+<div class="archive-banner">
+    ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+    <a href="https://data8.org">Find current offerings.</a>
+</div>
 
 <h2>Announcements</h2>
 
diff --git a/su22/materials.html b/su22/materials.html
index 3d20ac32..78cc14b8 100644
--- a/su22/materials.html
+++ b/su22/materials.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Materials</h2>
     
 
diff --git a/su22/office-hours.html b/su22/office-hours.html
index e42b2f19..cf8e2a18 100644
--- a/su22/office-hours.html
+++ b/su22/office-hours.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Office Hours</h2>
     
 
diff --git a/su22/policies.html b/su22/policies.html
index 649aafa5..e3a089ce 100644
--- a/su22/policies.html
+++ b/su22/policies.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div> 
     <h2>Policies</h2>
     
 
diff --git a/su22/python-reference.html b/su22/python-reference.html
index 1f4b4a5e..89e1f98c 100644
--- a/su22/python-reference.html
+++ b/su22/python-reference.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Python Reference</h2>
     
 
diff --git a/su22/staff.html b/su22/staff.html
index 89c309b9..ecf5308e 100644
--- a/su22/staff.html
+++ b/su22/staff.html
@@ -60,6 +60,10 @@
   </nav>
 
   <div class="container">
+    <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Staff</h2>
     
 
diff --git a/su22/theme/css/main.css b/su22/theme/css/main.css
index f1022876..fd4beae6 100644
--- a/su22/theme/css/main.css
+++ b/su22/theme/css/main.css
@@ -96,3 +96,35 @@ a.anchor-link {
 .staff .name .biohover:active .bio {
   visibility: visible;
 }
+
+.archive-banner {
+    background-color: #d32f2f; /* Deep Red */
+    color: white;
+    text-align: center;
+    padding: 12px 10px;
+    font-family: sans-serif;
+    font-weight: bold;
+    position: relative;
+    /* position: fixed;
+    top: 0; 
+    left: 0; */
+    z-index: 9999;
+    width: 100%;
+    box-sizing: border-box;
+    border-bottom: 2px solid #b71c1c;
+}
+.archive-banner a {
+    color: #ffffff;
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 3px;
+    font-weight: 700;
+}
+
+.archive-banner a:hover, 
+.archive-banner a:focus {
+    text-decoration: none;
+    background-color: #ffffff;
+    color: #b30000;
+    outline: 3px solid #ffcc00; 
+}
\ No newline at end of file