diff --git a/config.toml b/config.toml
index a54b846702d913dfd2afdf0f8115b013504a6f75..7b0ac0c1bae75f3cdad76d66b8b0c03ec1b8e674 100644
--- a/config.toml
+++ b/config.toml
@@ -20,8 +20,8 @@ enableMissingTranslationPlaceholders = false
 [params]
 editURL = "https://git.unl.edu/hcc/hcc-docs/edit/master/content/"
 showVisitedLinks = true # default is false
-themeStyle = "flex" # "original" or "flex" # default "flex"
-themeVariant = "" # choose theme variant "green", "gold" , "gray", "blue" (default)
+themeStyle = "original" # "original" or "flex" # default "flex"
+themeVariant = "blue" # choose theme variant "green", "gold" , "gray", "blue" (default)
 ordersectionsby = "weight" # ordersectionsby = "title"
 disableHomeIcon = false # default is false
 disableSearch = false # default is false
diff --git a/content/_header.md b/content/_header.md
new file mode 100644
index 0000000000000000000000000000000000000000..c247c7368caecd96f06b9ae1b3ee1854de9beea3
--- /dev/null
+++ b/content/_header.md
@@ -0,0 +1,7 @@
++++
+title = "Header"
++++
+{{< figure src="/images/UNMasterwhite.gif" link="https://nebraska.edu" target="_blank" >}}
+### [Holland Computing Center](https://hcc.unl.edu)
+
+#### [HCC-DOCS]({{< relref "/" >}})
diff --git a/layouts/partials/custom-content-footer.html b/layouts/partials/custom-content-footer.html
new file mode 100644
index 0000000000000000000000000000000000000000..0aabf33d198b4904b442f50bb287835e4586fa97
--- /dev/null
+++ b/layouts/partials/custom-content-footer.html
@@ -0,0 +1,14 @@
+<footer class=" footline" >
+
+{{ $footer := print "_footer." .Lang }}
+{{ range where .Site.Pages "File.BaseFileName" $footer }}
+  {{ .Content }}
+{{else}}
+  {{ if .Site.GetPage "page" "_footer.md" }}
+    {{(.Site.GetPage "page" "_footer.md").Content}}
+  {{else}}
+    {{ T "create-footer-md" }}
+  {{end}}
+{{end}}
+
+</footer>
diff --git a/layouts/partials/custom-head.html b/layouts/partials/custom-head.html
index 7c12a5aaec4e06fe4bdc6dade4a2a2068b6e561c..850a64111d3ed07a014ae87ac23a769a87a62332 100644
--- a/layouts/partials/custom-head.html
+++ b/layouts/partials/custom-head.html
@@ -1 +1,2 @@
 <link rel="stylesheet" href="/css/custom.css">
+<link href="//cloud.typography.com/7717652/616662/css/fonts.css" type="text/css" rel="stylesheet">
diff --git a/static/css/custom.css b/static/css/custom.css
index c16d4511fe37663a44905a778f4e4fe410b4a3ad..ec010dd0edb9922049eb5203ac537c4232ecf07a 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,3 +1,111 @@
 .img-border a img  {
   border:1px solid #021a40 !important ;
 }
+
+body, h5, h6 {
+background:  #FEFDFA ;
+font-family: "Mercury SSm A","Mercury SSm B","Times New Roman",serif;
+font-size: 16px !important;
+}
+
+#sidebar {
+background-color: rgb(239, 238, 235);
+}
+
+#header-wrapper {
+background: #D00000;
+/* background-color: #137CBD; */
+}
+
+#header-wrapper a {
+color: #ffffff !important;
+}
+
+.searchbox {
+background: #FEFDFA;
+}
+
+.searchbox input {
+color:  rgb(91,91,90);
+}
+
+.searchbox label {
+color: #1B9AE8;
+}
+
+::placeholder {
+color: #137CBD !important ;
+}
+
+.searchbox span {
+color: #1B9AE8;
+}
+
+#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
+background: #f4f3f0;
+color: #5b5b5a;
+}
+
+#sidebar ul.topics > li.parent a, #sidebar ul.topics > li.active a {
+color: #5b5b5a;
+}
+
+h1, h2, h3, h4 {
+font-family: "Tungsten A","Tungsten B",Impact,Haettenschweiler,"Arial Narrow Bold","Franklin Gothic Bold",sans-serif ;
+letter-spacing: 0px;
+}
+
+code {
+background: none;
+border: none;
+}
+
+#sidebar a {
+color: #5b5b5a;
+border-bottom-style: none;
+border-bottom-width: none;
+}
+
+#sidebar a:hover {
+color: #D00000;
+}
+
+#sidebar ul.topics > li.parent a:hover, #sidebar ul.topics > li.active a:hover {
+color: #D00000;
+}
+
+#sidebar ul li.active > div > a:hover {
+color: #D00000 !important;
+}
+
+#sidebar ul li .read-icon {
+margin-left: -14px;
+}
+
+.fa-circle-thin:before {
+content:  none;
+}
+
+#header h3, h4 {
+margin-top: 16px;
+color:  #ffffff;
+}
+
+#clear-history {
+display: none;
+}
+
+a {
+color: #d00000;
+border-bottom-style: dotted;
+border-bottom-width: 1px;
+}
+
+a:hover {
+color: #6a0000;
+}
+
+#header a:hover {
+border-bottom-style: dotted;
+border-bottom-width: 1px;
+}
diff --git a/static/images/UNMasterwhite.gif b/static/images/UNMasterwhite.gif
new file mode 100644
index 0000000000000000000000000000000000000000..31a4d5c1811423f1c575af4de0284ad7cb3cffbb
Binary files /dev/null and b/static/images/UNMasterwhite.gif differ