diff --git a/LibCal/libcal-css.html b/LibCal/libcal-css.html
new file mode 100644
index 0000000..0afe6b8
--- /dev/null
+++ b/LibCal/libcal-css.html
@@ -0,0 +1,1284 @@
+<link rel="shortcut icon" href="https://www.lib.miamioh.edu/sites/default/files/favicon_0.ico" />
+<link href="https://fonts.googleapis.com/css?family=Cabin+Condensed&display=swap" rel="stylesheet">  
+<link href="https://fonts.googleapis.com/css?family=Raleway:200,300&display=swap" rel="stylesheet">
+
+<script>
+/**
+ * Table of Contents:
+ * 0.1 - Software Checkout Sorting (JS)
+ * 1.0 - Basic
+ * 2.0 - Header/Navigation Bar
+ * 2.1 - Header/Navigation @media queries
+ * 2.2 - Google website search
+ * 3.0 - Individual Guide CSS
+ * 4.0 - Footer
+ * 5.0 - A-Z Page
+ * 6.0 - @media queries
+ * 7.0 - LibChat
+ * 8.0 -- @Fonts
+ * ----------------------------------------------------------------------------
+ */
+
+/**
+ *  0.1 - Software Checkout Sorting (JS)
+ *
+ * This script adds a button to certain LibCal equipment pages.
+ * The button will sort the display of availability so that items
+ * with more availability float to the top.
+ * Note: this does NOT sort the left-hand column (items) so this method
+ * is only suitable when all the items are the same (e.g. a pool of software
+ * licenses). It will not work if the items are unique (such as study rooms)
+ * or if the items are subdivided into groups (also like study rooms in some
+ * cases.
+ *
+ * Currently, this is only used for Software Checkout.
+ */
+
+$(document).ready(function () {
+  /* Section 0: Configuration */
+  // urls for pages on which to show the sort button
+
+  let urlsShowSort = [
+    'equipment/item/105059', // Final Cut
+    'equipment/item/115969', // Logic Pro
+    'equipment/item/61121', // Adobe Creative Cloud
+    'equipment/item/141114', // test page
+    '?lid=8370', // all Library Software Checkout pages
+    'lid=16728', // test page
+  ];
+
+  /* Section 1: set showSort based on url matching */
+
+  showSort = false;
+  urlsShowSort.forEach(function (groupId) {
+    if (window.location.href.indexOf(groupId) > -1) {
+      showSort = true;
+    }
+  });
+  //   console.log(showSort);
+
+  /* Section 2: add sort button when time grid appears */
+  function listenForTimeGrid() {
+    if ($('.fc-timeline-slots').length > 0) {
+      addSortButton();
+      //   console.log('time grid found');
+    } else {
+      setTimeout(listenForTimeGrid, 500);
+    }
+  }
+  listenForTimeGrid();
+
+  /* Section 3: Add sort button */
+  function addSortButton() {
+    let sortIcon =
+      '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-up" viewBox="0 0 16 16"><path d="M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707V12.5zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/></svg>';
+    $('#time_grid_cont').prepend(
+      '<h2 class="btn btn-primary" id="sort-by-avail">' +
+        sortIcon +
+        ' Sort by availability</h2>'
+    );
+    $('#sort-by-avail').bind('click', function () {
+      sortByAvailability();
+    });
+  }
+
+  /* Section 4: Sort by availability */
+  function sortByAvailability() {
+    addAvailCounts();
+    sortByAvial();
+  }
+
+  function addAvailCounts() {
+    $('div.fc-timeline-lane-frame').each(function (index, el) {
+      $(this)
+        .closest('tr')
+        .attr('data-avail-count', getAvailCount(el))
+        .addClass('sortable');
+    });
+  }
+
+  function getAvailCount(el) {
+    return $(el).find('a.s-lc-eq-avail').length;
+  }
+
+  function sortByAvial() {
+    let entries = $('tr.sortable');
+    let tbody = $('tr.sortable:first').closest('tbody');
+    $('tr.sortable').remove();
+    entries
+      .sort(function (a, b) {
+        return $(b).attr('data-avail-count') - $(a).attr('data-avail-count');
+      })
+      .appendTo(tbody);
+  }
+});
+
+</script>
+
+<style>
+/**
+ * 1.0 Basic
+ * ----------------------------------------------------------------------------
+ */
+/* --- Accessibiity focus ---- */
+:focus {
+  outline: auto 2px Highlight !important;
+  outline: auto 5px -webkit-focus-ring-color !important;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  background-color: #fff;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+p, li, well {
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+a {
+  font-weight: bold;
+  color: #007B89;
+}
+
+:focus {
+  outline: auto 2px Highlight !important;
+  outline: auto 5px -webkit-focus-ring-color !important;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Cabin Condensed', sans-serif !important;
+}
+
+h1#s-lg-guide-name,
+h1#s-lib-public-header-title {
+  display: block;
+  margin: 0em 0 0.25em 0em;
+  font: normal 3.5em 'Cabin Condensed', sans-serif;
+  padding: 0px 0px;
+}
+
+a.label-info {
+  background-color: #008296;
+}
+
+div.s-lib-box{
+  box-shadow: none;
+}
+
+#booking  select#capacity { display: none; }
+
+
+/**
+ * 2.0 Libraries Header and Navigation Bar
+ * ----------------------------------------------------------------------------
+ */
+
+div.datepicker.datepicker {z-index: 10000!important;}
+
+#s-lc-public-bc {display:none;}
+
+#libguides-navbar {
+  margin: 0 0 4em 0;
+  height: 100px;
+  background-color: #c3142d;
+}
+
+.navbar{
+  border-radius: 0px;
+  border: 0px;
+}
+.navbar-brand { }
+
+.navbar-brand img {max-width: auto; height: 50px; margin: 0.5em auto 0px auto; }
+
+
+#libguides-navbar ul.nav.navbar-nav {
+  padding: 0em 0 0 0em !important;
+  margin: 0em auto 0rem 10rem !important;
+  float:right;
+}
+
+#libguides-navbar ul.navbar-nav li.dropdown {
+  position: static!important;
+}
+
+#libguides-navbar ul.dropdown-menu {
+  padding: 1em 0em;
+  margin: 0;
+  width: 100%;
+}
+
+#libguides-navbar ul.dropdown-menu .container{
+  padding: 1.5em 0em 2em 12em;
+}
+
+
+#libguides-navbar ul.navbar-nav li.dropdown a.dropdown-toggle {
+  font-family: "Adelle Regular", Georgia, "Times New Roman", serif;
+  font-size: 1.7em;
+  font-weight: 100;
+  color: #FFFEFC;
+  display: block;
+  padding-right: 1.2em;
+}
+
+#libguides-navbar ul.navbar-nav li.dropdown.open a.dropdown-toggle,
+#libguides-navbar ul.navbar-nav li.dropdown a.dropdown-toggle:hover {
+  background-color: #ffffff00;
+  text-decoration: underline;
+}
+
+ul.dropdown-menu {
+  background-color: #ffffff !important;
+  padding: 0 0 1.5em 0;
+  margin: 0.25em 1em 1em 1em;
+}
+
+ul.multi-column-dropdown {
+  padding: 0em 0 0 0.5em;
+}
+
+.multi-column-dropdown li {
+  list-style-type: none !important;
+}
+
+.multi-column-dropdown li.title {
+  list-style-type: none;
+  margin: 1.5em 0 0.25em 0em !important;
+  color: #333;
+  font-size: 1.2em;
+}
+
+.multi-column-dropdown li a {
+  display: block;
+  line-height: 1.55;
+  white-space: normal;
+  margin: 0 0 0.25em -0.5em;
+  padding: 0em 0.35em 0em 0.5em;
+  color: black;
+  font-weight: normal;
+  font-size: 1.1em;
+  margin-bottom: 0.75em;
+}
+
+.multi-column-dropdown li a:hover {
+  display: block;
+  background-color: #C3142D;
+  color: #fff;
+  text-decoration: none;
+}
+
+/* --- superNav ---- */
+#superNav {
+  float:right;
+  margin: 0 0 0 0rem !important;
+}
+
+#superNav li {
+  float: left;
+  margin: 0.75em 1.5em 0 0em;
+  list-style-type: none;
+}
+
+#superNav li a {
+  font-weight: normal;
+}
+
+#superNav a:hover {
+  text-decoration: underline;
+}
+
+#research-dropdown {
+  background-image: url("https://www.lib.miamioh.edu/images/CornerImages/AlumniHallCornerImg.png");
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  background-size: 50%;
+}
+
+#using-dropdown {
+  background-image: url("https://www.lib.miamioh.edu/images/CornerImages/KingLibraryCornerImg.png");
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  background-size: 50%;
+}
+
+#about-dropdown {
+  background-image: url("https://www.lib.miamioh.edu/images/CornerImages/LibraryCornerImg.png");
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  background-size: 50%;
+}
+
+
+/**
+ * 2.1 header/menus media queries
+ * ----------------------------------------------------------------------------*/
+
+/* 2.1.1 ------------------------------------ */
+@media screen and (max-width:1199px) {
+  #libguides-navbar {
+    height: 8.5em !important;
+  }
+
+  #libguides-navbar ul.nav.navbar-nav {
+    margin: -3em 0em 0 20em !important;
+  }
+
+  #libguides-navbar ul.navbar-nav li.dropdown a.dropdown-toggle {
+    font-size: 1.55em;
+    padding-right: 1em;
+  }
+  
+  #superNav {
+  margin: 0 0 0 14em !important;
+}
+  
+  #libguides-navbar ul.dropdown-menu .container{
+  margin: 0 auto 0 auto;
+  padding: 0em 0em 2em 15em;
+  width:1000px;
+}
+  
+  
+}
+
+/* 2.1.2 ---------------------------------------- */
+@media screen and (max-width:991px) {
+    
+  
+  #libguides-navbar ul.navbar-nav li.dropdown a.dropdown-toggle {
+    font-size: 1.35em !important;
+    padding-right: 0.75em !important;
+  }
+
+  #libguides-navbar ul.nav.navbar-nav {
+    padding: 0em 0 0 0em !important;
+    width: 100%;
+    margin: -3em 2rem 4.5rem 17rem !important;
+  }
+    
+
+    #superNav {
+  margin: 0 0 0 12.5rem !important;
+}
+  
+  li.giveToLibrary, li.miami {
+    display: none;
+  }
+
+  #libguides-navbar ul.navbar-nav li.dropdown a.dropdown-toggle {
+    font-size: 1.5em;
+    padding-right: 1em;
+  }
+
+ul.dropdown-menu {
+  background-color: #ffffff !important;
+  padding: 0 0 1.5em 0;
+  margin: 0.25em 0em 1em 0em;
+  width: 100%;
+}
+  
+#libguides-navbar ul.dropdown-menu .container{
+  margin: 0 auto 0 auto;
+  padding: 0em 0em 2em 0em;
+  width:700px;
+}
+  
+ul.multi-column-dropdown {
+  padding: 1em 0 0 0em;
+  margin: 0 0 0 0em;
+}
+  
+#research-dropdown,
+#using-dropdown,
+#about-dropdown {
+    background-image: none;
+  }
+  
+  
+}
+
+/* 2.1.3 -------------------------------------------- */
+@media screen and (max-width: 768px) {
+  
+  
+  
+    #libguides-navbar {
+    height: 90px !important;
+      border: none;
+  }
+  
+.navbar-brand {
+  
+  }
+
+.navbar-brand img {
+    }
+  
+#libguides-navbar button.navbar-toggle {
+  cursor: pointer;
+  margin: 3em 2em 0em 0em;
+  border: 1px solid #fff;
+  background: transparent;
+}
+  
+#libguides-navbar button.navbar-toggle.collapsed {
+    border: 1px solid #333 !important;
+  background-color: #fff;
+  }
+
+#libguides-navbar button.navbar-toggle.collapsed span.icon-bar {
+    border: 1px solid #333 !important;
+    color: #333 !important;
+  }  
+  
+  #navbar-collapse-libguides {
+    position: relative;
+    z-index: 100;
+    background: repeating-linear-gradient(-30deg, #C03C47, #C03C47 2px, #B61F2E 1px, #B61F2E 6px);
+    width: 105%!important;
+    padding:0em 2em 1em 0.25em;
+    margin: 0.75em 0 0em -1.25em;}
+  
+  
+#libguides-navbar ul.nav.navbar-nav {
+  margin: 3em auto 0em 0.5em!important;
+  width: 97%;
+}
+  
+   ul.dropdown-menu {
+    background-color: #ffffffcc !important;
+    border-radius: 10px !important;
+    padding: 0 10em 0em 0!important;
+    margin: 0.5em 0em 1em 1em !important;
+  }
+
+  ul.multi-column-dropdown {
+    margin: 0.75em 0em 0em 0em!important;
+   padding: 0 0 1em 1.5em;
+    border-bottom: 1px solid #aaa;
+      width: 85%!important;
+
+  }
+  
+.multi-column-dropdown li.title {
+  margin: 0 0em 0.25em 0em!important;
+}
+
+ /*#superNav {
+    margin: 10em 0 0 10em!important;
+  }*/
+  
+  #superNav, #superNav li.miamioh, span.hide-library {display: none;}
+
+  #research-dropdown, #using-dropdown, #about-dropdown {
+  background-image: none;
+}
+
+  
+  h1#s-lg-guide-name,
+  h1#s-lib-public-header-title {
+    margin: 0em 0 0.25em 0.5em;
+    font-size: 3em;
+  }
+
+  #s-lg-box-18909832-container {
+    display: none;
+  }  
+  
+}
+
+/**
+ * 2.2 Google website search
+ * ----------------------------------------------------------------------------*/
+/* Google Search input box */
+td.gsc-input,
+td.gsc-search-button {
+  border: 0px !important;
+  padding: 0 !important;
+}
+
+.gsc-control-cse {
+  margin: 0rem 0 0rem 0;
+}
+
+.gsib_a {
+  padding: 2px 5px !important;
+}
+
+.gsc-adBlock, #adBlock {
+  display: none !important;
+}
+
+/* to kill ads */
+form.gsc-search-box {
+  font-size: 20px !important;
+}
+
+table.gsc-input {
+  margin-bottom: 0 !important;
+}
+
+.gsc-control-cse {
+  background-color: none;
+  border: none !important;
+  background-color: rgba(255, 255, 255, 0) !important;
+  padding: 0 !important;
+}
+
+div.gsc-input-box {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+#googleSCHLsearch {
+  background-color: #0B86BA;
+  color: white;
+}
+
+#___gcse_0 {
+  margin-top: -0.35rem;
+  line-height: 1;
+  width: 20rem;
+  height: 2rem;
+}
+
+button.gsc-search-button {
+  background-color: #0B86BA;
+  height: 2.45rem;
+}
+
+.gsc-search-button-v2 {
+  font-size: 1.25rem !important;
+  padding: 4px 12px !important;
+}
+
+.gsc-modal-background-image {
+  background-color: #000000aa !important;
+}
+
+/**
+ * 3.0 Individual Guide CSS
+ * ----------------------------------------------------------------------------*/
+ ul.dropdown-menu{
+   padding:0px !important;
+ }
+ .dropdown-menu>.active>a{
+   background:white !important;
+ }
+ .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
+   background: #C3142D !important;
+ }
+#s-lg-guide-tabs-title-bar {
+  border: none;
+}
+
+#s-lib-bc {
+ display: none;
+}
+
+/*#s-lib-bc {
+  border-radius: 3px;
+  padding: 0.1em 0.5em 0.5em 0.25em;
+  margin: 0.75em 0 0em 0;
+}*/
+
+
+#s-lg-guide-search-box {}
+
+ul.nav-stacked li {
+  margin: 0.5em 0;
+  border-radius: 5px;
+}
+
+ul.nav-stacked li a {
+  padding: 0.35em 1.25em !important;
+  font-size: 1em;
+  color: #941728 !important;
+}
+
+ul.nav-stacked li a:hover {
+  color: #fff !important;
+  background: #941728 !important;
+  border-radius: 5px;
+}
+
+ul.nav-stacked li a.active {
+  color: #fff !important;
+}
+
+ul.nav-stacked li.dropdown ul.s-lg-subtab-ul {
+  background-color: #fff;
+  width: 100%;
+}
+
+ul.nav-stacked li.dropdown ul.s-lg-subtab-ul li {
+  border: none;
+}
+
+a.s-lg-tab-drop.dropdown-toggle {
+  color: #fff !important;
+  background-color: #B61E2E !important;
+}
+
+a.s-lg-tab-drop.dropdown-toggle span.caret {
+  border-top: 4px solid #fff !important;
+}
+
+div.s-lg-col-boxes h2.s-lib-box-title {
+  display: block;
+  margin: 0em 0 0 0;
+  padding: .5em 0px 0.5em 0.85em;
+  font: 500 2em/1.45em Georgia, Times New Roman, serif;
+  background: #fff;
+  color: #000;
+}
+
+/*---------Oxford proactive chat box----------*/
+div#s-lg-box-18909832 {
+  margin: -20px 0 0 0;
+  padding: 0;
+  border: none;
+  box-shadow: none;
+}
+
+div#s-lg-box-18909832 h2 {
+  display: none;
+}
+
+/*---------Oxford normal chat box----------*/
+div#s-lg-box-19192826 {
+  margin: -20px 0 0 0;
+  padding: 0;
+  border: none;
+  box-shadow: none;
+}
+
+div#s-lg-box-19192826 h2 {
+  display: none;
+}
+
+/*---------Regionals chat box----------*/
+div#s-lg-box-19004034 {
+  margin: -20px 0 0 0;
+  padding: 0;
+  border: none;
+  box-shadow: none;
+}
+
+div#s-lg-box-19004034 h2 {
+  display: none;
+}
+
+div.s-lib-box-content {
+  padding: 10px 20px;
+}
+
+ul#s-lg-page-prevnext.pager li.next a, ul#s-lg-page-prevnext.pager li.previous a {
+  /* background: #B61E2E;
+  color: #fff; */
+}
+
+ul#s-lg-page-prevnext.pager li.next a:hover, ul#s-lg-page-prevnext.pager li.previous a:hover {
+  background: #fff;
+  color: #B61E2E;
+  border: 1px solid #B61E2E;
+}
+
+/**
+ * 4.0 Footer CSS
+ * ----------------------------------------------------------------------------*/
+.s-lc-public-footer {display: none;}
+
+footer {
+  font: 100 1.125em/1.5em "Raleway", sans-serif;
+  padding: 0em 0em 0em 0;
+  color: #fff;
+  margin-top:4em;
+}
+
+footer .footer-container {
+  background-color: #941728;
+  padding: 0 0 2em 0 !important;
+}
+
+footer a {
+  color: #fff !important;
+  font-weight: 300 !important;
+}
+
+footer img.footer-logo {
+  width:90%; 
+  margin: 2em 0 0 0;
+}
+
+footer li {
+  list-style-type: none;
+  font-size: 1.1em;
+  line-height: 1.7;
+}
+
+footer h2 {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+#s-lib-footer-public {
+  width: 100%;
+  background: #fff;
+  margin-top: 1em;
+  padding: 0.5em 2em 0em 2em;
+}
+
+address {
+  margin: 1.25em 0 0 0;
+  font-size: 1.5em;
+  color: #fff;
+  font-weight: 300;
+}
+
+/**
+ * 5.0 A-Z Page
+ * ----------------------------------------------------------------------------*/
+body.az-page li#s-lib-bc-site {
+  display: none;
+}
+
+
+#s-lg-az-filter-cols {}
+
+#col-vendors {
+  display: none;
+}
+
+/* Hides the Vendors dropdown */
+#s-lg-az-search-bar {
+  margin-top: 0.5em;
+}
+
+#s-lg-az-search-bar .navbar {
+  width:99.5%;
+  border-radius: 5px;
+  border:1px solid #aaa;
+background-color:#dedede;}
+
+#s-lg-az-search-bar .navbar select {
+  border-radius: 5px;
+  border:1px solid #aaa;
+}
+
+#s-lg-az-search-bar .navbar input {
+  border-radius: 5px 0px 0px 5px;
+  border:1px solid #aaa!important;
+}
+
+#s-lg-az-search-bar .navbar button {
+  border-radius: 0px 5px 5px 0px;
+  border:1px solid #aaa!important;
+  background-color: #007B89;
+  color:#fff;
+}
+
+
+#col-subjects {width: 31%;}
+#col-types {width: 31%;}
+#col-search {width: 38%;}
+
+
+h2#s-lg-az-result-count {
+  height: 0;
+  font-size: 1.65em;
+  margin: 0.75em 0 1.5em 0 !important;
+  padding: 0 0 0 0 !important;
+}
+
+button#s-lg-az-reset {
+  float: right;
+  margin: 0.75em 0.5em;
+  font-weight: bold;
+  font-size: 1.125em;
+  color: #fff;
+  background-color: #007B89;
+  border-radius: 5px;
+  border-color: #007B89;
+  padding: 0.5em 1.25em;
+}
+
+button#s-lg-az-reset:hover {
+  color: #007B89;
+  background-color: #fff;
+}
+
+#s-lg-az-results {
+  margin-top: 2em;
+}
+
+#s-lg-az-results div.s-lg-az-result,
+#s-lg-az-content div.s-lg-az-result {
+  border: 1px solid #ddd;
+  padding: 10px 15px 10px 15px;
+  margin: 1.2em 0 0 0;
+  border-radius: 5px;
+  clear: both;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.05);
+  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
+}
+
+#s-lg-az-results div.s-lg-az-result:hover,
+#s-lg-az-content div.s-lg-az-result {
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+#s-lg-az-results .s-lg-db-panel-title {
+  background: #666;
+  color: #fff;
+  margin: 0em 0 0 0;
+  padding: 5px 0px 4px 15px;
+  font-weight: bold;
+  font-size: 1.25em;
+  border-radius: 12px;
+}
+
+div#s-lg-db-name-featured.s-lg-db-panel {
+  margin-bottom: 5em !important;
+}
+
+#s-lg-db-name-featured.s-lg-db-panel::after {
+  content: "Additional Great Databases";
+  float: left;
+  position: relative;
+  margin: 0.75em 0 0em 0;
+  padding: 1em 0 0em 0;
+  color: #777;
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+div.s-lg-az-result-title {
+  font-size: 1.35em !important;
+}
+
+div.s-lg-az-result-description {
+  font-size: 1em !important;
+  line-height: 1.35;
+  margin: 0.5em 0.5em 0.5em 1.5em;
+}
+
+.s-lg-label-more-info {
+  font-weight: bold !important;
+  margin: 0.25em 0 0.5em 1.5em;
+}
+
+.s-lg-content-more-info {
+  font-size: 1em !important;
+  line-height: 1.35;
+  margin: 0em 0.5em 1em 1.5em;
+}
+
+div.s-lg-label-more-info {
+  font-size: 1em;
+  font-weight: bold !important;
+}
+
+#s-lg-az-index {
+  padding: 5px;
+  font-size: 1.25em;
+  font-weight: bold;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+#s-lg-db-name-featured .s-lg-db-panel-title {
+  background-color: #555;
+  color: #fff;
+}
+
+#s-lg-db-name-featured .s-lg-az-result-featured {
+  background-color: #fff !important;
+  border: 1px solid #999 !important;
+}
+
+#s-lg-db-name-featured {
+  background-color: #f5e2c0 !important;
+  border: 1px solid #999 !important;
+}
+
+div.sidebar-box {
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  padding: 0em 1.25em 1.5em 1.25em;
+  margin: 0.5em 0 2.5em 0;
+}
+
+div.sidebar-box h2 {
+  font: 2.5em normal Georgia, serif;
+  margin: 0.5em 0 0.25em 0em;
+  padding: 0 0 0 0;
+}
+
+#academic-essentials {
+  background-color: #f3f3f3;
+}
+
+#s-lg-az-guides-div,
+#s-lg-az-experts-div {
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  padding: 0em 1.25em 1.5em 1.25em;
+  margin: 0.5em 0 2.5em 0;
+}
+
+#s-lg-az-guides-div h2,
+#s-lg-az-experts-div h2 {
+  font: 2.5em normal Georgia, serif;
+  margin: 0.5em -0.5em 0.125em -0.5em;
+  padding: 0 0 0.25em 0.5em;
+}
+
+#s-lg-az-guides-div {
+  padding-bottom: 0;
+}
+
+#s-lg-az-guides-div ul.s-lg-system-list {
+  margin: 0em 0 -1em -1em;
+  font-size: 1.25em !important;
+}
+
+#s-lg-az-guides-div ul.s-lg-system-list li {
+  border-bottom: 1px solid #ddd;
+  margin: 0 0 0 0;
+  padding: 0.75em 0 0.75em 0;
+  list-style-type: none;
+}
+
+#s-lg-az-guides-div div.s-lg-guide-list-info {
+  font-size: 0.7em !important;
+}
+
+#s-lg-az-experts-div h2.s-lib-box-title {
+  display: none;
+}
+
+#s-lg-az-experts-div div.s-lib-box {
+  border: none !important;
+  box-shadow: none !important;
+  margin-bottom: -4em !important;
+}
+
+.s-lib-profile-name {
+  font-size: 2.25em !important;
+}
+
+.sidebar-box ul li {
+  font-size: 1.125em;
+}
+
+#s-lg-az-lc-widget-div {
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  margin: 0 0 2.5em 0;
+  padding: 1em 1em;
+}
+
+#s-lg-az-trials-div,
+#s-lg-az-popular-div {
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  padding: 1em 1.25em 1.5em 1.25em;
+  margin: 0 0 3em 0;
+}
+
+#s-lg-az-trials-div .margin-bottom-xlg,
+#s-lg-az-popular-div .margin-bottom-xlg {
+  margin: 0 !important;
+}
+
+#s-lg-az-trials,
+#s-lg-az-popular {
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+#s-lg-az-trials-div h2,
+#s-lg-az-popular-div h2 {
+  font: 2.5em normal Georgia, serif;
+  border: none;
+  margin: 0.1em 0 0 0;
+}
+
+#s-lg-az-trials-div .s-lg-az-result,
+#s-lg-az-popular-div .s-lg-az-result {
+  margin: 0.125em 0.25em !important;
+}
+
+#s-lg-az-trials-div .s-lg-az-result-title,
+#s-lg-az-popular-div .s-lg-az-result-title {
+  font-size: 1.125em !important;
+  margin: 0;
+}
+
+#s-lg-az-trials-div .s-lg-az-result-description,
+#s-lg-az-popular-div .s-lg-az-result-description,
+#s-lg-az-trials-div .s-lg-label-moreinfo button,
+#s-lg-az-popular-div .s-lg-label-moreinfo button,
+#s-lg-az-trials-div .s-lg-az-result-badge-new,
+#s-lg-az-trials-div .s-lg-az-result-badge-trial,
+#s-lg-az-popular-div .s-lg-az-result-badge-popular {
+  display: none !important;
+}
+
+/---Media queries for A-Z page---/ @media screen and (max-width: 991px) {
+  #col-subjects, #col-types, #col-search {
+    width: 90%;
+    margin: 0em 0 1em 0;
+  }
+
+  #s-lg-az-filters select {
+    width: 100%;
+    margin: 0em 0 1em 0;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  
+  #s-lg-az-search-bar button.navbar-toggle {
+    border: 1px solid #000!important;
+    background-color: #fff!important;
+  }
+  
+  #s-lg-az-search-bar button.navbar-toggle.collapsed {
+    border: 1px solid #999 !important;
+  }
+
+  #s-lg-az-search-bar span.icon-bar {
+    border: 1px solid #999 !important;
+    color: #333 !important;
+  }
+}
+
+/**
+ * 5.1 Guides Home Page
+ * ----------------------------------------------------------------------------*/
+.nav .s-lg-index-nav-btn>button {
+  border: 1px solid #ccc;
+  background-color: #fff;
+  padding: 0.5em 1.5em;
+  border-radius: 5px;
+  font-weight: 400;
+}
+
+.nav .s-lg-index-nav-btn>button:hover {
+  box-shadow: 3px 3px 5px #bbb;
+  border-color: #777;
+}
+
+a.s-lg-hp-btn-section {
+  background-color: #007B89;
+  border: none;
+  margin-top: 0.75em;
+  color: #fff;
+  font-weight: 700;
+}
+
+/**
+ * 6.0 Other @media queries
+ * ----------------------------------------------------------------------------*/
+@media screen and (max-width: 768px) {
+  #s-lib-bc {
+    display: none;
+  }
+
+  h1#s-lib-public-header-title {
+    margin: 0.25em 0 0.25em 0em;
+  }
+
+  #s-lib-public-header {
+    margin: 0em 0.75em 0em 0.75em;
+  }
+
+  #s-lib-public-main {
+    margin: -0.75em 0.75em 0em 0.75em;
+  }
+
+  #s-lg-hp-nav {
+    margin: -1em 0 0 0;
+  }
+
+  #s-lg-hp-nav ul {
+    padding: 0em 0;
+    margin: 0 0 -0.5em 0;
+  }
+
+  #s-lg-hp-nav ul li {
+    margin: 0.5em 0 0.5em 0;
+  }
+
+  #s-lg-hp-nav-bottom form {
+    padding: 0;
+    margin: -0.5em 0 -1.25em 0;
+  }
+
+  div#s-lg-box-18909832 {
+    margin: -10px 0 0 0;
+  }
+
+  ul.nav-stacked {
+    margin: 0 1em 1em 1em !important;
+    padding: 0em 0;
+  }
+
+  ul.nav-stacked:before {
+    content: "Guide Content";
+    font-size: 1.25em;
+    font-weight: bold;
+    padding: 0 0 0.25em 0;
+  }
+
+  ul.nav-stacked li {
+    margin: 0em 0;
+    padding: 0;
+    border: none;
+  }
+
+  ul.nav-stacked li a {
+    padding: 0.25em 1.25em !important;
+    font-size: 1em;
+    border-radius: 0px !important;
+  }
+
+  ul.nav-stacked li a:hover {
+    border-radius: 0px !important;
+  }
+
+  ul.nav-stacked {
+    margin-bottom: 1em !important;
+  }
+
+  ul.nav-stacked li {
+    margin: 0.5em 1em;
+    border: 1px solid #bbb;
+    border-radius: 5px;
+  }
+
+  .s-lib-box-container {
+    margin: 0em 1em;
+  }
+}
+
+/**
+ * 7.0 LibChat styles
+ * ----------------------------------------------------------------------------*/
+
+/*--- Ask Us chat button ---*/
+.lcs_slide_out {
+  margin-top: 1%;
+}
+
+.lcs_slide_out header a {
+  font-size: 1.95rem !important;
+  font-weight: 400;
+  padding: 0 1em !important;
+}
+@media only screen and (max-width: 576px) {
+  .lcs_slide_out header a {
+    font-size: 1.0rem !important;
+    padding: 0 1em !important;
+  }
+}
+
+#s-lch-header-actions button i.fa.fa-fw {
+  font-size: 24px;
+}
+
+/**
+ * 8.0 @ font-face
+ * ----------------------------------------------------------------------------*/
+@font-face {
+  font-family: 'Adelle Regular';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_Reg.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Italic';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Light Italic';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_LightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Light';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle SemiBold Italic';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle SemiBold';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_Semibold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Bold';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_Bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Bold Italic';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle ExtraBold';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_ExtraBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle ExtraBold Italic';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_ExtraBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Heavy';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_Heavy.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Adelle Heavy Italic';
+  font-style: normal;
+  font-weight: normal;
+  src: url('//libapps.s3.amazonaws.com/sites/594/include/Adelle_HeavyItalic.woff') format('woff');
+}
+</style>
diff --git a/LibCal/libcal-footer.html b/LibCal/libcal-footer.html
new file mode 100644
index 0000000..dcc36f9
--- /dev/null
+++ b/LibCal/libcal-footer.html
@@ -0,0 +1,63 @@
+<footer class="footer d-none d-sm-block">
+  <hr style="border: 1px solid #941728; margin-bottom:0em;">
+  <hr style="border: 3px solid #941728; margin:0.2em 0em 0.6em 0em">
+  <div class="container-fluid footer-container">
+    <div class="container justify-content-center">
+      <div class="row" style="padding-top:1em;">
+        <h1 class="sr-only">Frequently Asked Questions</h1>
+        <div class="col-md-3 col-sm-6 col-xs-6">
+          <h2 class="sr-only">Contact Information</h2>
+          <img src="https://www.lib.miamioh.edu/images/FSL_REV_UNLBRYS.png" alt="Miami University Libraries" class="footer-logo">
+          <address>
+          <!--  <p class="library-name">
+              <font size="+1"><strong>Miami University Libraries</strong></font>
+            </p>-->            
+            <p>151 South Campus Avenue<br>
+              Oxford, Ohio 45056</p>
+              <p><a href="tel:+15135294141"><abbr title="Phone" aria-label="Phone number">P:</abbr> (513) 529-4141</a><p>
+          </address>
+          <p class="give-to-the-library"><a href="https://www.givetomiamioh.org/s/916/16/interior-flah.aspx?sid=916&gid=1&pgid=5141">
+              <i class="fa fa-gift"></i> Give to the Libraries</a></p>
+        </div>
+
+        <div class="col-md-3">
+          <h2 class="footer-header">Libraries & Collections</h2>
+          <ul class="hidden-sm hidden-xs">
+            <li><a href="https://www.lib.miamioh.edu/about/locations/king-library/">King Library</a></li>
+            <li><a href="https://www.lib.miamioh.edu/about/locations/art-arch/">Wertz Art & Architecture Library</a></li>
+            <li><a href="https://www.lib.miamioh.edu/about/locations/music-library/">Amos Music Library</a></li>
+            <li><a href="https://www.lib.miamioh.edu/about/locations/special-collections-archives/" rel="external">Walter Havighurst Special Collections</a></li>
+            <li><a href="http://archives.lib.miamioh.edu/">University Archives</a></li>
+            <li><a href="http://westernarchives.lib.miamioh.edu/">Western College Archives</a></li>
+            <li><a href="https://www.lib.miamioh.edu/about/locations/regional/">Regional Libraries</a></li>
+          </ul>
+          <ul style="border-top 1px solid #555;"><li><a href="https://www.lib.miamioh.edu/2020/07/01/BEST-library-close.html">B.E.S.T. Library Closure</a></li></ul>
+        </div>
+
+        <div class="col-md-3  col-sm-3 col-xs-6 align-right">
+          <h2 class="footer-header">Policies</h2>
+          <ul class="hidden-sm hidden-xs">
+            <li><a href="https://www.lib.miamioh.edu/about/organization/policies/">Policies</a></li>
+            <li><a href="https://www.lib.miamioh.edu/about/organization/faqs/">Frequently Asked Questions</a></li>
+            <li><a href="https://www.lib.miamioh.edu/research/instruction/accessibility/">Accessibility Services</a></li>
+            <li><a href="https://www.lib.miamioh.edu/feedback">Feedback</a></li></ul>
+          <ul>
+            <li><a href="https://www.lib.miamioh.edu/user/">Staff Area</a></li>
+            <li><a href="https://holmes.lib.muohio.edu/patroninfo.html">My Library Account</a></li>
+          </ul>
+        </div>
+
+        <div class="col-md-3  col-sm-3 hidden-sm hidden-xs align-right">
+          <h2 class="footer-header">Follow Us</h2>
+            <ul class="hidden-sm hidden-xs">
+                       <li><a href="https://twitter.com/MiamiOHLib"><i class="fa fa-twitter"></i> Twitter</a></li>
+            <li><a href="http://facebook.com/MiamiOHLib"><i class="fa fa-facebook-f"></i>  Facebook</a></li>
+            <li><a href="https://www.instagram.com/MiamiOHLib/"><i class="fa fa-instagram"></i> Instagram</a></li>
+<li><a href="https://www.youtube.com/channel/UC1JTwOQxpBXFA-TF5bjYu9g"><i class="fa fa-youtube"></i> YouTube</a></li>
+          </ul>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</footer>
\ No newline at end of file
diff --git a/LibCal/libcal-header.html b/LibCal/libcal-header.html
new file mode 100644
index 0000000..1906e45
--- /dev/null
+++ b/LibCal/libcal-header.html
@@ -0,0 +1,200 @@
+<nav id="libguides-navbar" class="navbar navbar-inverse" role="navigation" aria-label="main">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-libguides" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" id="site-logo" href="https://www.lib.miamioh.edu"><img src="https://libapps.s3.amazonaws.com/accounts/160520/images/FSL_REV_186KW_UNLBRYS.png"
+        alt="Miami University Library"></a>
+    </div>
+
+<div class="collapse navbar-collapse" id="navbar-collapse-libguides">
+
+
+  <ul id="superNav">
+    <li class="nav-item miamioh"><a href="https://www.miamioh.edu" style="color: white;">Miami University</a></li>
+    <li class="nav-item"><a href="https://mymiami.miamioh.edu" style="color: white;">myMiami</a></li>
+    <li class="nav-item"><a href="https://holmes.lib.miamioh.edu/patroninfo.html" style="color: white;">My <span class="hide-library">Library </span>Account</a></li>
+    <li class="nav-item d-none d-sm-inline-flex giveToLibrary"><a href="https://www.givetomiamioh.org/s/916/16/interior-flah.aspx?sid=916&gid=1&pgid=5141" style="color: white;">
+        <i class="fa fa-gift"></i>&nbsp;Give to the Libraries</a></li>
+    <li class="nav-item float-right">
+      <div class="gcse-search"></div>
+            </ul>
+
+    <ul class="nav navbar-nav">
+
+      <li class="dropdown">
+        <a class="dropdown-toggle" data-toggle="dropdown" id="research-menu" href="#">Research and Support <span class="caret"></span></a>
+            <ul id="research-dropdown" class="dropdown-menu" aria-labeledby="research-menu" role="menu">
+              <div class="container">
+                    <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="find-submenu-title">
+                    <ul class="multi-column-dropdown">
+                    <li id="find-submenu-title" class="title"><strong>Find</strong></li>
+                    <li><a href="https://www.lib.miamioh.edu/research/find/guides/">Research Guides</a></li>
+                    <li><a href="https://www.lib.miamioh.edu/research/find/databases/">Databases A-Z</a></li>
+                    <li><a href="https://www.lib.miamioh.edu/research/find/onesearch/">OneSearch</a></li>
+                    <li><a href="https://www.lib.miamioh.edu/research/find/articles/">Articles and More</a></li>
+                    <li><a href="https://www.lib.miamioh.edu/research/find/books/">Books and More</a></li>
+                    <li><a href="https://www.lib.miamioh.edu/research/find/encyclopedias/">Encyclopedias and Dictionaries</a></li>
+                    <li><a href="https://www.lib.miamioh.edu/digital-collections/">Digital Collections</a></li>
+                      </ul>
+                      
+                </li>
+
+                    <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="research-support-submenu-title">
+                      <ul class="multi-column-dropdown">
+                  <li id="research-support-submenu-title" class="title"><strong>Research Support</strong></li>
+                  <li><a href="https://www.lib.miamioh.edu/research/research-support/academic-integrity/">Academic Integrity</a></li>
+                  <li><a href="https://www.lib.miamioh.edu/research/research-support/citation/">Citation Resources</a></li>
+                  <li><a href="https://www.lib.miamioh.edu/research/research-support/ask/">Ask a Librarian</a></li>
+                  <li><a href="https://www.lib.miamioh.edu/research/research-support/copyright/">Copyright</a></li>
+                  <li><a href="https://www.lib.miamioh.edu/research/research-support/workshops/">Research Workshops</a></li>
+                  <li><a href="https://www.lib.miamioh.edu/research/research-support/hcw/">Howe Writing Center</a></li>
+                      </ul>
+                    </li>
+
+                    <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="instruction-support-submenu-title">
+                      <ul class="multi-column-dropdown">
+                        <li id="instruction-support-submenu-title" class="title"><strong>Instruction Support</strong></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/library-instruction/">Library Instruction</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/credo-instruct/">Information Literacy Modules</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/course-reserves/">Course Reserves</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/oer/">Open Educational Resources</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/accessibility/">Accessibility Resources</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/videos/">Instructional Videos</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/instruction/lore/">Learning Object Repository</a></li>                                    
+                      </ul>
+                    </li>
+
+                    <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="create-submenu-title">
+                      <ul class="multi-column-dropdown">
+                        <li id="create-submenu-title" class="title"><strong>Creation</strong></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/creation/makerspace/">MakerSpace</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/creation/digital-scholarship/">Digital Scholarship</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/creation/data-services/">Data Services</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/creation/dv-vr/">Virtual Reality</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/creation/cre-copyright/">Copyright</a></li>
+                        <li><a href="https://www.lib.miamioh.edu/research/creation/cre-workshops/">Creation Workshops</a></li>
+                      </ul>
+                    </li>
+                    </div>
+                    </ul>
+          </li>
+
+
+      <li class="dropdown">
+        <a class="dropdown-toggle" data-toggle="dropdown" id="using-menu" href="#">Using the Libraries <span class="caret"></span></a>
+              <ul id="using-dropdown" class="dropdown-menu"  aria-labeledby="using-menu" role="menu">
+                <div class="container">
+                  <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="borrowing-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="borrowing-submenu-title" class="title"><strong>Borrowing and Requests</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/policies/">Borrowing Policies</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/reserves/">Reserves and Textbooks</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/ill/">Interlibrary Loan and Storage Requests</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/curbside/">Curbside Pickup</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/department-delivery/">Department/Dorm Delivery</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/home-delivery/">Home Delivery</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/borrow/lola/">Limited Online Library Access Lending Service</a></li>       
+                    </ul>
+                  </li>
+
+    <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="spaces-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="spaces-submenu-title" class="title"><strong>Spaces</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/spaces/room-reservations/">Study Rooms</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/spaces/computer-labs/">Computer Availability</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/spaces/makerspace/">MakerSpace</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/spaces/remote-lab/">Remote Lab</a></li>
+    <li><a href="https://www.lib.miamioh.edu/use/spaces/reading-rooms/">Faculty and Graduate Reading Room</a></li>
+    <li><a href="https://www.lib.miamioh.edu/use/spaces/hwc/">Howe Writing Center</a></li>
+    <li><a href="https://www.lib.miamioh.edu/use/spaces/king-cafe/">King Cafe</a></li>
+                    </ul>
+                  </li>
+
+                  <li class="col-md-3 col-sm-6" role="menu" aria-labelledby="technology-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="technology-submenu-title" class="title"><strong>Technology</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/tech-checkout/">Tech Equipment for Checkout</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/software-checkout/">Software Checkout</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/software/">Software on Library Computers</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/printing/">Printing and WiFi</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/3d-printing-services/">3D Printing</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/av-production/">Audio-Video Production</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/tech-data-services/">Data Services</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/technology/virtual-reality/">Virtual Reality</a></li>
+                    </ul>
+                  </li>
+
+                  <li class="col-md-3 col-sm-4" role="menu" aria-labelledby="services-for-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="services-for-submenu-title" class="title"><strong>Services for...</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/services/faculty/">Faculty</a></li> 
+                      <li><a href="https://www.lib.miamioh.edu/use/services/graduateStudents/">Graduate Students</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/use/services/newStudents/">New Students</a></li>
+                  <li tabindex="-1" role="presentation" aria-hidden="true">
+                      <hr role="separator">
+                  </li>
+                  <li><a href="https://www.lib.miamioh.edu/use/services/libraryhealthy/">Healthy Together at the University Libraries</a></li>
+                    </ul>
+                  </li>
+                  </div>
+                </ul>
+      </li>
+
+
+      <li class="dropdown">
+        <a class="dropdown-toggle" data-toggle="dropdown" id="about-menu" href="#">About <span class="caret"></span></a>
+                <ul id="about-dropdown" class="dropdown-menu" aria-labeledby="about-menu" role="menu">
+                  <div class="container">
+                  <li class="col-lg-4 col-sm-6" role="menu" aria-labelledby="hours-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="hours-submenu-title" class="title"><strong>Locations &amp; Hours</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/locations/hours/">Library Hours</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/locations/king-library/">King Library</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/locations/art-arch/">Wertz Art & Architecture Library</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/locations/music-library/">Amos Music Library</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/locations/special-collections-archives/">Special Collections and University Archives</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/locations/regional/">Regional Libraries</a></li>
+                      <li style="border-top:1px solid #999; padding-top:0.5em;margin-top:0.5em; width:90%;"><a href="https://develop.lib.miamioh.edu/2020/07/01/BEST-library-close.html">B.E.S.T. Library Closure</a></li>
+                    </ul>
+                  </li>
+
+                  <li class="col-lg-4 col-sm-6" role="menu" aria-labelledby="staff-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="organization-submenu-title" class="title"><strong>Our Organization</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/contact-us/">Contact Us</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/staff/">Staff Directory</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/liaisons/">Subject Librarians</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/deans-office/">Welcome from the Dean</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/strategic/">Strategic Plan</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/employment/">Employment</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/policies/">Policies</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/organization/faqs/">FAQs</a></li>
+                    </ul>
+                  </li>
+
+                  <li class="col-lg-4 col-sm-5" role="menu" aria-labelledby="news-submenu-title">
+                    <ul class="multi-column-dropdown">
+                      <li id="news-submenu-title" class="title"><strong>News and Events</strong></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/news-events/news/">Library News</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/news-events/events-exhibits/">Events and Exhibits</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/news-events/social/">Social Media</a></li>
+                      <li><a href="https://www.lib.miamioh.edu/about/news-events/support/">Support the Libraries</a></li>
+                      <li tabindex="-1" role="presentation" aria-hidden="true">
+                        <hr role="separator">
+                    </li>
+                    <li><a href="https://www.lib.miamioh.edu/about/news-events/coronavirus/">COVID-19 (novel coronavirus) updates and resources</a></li>
+                      
+                    </ul>
+                  </li>
+                  </div>
+                </ul>
+        </li>
+</ul>
+</div>
+</div>
+</nav> 
diff --git a/LibCal/libcal-css-july21.html b/LibCal/old versions/libcal-css-july2021.html
similarity index 100%
rename from LibCal/libcal-css-july21.html
rename to LibCal/old versions/libcal-css-july2021.html
diff --git a/LibCal/libcal-footer-july21.html b/LibCal/old versions/libcal-footer-july2021.html
similarity index 100%
rename from LibCal/libcal-footer-july21.html
rename to LibCal/old versions/libcal-footer-july2021.html
diff --git a/LibCal/libcal-header-july21.html b/LibCal/old versions/libcal-header-july2021.html
similarity index 100%
rename from LibCal/libcal-header-july21.html
rename to LibCal/old versions/libcal-header-july2021.html