diff --git a/css/clf.7.local.css b/css/clf.7.local.css
new file mode 100644
index 0000000..4b22aea
--- /dev/null
+++ b/css/clf.7.local.css
@@ -0,0 +1,1392 @@
+/* utilities from bootstrap for visibility */
+
+.collapse:not(.show):not(.in) {
+  display: none;
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height .35s ease;
+}
+
+.collapse.in,
+.collapse.show {
+  height: auto;
+}
+
+.open > .dropdown-menu,
+.dropdown-menu.show {
+  display: block !important;
+}
+
+body {
+  margin: 0;
+  background-color: #ccc;
+}
+
+body.layout--full-width,
+body.layout--full-width-left {
+  background-color: #fff;
+}
+
+#ubc7-global-menu,
+#ubc7-header,
+#ubc7-unit,
+#ubc7-unit-menu,
+#ubc7-footer {
+  box-sizing: content-box;
+  font-family: Arial, sans-serif !important;
+}
+
+.dialog-off-canvas-main-canvas > .container {
+  width: 100%;
+  background-color: #fff;
+}
+
+#ubc7-global-menu .container,
+#ubc7-header .container,
+#ubc7-unit .container,
+#ubc7-unit-menu .container,
+#ubc7-footer .container {
+  padding: 0 20px;
+}
+
+#ubc7-global-menu .container:before,
+#ubc7-header .container:before,
+#ubc7-unit .container:before,
+#ubc7-unit-menu .container:before,
+#ubc7-footer .container:before,
+.row-fluid:before,
+#ubc7-global-menu .container:after,
+#ubc7-header .container:after,
+#ubc7-unit .container:after,
+#ubc7-unit-menu .container:after,
+#ubc7-footer .container:after,
+.row-fluid:after {
+  display: table;
+  content: " ";
+}
+
+#ubc7-global-menu .container:after,
+#ubc7-header .container:after,
+#ubc7-unit .container:after,
+#ubc7-unit-menu .container:after,
+#ubc7-footer .container:after,
+.row-fluid:after {
+  clear: both;
+}
+
+#ubc7-global-menu {
+  background-color: #fff;
+  box-shadow: inset 0 -60px 60px -60px #ccc;
+}
+
+#ubc7-search {
+  width: 100%;
+  height: 90px;
+  text-align: center;
+  background-color: #d7e0e7;
+}
+
+#ubc7-search-box {
+  padding-top: 30px;
+}
+
+#ubc7-search-box .form-search {
+  margin: 0 0 20px;
+}
+
+#ubc7-search-box input {
+  box-sizing: content-box;
+  width: 270px;
+  height: 20px;
+  padding: 4px 3px;
+  color: #555;
+  font-size: 16px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+  transition: border .2s linear, box-shadow .2s linear;
+}
+
+#ubc7-search-box input,
+#ubc7-global-menu .btn,
+#ubc7-header .btn,
+#ubc7-unit .btn,
+#ubc7-unit-menu .btn,
+#ubc7-footer .btn {
+  display: inline-block;
+  margin-bottom: 0;
+  line-height: 20px;
+  vertical-align: middle;
+}
+
+#ubc7-global-menu .btn,
+#ubc7-header .btn,
+#ubc7-unit .btn,
+#ubc7-unit-menu .btn,
+#ubc7-footer .btn {
+  padding: 4px 12px;
+  color: #fff;
+  font-size: 14px;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: none;
+  background-color: #002145;
+  background-image: linear-gradient(180deg, #002145, #191938);
+  background-image: -moz-linear-gradient(top, #002145, #191938);
+  background-repeat: repeat-x;
+  border: 1px solid #002145;
+  border-radius: 0;
+  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05);
+  cursor: pointer;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#002145", endColorstr="#191938", GradientType=0);
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
+}
+
+#ubc7-global-menu .btn:active,
+#ubc7-header .btn:active,
+#ubc7-unit .btn:active,
+#ubc7-unit-menu .btn:active,
+#ubc7-footer .btn:active,
+#ubc7-global-menu .btn:hover,
+#ubc7-header .btn:hover,
+#ubc7-unit .btn:hover,
+#ubc7-unit-menu .btn:hover,
+#ubc7-footer .btn:hover {
+  color: #fff;
+  background-color: #2f5d7c;
+  background-position: 0 -200px;
+  border-color: #2f5d7c;
+  transition: background-position .1s linear;
+}
+
+#ubc7-global-header .row-fluid {
+  padding-top: 10px;
+  padding-bottom: 30px;
+}
+
+#ubc7-global-header ul {
+  box-sizing: content-box;
+  margin: 0 0 10px;
+}
+
+#ubc7-global-header .reverse:before,
+#ubc7-global-header .reverse:after {
+  display: table;
+  content: " ";
+}
+
+#ubc7-global-header .reverse:after {
+  clear: both;
+}
+
+#ubc7-global-header li {
+  display: block;
+  float: left;
+  width: 48%;
+  height: 30px;
+  margin: 10px 1% 0;
+  line-height: 24px;
+  border-bottom: 1px solid #d7e0e7;
+}
+
+#ubc7-global-header a {
+  color: #002145;
+  font-size: 12px;
+  text-decoration: none;
+}
+
+#ubc7-global-header a:hover {
+  text-decoration: underline;
+}
+
+#ubc7-header {
+  background-color: #fff;
+  border-top: 3px solid #002145;
+}
+
+.legacy--wb #ubc7-header {
+  background-color: #002145;
+  border-top: 3px solid #fff;
+}
+
+.legacy--gw #ubc7-header {
+  border-top: 3px solid #2f5d7c;
+}
+
+.legacy--wg #ubc7-header {
+  background-color: #2f5d7c;
+  border-top: 3px solid #fff;
+}
+
+#ubc7-header .span1,
+#ubc7-header .span9 {
+  display: block;
+  box-sizing: border-box;
+  height: 95px;
+  min-height: 30px;
+}
+
+#ubc7-header .span1,
+#ubc7-header .span2 {
+  display: none;
+}
+
+#ubc7-logo,
+#ubc7-wordmark {
+  height: 100%;
+}
+
+.ubc7-campus {
+  position: absolute;
+  bottom: 17px;
+  left: 35px;
+  display: block;
+  float: left;
+  width: 100px;
+  height: 18px;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+#ubc7-vancouver-campus {
+  background-position: -1319px -301px;
+}
+
+#ubc7-okanagan-campus {
+  background-position: -1319px -329px;
+}
+
+#ubc7-global-utility-no-script,
+#ubc7-global-utility button span,
+#ubc7-logo,
+#ubc7-okanagan-campus,
+#ubc7-signature a,
+#ubc7-vancouver-campus,
+#ubc7-wordmark-block,
+.ubc7-arrow {
+  background-image: url(../img/clf/ubc7-clf-sprite-blue.png);
+  background-repeat: no-repeat;
+}
+
+.legacy--wg #ubc7-global-utility-no-script,
+.legacy--wg #ubc7-global-utility button span,
+.legacy--wg #ubc7-logo,
+.legacy--wg #ubc7-okanagan-campus,
+.legacy--wg #ubc7-signature a,
+.legacy--wg #ubc7-vancouver-campus,
+.legacy--wg #ubc7-wordmark-block,
+.legacy--wg .ubc7-arrow,
+.legacy--wb #ubc7-global-utility-no-script,
+.legacy--wb #ubc7-global-utility button span,
+.legacy--wb #ubc7-logo,
+.legacy--wb #ubc7-okanagan-campus,
+.legacy--wb #ubc7-signature a,
+.legacy--wb #ubc7-vancouver-campus,
+.legacy--wb #ubc7-wordmark-block,
+.legacy--wb .ubc7-arrow {
+  background-image: url(../img/clf/ubc7-clf-sprite-white.png);
+  background-repeat: no-repeat;
+}
+
+.legacy--gw #ubc7-global-utility-no-script,
+.legacy--gw #ubc7-global-utility button span,
+.legacy--gw #ubc7-logo,
+.legacy--gw #ubc7-okanagan-campus,
+.legacy--gw #ubc7-signature a,
+.legacy--gw #ubc7-vancouver-campus,
+.legacy--gw #ubc7-wordmark-block,
+.legacy--gw .ubc7-arrow {
+  background-image: url(../img/clf/ubc7-clf-sprite-grey.png);
+  background-repeat: no-repeat;
+}
+
+#ubc7-global-utility button,
+#ubc7-logo a,
+#ubc7-wordmark a {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+#ubc7-global-utility button span,
+#ubc7-logo a,
+#ubc7-signature a,
+#ubc7-wordmark a,
+.ubc7-campus,
+.hide-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-indent: 200%;
+}
+
+#ubc7-wordmark-block {
+  position: relative;
+  background-position: -2px -276px;
+  background-size: auto;
+  border-left: 0;
+}
+
+#ubc7-wordmark {
+  width: 70% !important;
+  background: 0;
+}
+
+#ubc7-wordmark a {
+  height: 80%;
+}
+
+#ubc7-global-utility button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 45px;
+  height: 44px;
+  margin-right: 0;
+  padding: 0;
+  background: transparent;
+  border: 0;
+  box-shadow: 0 0;
+  cursor: pointer;
+}
+
+#ubc7-global-utility button span {
+  background-color: #002145;
+  background-position: -1229px -291px;
+}
+
+.legacy--wg #ubc7-global-utility button span {
+  background-position: -1229px -324px;
+}
+
+#ubc7-global-utility button span,
+a#ubc7-global-utility-no-script {
+  position: relative;
+  top: -6px;
+  display: block;
+  width: 45px;
+  height: 33px;
+  cursor: pointer;
+}
+
+.legacy--wg #ubc7-global-utility button span,
+.legacy--wg a#ubc7-global-utility-no-script,
+.legacy--wg #ubc7-global-utility button span.opened,
+.legacy--wb #ubc7-global-utility button span,
+.legacy--wb a#ubc7-global-utility-no-script,
+.legacy--wb #ubc7-global-utility button span.opened {
+  background-color: #fff;
+}
+
+.legacy--gw #ubc7-global-utility button span,
+.legacy--gw a#ubc7-global-utility-no-script,
+.legacy--gw #ubc7-global-utility button span.opened {
+  background-color: #2f5d7c;
+}
+
+#ubc7-global-utility button span.opened,
+#ubc7-global-utility button[aria-expanded=true] span {
+  background-position: -1163px -291px;
+}
+
+.legacy--wg #ubc7-global-utility button span.opened,
+.legacy--wg #ubc7-global-utility button[aria-expanded=true] span {
+  background-position: -1163px -324px;
+}
+
+#ubc7-unit {
+  width: 100%;
+  height: 50px;
+  overflow: hidden;
+  background-color: #002145;
+}
+
+#ubc7-unit .container {
+  height: 100%;
+}
+
+#ubc7-unit .navbar {
+  float: right;
+}
+
+#ubc7-unit .btn-navbar {
+  width: 32px;
+  height: 24px;
+  padding: 11px 0 0 13px;
+  background: #fff;
+  border: 0;
+  margin-top: -9px;
+}
+
+.show-faculty #ubc7-unit .btn-navbar {
+  margin-top: 3px;
+}
+
+#ubc7-unit .btn-navbar.active,
+#ubc7-unit .btn-navbar.disabled,
+#ubc7-unit .btn-navbar:active,
+#ubc7-unit .btn-navbar:hover,
+#ubc7-unit .btn-navbar[disabled] {
+  background: #fff;
+  box-shadow: 1px 1px 1px #191938;
+}
+
+#ubc7-unit .btn-navbar .icon-bar {
+  display: block;
+  width: 18px;
+  height: 2px;
+  background: #002145;
+  border-radius: 1px;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
+}
+
+#ubc7-unit .btn-navbar .icon-bar + .icon-bar {
+  margin-top: 3px;
+}
+
+#ubc7-unit-name {
+  margin-top: 4px;
+  margin-right: 55px;
+  font-weight: 400;
+  font-size: 12px;
+}
+
+#ubc7-unit-name a,
+#ubc7-unit-name a:hover {
+  display: block;
+  color: #fff;
+  line-height: 20px;
+  text-decoration: none !important;
+}
+
+#ubc7-unit .ubc7-single-element a {
+  margin-top: 16px;
+}
+
+.ubc7-single-element a #ubc7-unit-faculty {
+  display: none !important
+}
+
+#ubc7-unit-name a .shorten {
+  font-size: 16px !important
+}
+
+#ubc7-unit-name a .shorten-more {
+  font-size: 13px !important;
+  white-space: normal !important
+}
+
+#ubc7-unit-name a .multi-rows {
+  line-height: 15px
+}
+
+#ubc7-unit-identifier {
+  overflow: hidden;
+  font-size: 18px;
+  letter-spacing: 1px;
+  white-space: nowrap;
+}
+
+#ubc7-unit-faculty {
+  display: block;
+}
+
+#ubc7-unit-menu,
+#ubc7-unit-menu .navbar-inner {
+  overflow: visible;
+  background: #fff;
+}
+
+#ubc7-unit-menu .nav{
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+}
+
+#ubc7-unit-navigation {
+  position: relative;
+  margin-right: -20px;
+  margin-left: -20px;
+  box-shadow: 0 3px 6px #ccc;
+}
+
+#ubc7-unit-menu .navbar-inner {
+  background: #fff;
+}
+
+#ubc7-unit-menu li {
+  line-height: 20px;
+  border-bottom: 1px solid #c3d0db;
+}
+
+#ubc7-unit-menu .btn-group {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  font-size: 0;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+#ubc7-unit-menu .btn-group .btn {
+  display: block;
+  margin-right: 40px;
+  padding-left: 20px;
+  color: #002145;
+  text-align: left;
+  background: #fff;
+  border: 0;
+  border-bottom: 1px solid #c3d0db;
+}
+
+#ubc7-unit-menu .btn-group:hover .btn {
+  color: #fff;
+  background: #002145;
+}
+
+#ubc7-unit-menu .dropdown .btn-group .btn,
+#ubc7-unit-menu .dropdown .btn-group button {
+  z-index: 1;
+  box-sizing: border-box;
+  height: 41px;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  line-height: 40px;
+  background-image: none;
+  border-radius: 0;
+  box-shadow: 0 0 0 transparent;
+}
+
+#ubc7-unit-menu .dropdown .btn-group a.btn {
+  display: block;
+  margin-right: 0;
+  padding-left: 20px;
+  text-align: left;
+}
+
+#ubc7-unit-menu .dropdown .btn-group:hover button,
+#ubc7-unit-menu .dropdown .btn-group button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 41px !important;
+  margin-right: 0;
+  padding-right: 0;
+  padding-left: 0;
+  border-left: 1px solid #c3d0db !important;
+}
+
+#ubc7-unit-menu .dropdown .btn-group button:hover {
+  background-color: #193056 !important;
+}
+
+#ubc7-unit-menu .dropdown .btn-group button .ubc7-arrow {
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  margin-top: 0;
+  margin-left: 11px;
+  text-decoration: inherit;
+  vertical-align: text-top;
+  background-position: -1178px -261px !important;
+}
+
+#ubc7-unit-menu .dropdown .btn-group.open button .ubc7-arrow {
+  background-position: -1207px -261px !important;
+}
+
+#ubc7-unit-menu .dropdown .btn-group.open:hover button .ubc7-arrow,
+#ubc7-unit-menu .dropdown .btn-group:hover button .ubc7-arrow {
+  background-position: -1178px -227px !important;
+}
+
+#ubc7-unit-menu .nav-collapse .dropdown-menu {
+  position: static;
+  top: auto;
+  left: auto;
+  max-width: none;
+  display: none;
+  padding: 0;
+  font-size: 14px;
+  background-color: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+#ubc7-unit-menu .nav-collapse .open > .dropdown-menu {
+  display: block;
+}
+
+#ubc7-unit-menu .btn-group > .btn,
+#ubc7-unit-menu .btn-group > .dropdown-menu {
+  font-size: 14px;
+}
+
+#ubc7-unit-menu .nav-collapse .dropdown-menu a,
+#ubc7-unit-menu .nav-collapse .nav > li > a {
+  display: block;
+  color: #002145;
+  font-size: 14px;
+  line-height: 20px;
+  white-space: nowrap;
+  text-decoration: none;
+}
+
+#ubc7-unit-menu .nav-collapse .nav > li > a {
+  padding: 10px 20px;
+}
+
+#ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a {
+  padding: 9px 25px 9px 35px;
+}
+
+#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover,
+#ubc7-unit-menu .nav-collapse .nav > li > a:hover {
+  color: #fff;
+  text-decoration: none;
+  background-color: #002145;
+}
+
+#ubc7-unit-menu .nav > li.active > a,
+#ubc7-unit-menu .nav > li.active > .btn-group,
+#ubc7-unit-menu .nav > li > a.is-active {
+  background: #d7e0e7;
+  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
+}
+
+#ubc7-unit-menu .nav > li.active > a:hover,
+#ubc7-unit-menu .nav > li.active > .btn-group:hover,
+#ubc7-unit-menu .nav > li > a.is-active:hover {
+  color: #fff;
+  background: #002145;
+}
+
+#ubc7-unit-menu .dropdown .dropdown-menu .nav-header {
+  padding-left: 35px;
+  color: var(--color-brand-accent-3);
+  display: block;
+  padding-top: 3px;
+  padding-right: 25px;
+  padding-bottom: 3px;
+  padding-left: 35px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 20px;
+  text-transform: uppercase;
+  margin-top: 9px;
+}
+
+#ubc7-global-footer {
+  min-height: 100px;
+  color: #fff;
+  font-size: 14px;
+  line-height: 22px;
+  background-color: #002145;
+}
+
+#ubc7-global-footer a {
+  color: #fff;
+  text-decoration: none;
+}
+
+#ubc7-global-footer a:hover {
+  color: #fff;
+  text-decoration: underline;
+}
+
+#ubc7-global-footer ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#ubc7-signature {
+  box-sizing: border-box;
+  height: 70px;
+  padding-top: 20px;
+}
+
+#ubc7-signature a {
+  display: block;
+  box-sizing: content-box;
+  height: 100%;
+  background-position: -2px -544px;
+  background-size: auto;
+}
+
+#ubc7-global-footer h3 {
+  margin: 15px 0 5px;
+  font-size: 16px;
+}
+
+#ubc7-global-footer h3,
+#ubc7-global-footer h4 {
+  color: #fff;
+  font-weight: 700;
+  font-family: Arial, sans-serif !important;
+  line-height: 30px;
+}
+
+#ubc7-footer h4 {
+  margin: 2px 0;
+  font-size: 14px;
+}
+
+#ubc7-minimal-footer {
+  padding-top: 20px;
+  color: #fff;
+  background-color: #002145;
+}
+
+#ubc7-minimal-footer .span12 {
+  padding: 22px 0;
+  border-top: 1px solid #1f385f;
+}
+
+#ubc7-minimal-footer ul {
+  margin: 0;
+  padding-left: 0;
+}
+
+#ubc7-minimal-footer li {
+  display: inline-block;
+  line-height: 24px;
+}
+
+#ubc7-minimal-footer a {
+  color: #fff;
+  font-size: 12px;
+  text-decoration: none;
+}
+
+#ubc7-minimal-footer a:hover {
+  text-decoration: underline;
+}
+
+#ubc7-minimal-footer .divider {
+  padding: 0 5px 0 3px;
+  color: #ccc;
+  font-size: 12px;
+}
+
+#ubc7-unit-menu .nav-collapse .dropdown-menu a {
+  background-color: #fff;
+}
+
+#ubc7-unit-menu .nav-collapse .dropdown-menu a.active {
+  background-color: none;
+}
+
+#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover {
+  background-color: #002145;
+}
+
+@media screen and (min-width: 768px) {
+  #ubc7-global-menu .container,
+	#ubc7-header .container,
+	#ubc7-unit .container,
+	#ubc7-unit-menu .container,
+	#ubc7-footer .container {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #ubc7-global-header li {
+    width: 23%;
+  }
+
+  #ubc7-wordmark-block {
+    background-position: -1px -205px;
+  }
+
+  .ubc7-campus {
+    bottom: 30px;
+    left: 40px;
+    width: 120px;
+  }
+
+  #ubc7-vancouver-campus {
+    background-position: -1319px -301px;
+  }
+
+  #ubc7-okanagan-campus {
+    background-position: -1319px -262px;
+  }
+
+  #ubc7-global-utility-no-script,
+	#ubc7-global-utility button span {
+    background-position: -1233px 7px;
+  }
+
+  #ubc7-global-utility button span.opened,
+	#ubc7-global-utility button[aria-expanded=true] span {
+    background-color: #002145;
+    background-position: -1167px 7px;
+  }
+
+  .legacy--wg #ubc7-global-utility button span {
+    background-position: -1233px -54px;
+  }
+
+  .legacy--wg #ubc7-global-utility button span.opened,
+	.legacy--wg #ubc7-global-utility button[aria-expanded=true] span {
+    background-position: -1167px -54px;
+  }
+
+  #ubc7-global-footer .span5,
+	#ubc7-global-footer .span6,
+	#ubc7-global-footer .span7 {
+    display: block;
+    float: left;
+    box-sizing: border-box;
+  }
+
+  #ubc7-global-footer .span5 {
+    width: 40.05524861878453%;
+  }
+
+  #ubc7-global-footer .span6 {
+    width: 48.61878453038674%;
+  }
+
+  #ubc7-global-footer .ml,
+	#ubc7-global-footer .span7 {
+    margin-left: 2.7624309392265194%;
+  }
+
+  #ubc7-global-footer .span7 {
+    width: 57.18232044198895%;
+  }
+}
+
+@media screen and (min-width: 980px) {
+  #ubc7-global-menu .container,
+	#ubc7-header .container,
+	#ubc7-unit .container,
+	#ubc7-unit-menu .container,
+	#ubc7-footer .container {
+    width: 940px;
+    padding-top: 0;
+    padding-right: 16px;
+    padding-bottom: 0;
+    padding-left: 16px;
+  }
+
+  .dialog-off-canvas-main-canvas > .container {
+    width: 980px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  .layout--full-width-left #ubc7-global-menu .container,
+	.layout--full-width-left #ubc7-unit .container,
+	.layout--full-width-left #ubc7-unit-menu .container,
+	.layout--full-width-left #ubc7-footer .container {
+    width: auto;
+  }
+
+  .layout--full-width #ubc7-header .container {
+    padding-right: 14px;
+    padding-left: 14px;
+    border-right: 1px solid #d7e0e7;
+    border-left: 1px solid #d7e0e7;
+  }
+
+  .legacy--wb.layout--full-width #ubc7-header .container {
+    border-right: 1px solid #1f385f;
+    border-left: 1px solid #1f385f;
+  }
+
+  .legacy--wg.layout--full-width #ubc7-header .container {
+    border-right: 1px solid #446d89;
+    border-left: 1px solid #446d89;
+  }
+
+  .layout--full-width.layout--full-width-left #ubc7-header .container {
+    margin-left: 0;
+    border-right-width: 0;
+  }
+
+  #ubc7-search .span8 {
+    box-sizing: border-box;
+    width: 65.81196581196582%;
+    margin: 0 auto;
+  }
+
+  #ubc7-header .span1,
+	#ubc7-header .span9 {
+    display: block;
+    float: left;
+    height: 95px;
+  }
+
+  #ubc7-header .span1 {
+    width: 6.382978723404255%;
+    margin-left: 0;
+  }
+
+  #ubc7-header .span9 {
+    position: relative;
+    width: 91.48936170212765%;
+    margin-left: 2.127659574468085%;
+    background-position: -72px -115px;
+    border-left: 1px solid #d7e0e7;
+  }
+
+  .legacy--wb #ubc7-header .span9 {
+    border-left: 1px solid #1f385f;
+  }
+
+  .legacy--wg #ubc7-header .span9 {
+    border-left: 1px solid #446d89;
+  }
+
+  #ubc7-logo {
+    min-width: 95px;
+    background-position: 11px -115px;
+  }
+
+  #ubc7-wordmark {
+    position: relative;
+    width: 85% !important;
+  }
+
+  .ubc7-campus {
+    bottom: 17px;
+    left: 28px;
+    width: 135px;
+  }
+
+  #ubc7-vancouver-campus {
+    background-position: -1320px -122px;
+  }
+
+  #ubc7-okanagan-campus {
+    background-position: -1320px -165px;
+  }
+
+  #ubc7-global-utility button {
+    top: 1px;
+    width: 45px;
+    margin-right: 13px;
+  }
+
+  #ubc7-global-utility button span,
+	a#ubc7-global-utility-no-script {
+    height: 35px;
+  }
+
+  .legacy--wg #ubc7-global-utility button span {
+    background-position: -1233px -48px;
+  }
+
+  .legacy--wg #ubc7-global-utility button span.opened,
+	.legacy--wg #ubc7-global-utility button[aria-expanded=true] span {
+    background-position: -1167px -48px;
+  }
+
+  #ubc7-unit .navbar {
+    display: none;
+  }
+
+  #ubc7-unit-menu,
+	#ubc7-unit-menu .navbar-inner {
+    background: #e6e6e6;
+  }
+
+  #ubc7-unit-navigation {
+    margin-right: 0;
+    margin-left: 0;
+    box-shadow: none;
+  }
+
+  #ubc7-unit-menu .navbar-inner {
+    min-height: 32px;
+    background-image: none;
+    border: 0;
+  }
+
+  #ubc7-unit-menu .nav-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+    display: block;
+  }
+
+  #ubc7-unit-menu.navbar .nav {
+    position: relative;
+    left: 0;
+    display: block;
+    margin: 0;
+  }
+
+  #ubc7-unit-menu.navbar .nav > li {
+    float: left;
+  }
+
+  #ubc7-unit-menu {
+    display: block !important;
+  }
+
+  #ubc7-unit-menu li {
+    line-height: 20px;
+    border-bottom-width: 0;
+  }
+
+  #ubc7-unit-menu .btn-group {
+    position: relative;
+    display: inline-block;
+    font-size: 0;
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+
+  #ubc7-unit-menu .btn-group:hover {
+    background-color: #002145;
+  }
+
+  #ubc7-unit-menu .btn-group .btn {
+    display: block;
+    margin-right: 40px;
+    padding-left: 20px;
+    color: #002145;
+    text-align: left;
+    background: transparent;
+    border: 0;
+    border-bottom: 0;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group a.btn,
+	#ubc7-unit-menu .dropdown .btn-group button {
+    position: relative;
+    z-index: 1;
+    display: inline-block;
+    height: 40px;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    background-image: none;
+    border: 0;
+    border-radius: 0;
+    box-shadow: 0 0 0 transparent;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group:hover button,
+	#ubc7-unit-menu .dropdown .btn-group button {
+    position: relative;
+    width: 24px;
+    height: 22px !important;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 0;
+    border-left: 1px solid #c3d0db !important;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group:hover button {
+    height: 40px !important;
+  }
+
+  #ubc7-unit-menu .btn-group a.btn {
+    padding-right: 7px;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group button .ubc7-arrow {
+    margin-bottom: 6px;
+    margin-left: 4px;
+    vertical-align: initial;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group:hover button {
+    background-color: transparent !important;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group:hover button .ubc7-arrow {
+    margin-bottom: auto;
+    vertical-align: text-top;
+  }
+
+  #ubc7-unit-menu .nav-collapse .disclose__content {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1000;
+    min-width: 160px;
+  }
+
+  #ubc7-unit-menu .nav-collapse .dropdown-menu {
+    position: absolute;
+    display: none;
+    margin: 0;
+    padding: 0;
+    z-index: 100;
+    list-style: none;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, .2);
+    border-radius: 0;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+  }
+
+  #ubc7-unit-menu .nav-collapse .dropdown-menu li {
+    float: none;
+  }
+
+  #ubc7-unit-menu .open > .dropdown-menu,
+	#ubc7-unit-menu .is-open > .dropdown-menu {
+    display: block;
+  }
+
+  #ubc7-unit-menu .dropdown-menu li {
+    border-bottom: 1px solid #d7e0e7;
+  }
+
+  #ubc7-unit-menu .nav-collapse .dropdown-menu a,
+	#ubc7-unit-menu .nav-collapse .nav > li > a,
+	#ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a {
+    display: block;
+    clear: both;
+    padding: 3px 20px;
+    color: #002145;
+    font-weight: 400;
+    white-space: nowrap;
+  }
+
+  #ubc7-unit-menu .nav-collapse .dropdown-menu a:hover,
+	#ubc7-unit-menu .nav-collapse .nav > li > a:hover,
+	#ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a:hover {
+    color: #fff;
+  }
+
+  #ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu .nav-header {
+    padding: 3px 20px;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group a.btn {
+    padding-left: 12px;
+  }
+
+  #ubc7-unit-menu .nav-collapse .nav > li > a {
+    padding: 10px;
+    font-size: 14px;
+    line-height: 20px;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .dialog-off-canvas-main-canvas > .container {
+    width: 1200px;
+  }
+
+  #ubc7-global-menu .container,
+	#ubc7-header .container,
+	#ubc7-unit .container,
+	#ubc7-unit-menu .container,
+	#ubc7-footer .container {
+    width: 1170px;
+  }
+
+  #ubc7-header .span1,
+	#ubc7-header .span9 {
+    box-sizing: border-box;
+    height: 115px;
+  }
+
+  #ubc7-header .span1 {
+    max-width: 70px;
+  }
+
+  #ubc7-header .span9 {
+    width: 91.45299145299145%;
+    margin-left: 30px;
+    background-position: -83px 14px;
+  }
+
+  #ubc7-logo {
+    min-width: 115px;
+    margin-left: -15px;
+    background-position: 32px 14px;
+  }
+
+  #ubc7-wordmark {
+    position: relative;
+    float: left;
+    width: 85% !important;
+  }
+
+  .ubc7-campus {
+    bottom: 19px;
+    left: 36px;
+    width: 170px;
+    height: 24px;
+  }
+
+  #ubc7-vancouver-campus {
+    background-position: -1320px -5px;
+  }
+
+  #ubc7-okanagan-campus {
+    background-position: -1320px -53px;
+  }
+
+  #ubc7-global-utility button {
+    top: 4px;
+    height: 45px;
+    margin-right: 17px;
+  }
+
+  #ubc7-global-utility button span,
+	a#ubc7-global-utility-no-script {
+    height: 45px;
+    background-position: -1233px 13px;
+  }
+
+  #ubc7-global-utility button span.opened,
+	#ubc7-global-utility button[aria-expanded=true] span {
+    background-position: -1167px 13px;
+  }
+
+  #ubc7-unit {
+    height: 60px;
+  }
+
+  #ubc7-unit .ubc7-single-element a {
+    margin-top: 20px;
+  }
+
+  #ubc7-unit-name {
+    margin-top: 7px;
+    font-size: 14px;
+  }
+
+  #ubc7-unit-identifier {
+    font-size: 20px;
+  }
+
+  #ubc7-unit-menu li {
+    line-height: 24px;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group button {
+    height: 22px !important;
+  }
+
+  #ubc7-unit-menu .dropdown .btn-group:hover button,
+	#ubc7-unit-menu .dropdown .btn-group a.btn {
+    height: 45px !important;
+    line-height: 45px;
+  }
+
+  #ubc7-unit-menu .nav-collapse .nav > li > a {
+    line-height: 25px;
+  }
+
+  #ubc7-unit-menu .nav-collapse .nav.dropdown-menu > li > a {
+    line-height: 20px;
+  }
+}
+
+@media screen and (min--moz-device-pixel-ratio: 0) and (min-width: 1200px) {
+  #ubc7-unit-menu .nav > li > a {
+    padding-top: 11px !important;
+  }
+}
+
+@media only screen and (-o-min-device-pixel-ratio: "3/2"), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
+  #ubc7-global-utility-no-script,
+	#ubc7-global-utility button span,
+	#ubc7-logo,
+	#ubc7-okanagan-campus,
+	#ubc7-signature a,
+	#ubc7-vancouver-campus,
+	#ubc7-wordmark-block,
+	.ubc7-arrow {
+    background-image: url(../img/clf/ubc7-clf-sprite-blue-2x.png);
+    background-size: 1500px !important;
+  }
+
+  .legacy--wg #ubc7-global-utility-no-script,
+	.legacy--wg #ubc7-global-utility button span,
+	.legacy--wg #ubc7-logo,
+	.legacy--wg #ubc7-okanagan-campus,
+	.legacy--wg #ubc7-signature a,
+	.legacy--wg #ubc7-vancouver-campus,
+	.legacy--wg #ubc7-wordmark-block,
+	.legacy--wg .ubc7-arrow,
+	.legacy--wb #ubc7-global-utility-no-script,
+	.legacy--wb #ubc7-global-utility button span,
+	.legacy--wb #ubc7-logo,
+	.legacy--wb #ubc7-okanagan-campus,
+	.legacy--wb #ubc7-signature a,
+	.legacy--wb #ubc7-vancouver-campus,
+	.legacy--wb #ubc7-wordmark-block,
+	.legacy--wb .ubc7-arrow {
+    background-image: url(../img/clf/ubc7-clf-sprite-white-2x.png);
+    background-size: 1500px !important;
+  }
+
+  .legacy--gw #ubc7-global-utility-no-script,
+	.legacy--gw #ubc7-global-utility button span,
+	.legacy--gw #ubc7-logo,
+	.legacy--gw #ubc7-okanagan-campus,
+	.legacy--gw #ubc7-signature a,
+	.legacy--gw #ubc7-vancouver-campus,
+	.legacy--gw #ubc7-wordmark-block,
+	.legacy--gw .ubc7-arrow {
+    background-image: url(../img/clf/ubc7-clf-sprite-grey-2x.png);
+    background-size: 1500px !important;
+  }
+}
+
+@media only screen and (-o-min-device-pixel-ratio: "3/2") and (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 979px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 979px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 979px) {
+  #ubc7-signature a {
+    background-position: -2px -435px !important;
+    background-size: 1400px !important;
+  }
+}
+
+@media only screen and (-o-min-device-pixel-ratio: "3/2") and (max-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 767px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 767px) {
+  #ubc7-signature a {
+    background-position: -2px -544px !important;
+    background-size: 1500px !important;
+  }
+}
+
+@media (max-width: 360px) {
+  #ubc7-unit-identifier {
+    font-size: 13px !important;
+    line-height: 15px;
+    white-space: normal !important;
+  }
+}
+
+/* Centered layout */
+
+.layout--centered body {
+  background: #ccc;
+}
+
+.layout--centered #main-content {
+  background: #fff;
+}
+
+@media screen and (min-width: 980px) {
+  .layout--centered #main-content {
+    width: 970px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .layout--centered #main-content {
+    width: 1200px;
+  }
+}
diff --git a/css/clf.7.reset.css b/css/clf.7.reset.css
new file mode 100644
index 0000000..d769855
--- /dev/null
+++ b/css/clf.7.reset.css
@@ -0,0 +1,353 @@
+.clearfix {
+  zoom:1
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  line-height: 0;
+  content: ""
+}
+
+.clearfix:after {
+  clear: both
+}
+
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0
+}
+
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  box-sizing: border-box
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block
+}
+
+audio,
+canvas,
+video {
+  display: inline-block;
+  display: inline;
+  zoom:1
+}
+
+audio:not([controls]) {
+  display: none
+}
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%
+}
+
+body {
+  margin: 0;
+}
+
+a:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px
+}
+
+a:hover,
+a:active {
+  outline: 0
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline
+}
+
+sup {
+  top: -0.5em
+}
+
+sub {
+  bottom: -0.25em
+}
+
+img {
+  width: auto\9;
+  height: auto;
+  max-width: 100%;
+  vertical-align: middle;
+  border: 0;
+  -ms-interpolation-mode: bicubic
+}
+
+#map_canvas img,
+.google-maps img {
+  max-width: none
+}
+
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle
+}
+
+button,
+input {
+  overflow: visible;
+  line-height: normal
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0
+}
+
+button,html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button
+}
+
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+  cursor: pointer
+}
+
+input[type="search"] {
+  box-sizing: content-box;
+  -webkit-appearance: textfield
+}
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none
+}
+
+textarea {
+  overflow: auto;
+  vertical-align: top
+}
+
+@media print {
+  * {
+    color: #000!important;
+    text-shadow: none!important;
+    background: transparent!important;
+    box-shadow: none!important
+  }
+
+  a,a:visited {
+    text-decoration: underline
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")"
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")"
+  }
+
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: ""
+  }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid
+  }
+
+  thead {
+    display: table-header-group
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid
+  }
+
+  img {
+    max-width: 100%!important
+  }
+
+  @page {
+    margin: .5cm
+  }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid
+  }
+
+  .page-header {
+    border: 0;
+    margin: 0;
+    padding-bottom:0
+  }
+
+  #ubc7-unit a:link:after {
+    content:none
+  }
+
+  #ubc7-unit {
+    border-bottom: 1px solid #000;
+    height: 80px;
+    overflow:visible
+  }
+
+  #ubc7-unit-name {
+    box-shadow:none
+  }
+
+  #ubc7-unit-faculty {
+    color: #000;
+    margin-bottom: 10px;
+    text-shadow:none
+  }
+
+  #ubc7-unit-identifier {
+    color: #000;
+    font-size: 20pt;
+    text-shadow:none
+  }
+
+  #ubc7-header,
+  #ubc7-apom,
+  #ubc7-wordmark-block,
+  #ubc7-wordmark,
+  #ubc7-global-menu,
+  #ubc7-unit .navbar .btn-navbar,
+  #ubc7-unit .btn,
+  #ubc7-unit-menu,
+  #ubc7-global-footer,
+  #ubc7-minimal-footer,
+  .ubc7-back-to-top,
+  .breadcrumb {
+    display:none
+  }
+
+  #ubc7-footer,
+  #ubc7-unit-footer {
+    color: #000 !important;
+    border-color: #000 !important;
+    padding-top:10px !important
+  }
+
+  #ubc7-unit-social-icons {
+    color: #000;
+    visibility:visible
+  }
+
+  .row-fluid {
+    border: 0;
+    box-shadow: none !important;
+    float: none !important;
+    margin: 0 5%;
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    width:auto
+  }
+
+  img {
+    max-width: 100%;
+    border:0
+  }
+
+  video,
+  audio,
+  object,
+  embed {
+    display:none
+  }
+
+  .btn,
+  .btn-group {
+    background: 0;
+    border-color: #000;
+    color:#000
+  }
+
+  .bootstrap-sidenav,
+  .pagination,
+  .pager,
+  .progress {
+    display:none
+  }
+
+  #ubc7-carousel .carousel-caption h4,
+  #ubc7-carousel .carousel-caption p,
+  #ubc7-carousel .item p > a {
+    color:#000
+  }
+
+  #ubc7-carousel-counter {
+    display:none
+  }
+
+  .nav .nav-tabs a:link:after,
+  .accordion a:link:after,
+  .btn a:link:after,
+  .dropdown-menu a:link:after,
+  .nav .nav-pills a:link:after,
+  .nav .nav-list a:link:after,
+  .tabbable a:link:after,
+  .nav .navbar a:link:after,
+  .nav a:link:after,
+  .pager a:link:after,
+  .btn-navbar a:link:after {
+    content:none
+  }
+
+  .nav-tabs > .active > a,
+  .nav-tabs > .active > a:hover {
+    border: 0;
+    color: #000;
+    font-weight: 700;
+    border-bottom:2px solid #000
+  }
+
+  .nav-tabs > li > a {
+    color: #000;
+    border:0
+  }
+}
diff --git a/galactus.libraries.yml b/galactus.libraries.yml
index 754dc4e..73b89b5 100755
--- a/galactus.libraries.yml
+++ b/galactus.libraries.yml
@@ -150,7 +150,8 @@ clf-local:
   version: 7.0.4
   css:
     base:
-      css/clf/clf.local.css: {}
+      css/clf.7.reset.css: {}
+      css/clf.7.local.css: {}
     theme:
       css/clf.social-icons.css: {}
   js:
diff --git a/galactus.theme b/galactus.theme
index c0a66dd..1869bb1 100755
--- a/galactus.theme
+++ b/galactus.theme
@@ -201,9 +201,27 @@ function galactus_preprocess_html(&$variables) {
   }
 
   // Add a class to define the active CLF theme colour
+  $theme_color_option = theme_get_setting('clf_theme_colour');
+  $variables['attributes']['class'][] = 'legacy--' . $theme_color_option;
+
+  // keep for legacy purposes, but no longer used by the theme
   $clfcolour = theme_get_setting('clf_theme_colour');
   $variables['attributes']['class'][] = 'clf-theme-' . $clfcolour;
 
+  // Add a class to define the active CLF theme layout
+  if (theme_get_setting('clf_layout') == 'fluid') {
+    $variables['attributes']['class'][] = 'layout--full-width-left';
+  }
+
+  if (theme_get_setting('clf_layout') == 'full') {
+    $variables['attributes']['class'][] = 'layout--full-width';
+  }
+
+  // Add a class if the faulty option is shown
+  if (theme_get_setting('clf_faculty') == TRUE) {
+    $variables['attributes']['class'][] = 'show-faculty';
+  }
+
 }
 
 /**
@@ -216,7 +234,7 @@ function galactus_preprocess_page(&$variables) {
     // Add a wrapper div using the title_prefix and title_suffix render
     // elements.
     $variables['title_prefix']['shortcut_wrapper'] = [
-      '#markup' => '<div class="shortcut-wrapper clearfix">',
+      '#markup' => '<div class="clearfix shortcut-wrapper">',
       '#weight' => 100,
     ];
     $variables['title_suffix']['shortcut_wrapper'] = [
diff --git a/theme-settings.php b/theme-settings.php
index 190eb8e..2086687 100755
--- a/theme-settings.php
+++ b/theme-settings.php
@@ -93,7 +93,7 @@ function galactus_form_system_theme_settings_alter(&$form, FormStateInterface &$
   $form['general']['clf_source'] = [
     '#type' => 'select',
     '#title' => t('<strong>CLF Version and Source</strong>'),
-    '#description' => t('Choose the version and source of the UBC CLF.<br><strong>Warning</strong>: Minimal and local versions are inteneded for advanced users only. These will require creating and adding your own css for non-clf regions of the site, including navigation.<br><small>Replaces the Old Use Minimal CLF setting</small>'),
+    '#description' => t('Choose the version and source of the UBC CLF.<br><strong>Warning</strong>: Minimal and local versions are intended for advanced users only. These will require creating and adding your own css for non-clf regions of the site, including navigation.<br><small>Replaces the old Use Minimal CLF setting</small>'),
     '#default_value' => theme_get_setting('clf_source'),
     '#options' => [
       '' => t('CDN Full Version - default'),