diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 882da72..129bad6 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -29,10 +29,7 @@
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache" src="/images/asf_logo.png" width="164">
-    {{ partial "breadcrumbs.html" . }}
-  </div>
+  {{ partial "banner.html" . }}
 
   <div id="navigation">
     <ul>
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
new file mode 100644
index 0000000..3b5ac9e
--- /dev/null
+++ b/layouts/partials/banner.html
@@ -0,0 +1,11 @@
+<div id="banner">
+    <div>
+        <div class="topbanner">
+            <div class="sitename">Apache Software Foundation Events</div>
+            <a class="logo" href="https://www.apache.org">
+                <img alt="ASF website" src="/images/asf_logo.png" width="164">
+            </a>
+            {{ partial "breadcrumbs.html" . }}
+        </div>
+    </div>
+  </div>
\ No newline at end of file
diff --git a/static/style/screen.css b/static/style/screen.css
index f6db1e4..59c2f44 100644
--- a/static/style/screen.css
+++ b/static/style/screen.css
@@ -24,6 +24,25 @@
 
 #banner {
   padding: 0 0 10px 10px;
+  color:black;
+  border-bottom: solid #EEE 1px;
+  background-color: #f5f8fa;
+}
+
+#banner .sitename {
+  text-transform: none;
+  font-weight: normal;
+  font-size:200%;
+  display:inline;
+}
+
+#banner .logo {
+  float:right;
+}
+
+.breadcrumbs {
+  display:block;
+  padding: 0.2em;
 }
 
 a {
@@ -43,7 +62,8 @@
 
 h1,h2,h3,h4,h5,h6 {
   color: #193240;
-  text-transform:uppercase;
+  text-transform:capitalize;
+  border-left: solid #EEE 1px;
 }
 
 #content {