diff --git a/css/bjc.css b/css/bjc.css
index 5bad9c8b1a..8afec74ddc 100755
--- a/css/bjc.css
+++ b/css/bjc.css
@@ -3,9 +3,17 @@
 
 /** Basic HTML **/
 .todo, .comment, .commentBig { 
-  display: none; /*MARY remember to "Draft a New Release" on the GH releases page per Tech Check-in 2018-01-03*/
+  /*display: none; /*MARY remember to "Draft a New Release" on the GH releases page per Tech Check-in 2018-01-03*/
 }
 
+/*div.full::before { /* DRAFT MESSAGING FOR bjc2.edc.org --MF, 7/5/19 
+    background-color: yellow;
+    color: red;
+    content: "This is a draft version of BJC. Visit bjc.edc.org for the current version.";
+    font-size: 2em;
+    font-weight: bold;
+}*/
+
 .anchor {
    padding-top: 65px;
    margin-top: -65px;
@@ -18,7 +26,6 @@ a, .dialogue a {  color: #2a6496; /* was 428bca; */}
 body { /* Added 12/15/16 by Mary Fries to provide more screen real estate.*/
   width: 100%;
   max-width: none;
-  background-color: #FDFDFD;
 }
   
 .blockquote {
@@ -55,18 +62,13 @@ div.footer {font-size: .8em;}
   padding-bottom: -5px;
 }
 
-div.full {
-    border: 0px;
-    padding: 0px;
-}
-
-/*div.full::before { /* DRAFT MESSAGING FOR bjc2.edc.org --MF, 7/5/19 * /
+div.full::before { /* DRAFT MESSAGING FOR bjc2.edc.org --MF, 7/5/19 */
     background-color: yellow;
     color: red;  
     content: "This is a draft version of BJC. Visit bjc.edc.org for the current version.";
     font-size: 2em; 
     font-weight: bold;
-}*/
+}
 
 h4 {  padding: 5px 0px 0px 0px;}
 
@@ -178,6 +180,21 @@ var {
   font-size: 18px;
   font-weight: bold;
 }
+
+
+/** Side Notes **/
+.attribRight { /* added by Mary Fries on 10/10/15 based on .sidenote */
+  font-size: .5em;
+  float: right;
+  margin-right: 20px;
+  margin-left: 1em;
+  margin-bottom: 20px;
+  width: 20%;
+  padding: 5px;
+  background-color: #FFF; /* #F3F0B3; */
+  clear:both;
+  text-indent: 0em;
+}
 	
 .sidenote, .sidenoteBig { /* added by Mary Fries based on http://hartshorne.ca/2005/07/27/footnotes_v_sidenotes/ */
   font-size: .9em;
@@ -186,7 +203,7 @@ var {
   margin-left: 1em;
   margin-bottom: 20px;
   padding: 10px;
-  /* overriding with new style --MF, 10/11/19 background-color: #FFF8AD; /* was #F3F0B3; */
+  background-color: #FFF8AD; /* was #F3F0B3; */
   clear:both;
   text-indent: 0em;
 }
@@ -197,28 +214,28 @@ var {
 
 .endnote { /* added by Mary Fries on 6/9/15 based on above */
   width: 90%;
-  /* overriding with new style --MF, 10/11/19 background-color: #FFF8AD; */
+  background-color: #FFF8AD;
   margin-left: auto;
   margin-right: auto;
  }
 
 .narrower { /* added by bh on 5/4/17 based on above */
   width: 90%;
-  /* overriding with new style --MF, 10/11/19 background-color: #e2f3ce; */
+  background-color: #e2f3ce;
   margin-left: auto;
   margin-right: auto;
  }
  
 .narrowblue { /* added by MF on 4/17/19 based on above */
   width: 90%;
-  /* overriding with new style --MF, 10/11/19 background-color: #dcf4ff; */
+  background-color: #dcf4ff;
   margin-left: auto;
   margin-right: auto;
  }
  
 .narrowpurple {
   width: 90%;
-  /* overriding with new style --MF, 10/11/19 background-color: #f4ddf3; */
+  background-color: #f4ddf3;
   margin-left: auto;
   margin-right: auto;
  }
@@ -231,7 +248,7 @@ var {
   margin-left: 1em;
   margin-bottom: 20px;
   padding: 10px;
-  /* overriding with new style --MF, 10/11/19 background-color: #FCC589; /* #FEC46C; /* #F3F0B3; */
+  background-color: #FCC589; /* #FEC46C; /* #F3F0B3; */
   clear:both;
   text-indent: 0em;
 }
@@ -240,6 +257,22 @@ var {
 
 .sideHOMbig {width: 40%;}
 
+.manual, .manualBig { /* added by Mary Fries based on .sidenote. 
+THESE ARE NOT IN USE. --MF, 7/25/19 */
+  font-size: .9em;
+  float: right;
+  margin-right: 20px;
+  margin-left: 1em;
+  margin-bottom: 20px;
+  padding: 10px;
+  background-color: #e4cde3; /* #F3F0B3; */
+  clear:both;
+}
+
+.manual {width: 20%;}
+
+.manualBig {width: 40%;}
+
 img.noshadow {
   /* Better resizing of images for mobile devices */
   -webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.5));
@@ -247,7 +280,7 @@ img.noshadow {
   filter: none;
 }
 
-/* Is this in use? --MF, 10/11/19 */
+
 .apStandards {
   background-color: #fcc589;
   width: 100%;
@@ -274,36 +307,18 @@ img.noshadow {
   margin-top: .5em;
 }
 
-        /*New Graphic design - STRIPES*/
-        .forYouToDo, .dialogue, .ifTime, .takeItFurther, .takeItTeaser, .takeItTeased {
-            border-style: solid;
-            border-width: 2px;
-            border-left-width: 20px;
-            background-color: #FFFFFF;
-        }
-        .takeItTeaser {border-bottom-width: 0px;}
-        .takeItTeased {border-top-width: 0px;}
-
-        .forYouToDo {border-color: #62C213;} /* Operators Palette */
-        .dialogue {border-color: #0494DC;} /* Sensing Palette*/
-        .ifTime {border-color: #4A6CD4;} /* Motion Palette: 4A6CD4 (TINT:a5b6ea) */
-        .takeItFurther, .takeItTeaser, .takeItTeased {border-color: #8F56E3;} /* Looks Palette: 8F56E3 (TINT:c7abf1) */
-
-
-        /*New Graphic design - BORDERS*/
-        .endnote, .sidenote, .sidenoteBig, .narrower, .narrowblue, .narrowpurple {border-style: solid; border-width: 0px;}
-        /*New Graphic design - TINTS*/
-        .learn {background-color: #f5dbf7;} /* Pen Palette: CF4AD9 */
-        .endnote, .sidenote, .sidenoteBig {background-color: #FFF8AD; border-color: #E6A822;} /* Control Palette: E6A822, (TINT:f3d491; LIGHTER TINT:faeed3; OLD DESIGN:FFF8AD) */
-        .vocab, .vocabBig, .exam, .examBig, .vocabFullWidth, .examFullWidth {background-color: #eaeaea;} /* Gray Palette: 969696 (TINT:cbcbcb)*/
-        /*New Graphic design - LIGHTER TINTS*/
-        .narrower {background-color: #e2f3ce; border-color: #62C213;} /* Operators Palette: 62C213; TINT: e0f3d0; LIGHTER-TINT:eff9e7; OLD DESIGN: e2f3ce */
-        .narrowblue {background-color: #dbe2f6; border-color: #4A6CD4;} /* Motion Palette: 4A6CD4 OLD DESIGN: dcf4ff */
-        .narrowpurple {background-color: #e9ddf9; border-color: #8F56E3;} /* Looks Palette: 8F56E3 OLD DESIGN: f4ddf3 */
-
-        .takeNote, .endHOM, .sideHOM , .sideHOMbig {background-color: #8F56E3; color: #FFFFFF;} /* Brian's dark orange that isn't dark enough for white text: #CC5500*/
+/* 
+.ifTime, .dialogue, .takeItFurther, .takeNote, .endnote, .narrower, .narrowblue, .narrowpurple, .time, .learn {/*New Graphic design --MF, 7/26/19
+    border: solid;
+    border-right: 2px;
+    border-left: 200px;
+    border-top: 2px;
+    border-bottom: 2px;
+}
 
-                       
+ifTime, .takeItFurther, .endnote, .sidenote, .sidenoteBig {
+    border-color: #e6a822;
+}*/    
 
 .takeItTeaser {
   padding-top: 1em;
@@ -325,7 +340,7 @@ img.noshadow {
   line-height: 2.5em;
 }
 
-.dialogue {/* overriding with new style --MF, 10/11/19 background-color: #cce4f6; /* #ecf4fb; */}
+.dialogue {background-color: #cce4f6; /* #ecf4fb; */}
 
 .dialogue:before {content: "Thinking Out Loud";}
 
@@ -364,14 +379,14 @@ img.noshadow {
 .forYouToDoHeader {text-indent:-40px;}
 
 .forYouToDo {
-  /* overriding with new style --MF, 10/11/19 background-color: #d2e3be; /* #edf4e6; */
+  background-color: #d2e3be; /* #edf4e6; */
   margin-bottom: .5em;
 }
 
 .forYouToDo:before {content: "For You To Do";} /* This had been .forYouToDo#first:before but we changed it for ADA compliance. --MF, 9/26/17 */
 
 .ifTime {
-  /* overriding with new style --MF, 10/11/19 background-color: #cce4f6; /*#d2e3be; /* #edf4e6; */
+  background-color: #cce4f6; /*#d2e3be; /* #edf4e6; */
   width: 95%;
   margin-left: auto;
   margin-right: auto;
@@ -381,7 +396,7 @@ img.noshadow {
 .ifTimeHide:before {content: "";}
 
 .learn {
-  /* overriding with new style --MF, 10/11/19 background-color: #fcc7c2; */
+  background-color: #fcc7c2; 
   width: 100%;
   margin-left: auto;
   margin-right: auto;
@@ -419,7 +434,7 @@ table.truth tr td {
 }
 
 .takeItFurther, .takeItTeaser, .takeItTeased {
-  /* overriding with new style --MF, 10/11/19 background-color: #e4cde3; */
+  background-color: #e4cde3; 
   width: 90%;  
   margin-left: auto;
   margin-right: auto;
@@ -430,7 +445,7 @@ table.truth tr td {
 }
 
 .takeNote, endHOM {
-  /* overriding with new style --MF, 10/11/19 background-color: #fcc589;*/
+  background-color: #fcc589;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
@@ -443,7 +458,7 @@ table.truth tr td {
 .timeline img{height:250px; margin-left: 10%;}  /*This is a hack to get the timeline in Unit 6, The History of Computers to work */
 
 .vocab, .vocabBig, .exam, .examBig {
-  /* overriding with new style --MF, 10/11/19 background-color: #D3D3D3;*/
+  background-color: #D3D3D3;
   font-size: .9em;
   float: right;
   margin-right: 20px;
@@ -459,7 +474,7 @@ table.truth tr td {
 .vocabBig, .examBig {width: 40%;}
 
 .vocabFullWidth, .examFullWidth {
-  /* overriding with new style --MF, 10/11/19 background-color: #D3D3D3;*/
+  background-color: #D3D3D3;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
@@ -577,7 +592,6 @@ div.CSPpeach, div.visualgreen, div.visualcyan, div.visualpurple, div.visualyello
 	margin-bottom:10px;
 }
 
-/* Are these in use? --MF, 10/11/19 */
 div.CSPpeach {background-color: papayawhip;}
 div.visualgreen {background-color: #d8fbd8;}
 div.visualcyan {background-color: lightcyan}
@@ -676,7 +690,7 @@ table.videos td {
     }
     .learn, .sidenote, .sidenoteBig, .endnote, .sideHOM, .sideHOMbig, .takeNote, .vocab, .vocabBig, .vocabFullWidth, .exam, .examBig, .examFullWidth, .dialogue, .narrower, .narrowblue, .narrowpurple {
         border:.5px solid;
-    } /* Current excludes .forYouToDo, .ifTime, .takeItFurther, Also, we need to find a way to make ITIT and TIFs show up on the printouts. --MF, 7/25/19 */ 
+    } /* Currrent excludes .forYouToDo, .ifTime, .takeItFurther, Also, we need to find a way to make ITIT and TIFs show up on the printouts. --MF, 7/25/19 */ 
     .btn-default, .todo, .comment, .commentBig, img { 
         display: none;
     }