diff --git a/groups/home/LibAnswers-4-js-css.html b/groups/home/LibAnswers-4-js-css.html
index 0ea76ce..f28ab18 100644
--- a/groups/home/LibAnswers-4-js-css.html
+++ b/groups/home/LibAnswers-4-js-css.html
@@ -1,5 +1,9 @@
 <style>
 
+:root {
+        --kbccblue: #003466;
+}
+
 body {
         color: #111;
         overflow-x: hidden;
@@ -105,7 +109,7 @@ a.searchmenu { color: #111; }
         padding: 6px;
         margin: 6px 0px;
         color: white;
-        background-color: #003466;
+        background-color: var(--kbccblue);
         border-radius: 3px;
 }
 
@@ -120,7 +124,7 @@ a.no-underline { text-decoration: none; }
 .nav-divs-by-jumbotron:hover { background-color: #444; }
 
 #eq_32886 { 
-        background-color: #003466;
+        background-color: var(--kbccblue);
         border: none;
 }
 
@@ -132,7 +136,7 @@ a.no-underline { text-decoration: none; }
 
 /* style the panels with the text content */
 .panel>.show-panel {
-        background-color: #003466;
+        background-color: var(--kbccblue);
         text-align: center;
 }
 
@@ -231,7 +235,7 @@ a.no-underline { text-decoration: none; }
 }
 
 #main-blue-footer {
-        background-color: #003466; 
+        background-color: var(--kbccblue);
         color: white; 
         padding: 30px;
 }
@@ -295,15 +299,15 @@ a.no-underline { text-decoration: none; }
         .zero-margin { margin: -2px; }
 
         #blue-border1 {
-                box-shadow: 0px 5px 0 #003466, 0px -5px 0 #003466, -5px -5px 0 #003466, -5px 5px 0 #003466;
+                box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
         }
 
         #blue-border2 {
-                box-shadow: 0px -5px 0 #003466, 0px 5px 0 #003466;
+                box-shadow: 0px -5px 0 var(--kbccblue), 0px 5px 0 var(--kbccblue);
         }
 
         #blue-border3 {
-                box-shadow: 0px 5px 0 #003466, 0px -5px 0 #003466, 5px -5px 0 #003466, 5px 5px 0 #003466;
+                box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
         }
 
         .nav-by-jumbotron { margin-top: 0px !important; }