diff --git a/swc-workshop-and-lesson.css b/swc-workshop-and-lesson.css
new file mode 100644
index 0000000..80fdaa8
--- /dev/null
+++ b/swc-workshop-and-lesson.css
@@ -0,0 +1,32 @@
+body.workshop {
+	background-color: #BEC3C6;
+	margin: 20px 0;
+}
+
+.card {
+	background-color: white;
+}
+
+/* Top banner of every page. */
+div.banner {
+	background-color: #FFFFFF;
+	width: 100%;
+	height: 90px;
+	margin: 0px;
+	padding: 0;
+	border-bottom: 1px solid #A6A6A6;
+}
+
+/* Padding around image in top banner. */
+div.banner a img {
+	padding: 20px 25px;
+}
+
+/* Footer of every page. */
+div.footer {
+	clear: both;
+	background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF;
+	padding: 4px 10px 7px 10px;
+	border-top: 1px solid #A6A6A6;
+	text-align: right;
+}
\ No newline at end of file
diff --git a/swc.css b/swc.css
index a2463d2..17e038c 100644
--- a/swc.css
+++ b/swc.css
@@ -85,21 +85,6 @@ body.stylesheet {
     margin: 20 auto;
 }
 
-/* Top banner of every page. */
-div.banner {
-    background-color: #FFFFFF;
-    width: 100%;
-    height: 90px;
-    margin: 0px;
-    padding: 0;
-    border-bottom: 1px solid #A6A6A6;
-}
-
-/* Padding around image in top banner. */
-div.banner a img {
-    padding: 20px 25px;
-}
-
 /* Explanatory call-out boxes. */
 div.box {
     width: 54em;
@@ -130,15 +115,6 @@ div.files {
     padding: 10px;
 }
 
-/* Footer of every page. */
-div.footer {
-    clear: both;
-    background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF;
-    padding: 4px 10px 7px 10px;
-    border-top: 1px solid #A6A6A6;
-    text-align: right;
-}
-
 .swc-blue-bg {
    /*background-color: #20267D;*/
    /* svg colour is slightly different? */