diff --git a/src/HydraFrontend/root/hydra.css b/src/HydraFrontend/root/hydra.css
index c54e2c2b..5059109b 100644
--- a/src/HydraFrontend/root/hydra.css
+++ b/src/HydraFrontend/root/hydra.css
@@ -225,7 +225,7 @@ h1 {
     margin-top: 0em;
 }
 
-#leftnavbar ul {
+#leftnavbar ul.menu {
     display: block;
     padding: 0 0 0 0;
     margin: 0 0 0 0;
@@ -233,18 +233,18 @@ h1 {
     margin-right: 1em;
 }
 
-#leftnavbar ul a {
+#leftnavbar ul.menu a {
     color: #005aa0;
 }
 
-#leftnavbar li.section {
+#leftnavbar ul.menu > li {
     list-style: none;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     margin-bottom: 1.5em;
 }
 
-#leftnavbar li.section > div.title {
+#leftnavbar ul.menu > li > div.title {
     text-align: center;
     font-weight: bold;
     border-width: 0px;
@@ -254,37 +254,68 @@ h1 {
     padding-bottom: 0.5em;
 }
 
-#leftnavbar li.section ul {
+#leftnavbar ul.submenu {
     padding: 0 0 0 0;
     margin-left: 0em;
     margin-right: 0em;
 }
 
-#leftnavbar li.section ul li {
+#leftnavbar ul.submenu > li {
     font-size: 90%;
     list-style: none;
-    background-image: url(/static/images/arrow-right.gif);
-    background-repeat: no-repeat;
-    background-position: 0.3em center;
     border-width: 0px;
     border-bottom-width: 1px;
     border-style: solid;
     border-color: #c0c0c0;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
 }
 
-#leftnavbar li.section ul li.active {
+#leftnavbar ul.submenu > li > div.title {
+    padding-left: 1.3em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    background-image: url(/static/images/arrow-right.gif);
+    background-repeat: no-repeat;
+    background-position: 0.3em center;
+}
+
+#leftnavbar ul.submenu > li.active > div.title {
     background-image: url(/static/images/arrow-right-active.gif);
     background-color: #eef2ff;
     font-weight: bold;
     color: #606060;
 }
 
-#leftnavbar li.section ul li > div.title {
-    margin-left: 1.3em;
+#leftnavbar ul.subsubmenu {
+    padding-left: 0;
+}
+
+#leftnavbar ul.subsubmenu > li {
+    font-size: 90%;
+    list-style: none;
+    margin: 0 0 0 0;
+    padding: 0 0 0 0;
+    border-width: 0px;
+    border-top-width: 1px;
+    border-style: solid;
+    border-color: #c0c0c0;
+}
+
+#leftnavbar ul.subsubmenu > li > div.title {
+    padding-left: 3.3em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    background-image: url(/static/images/arrow-right.gif);
+    background-repeat: no-repeat;
+    background-position: 2.3em center;
+}
+
+#leftnavbar ul.subsubmenu > li.active > div.title {
+    background-image: url(/static/images/arrow-right-active.gif);
+    background-color: #eef2ff;
+    font-weight: bold;
+    color: #606060;
 }
 
 #footer {
diff --git a/src/HydraFrontend/root/layout.tt b/src/HydraFrontend/root/layout.tt
index 6d87e91d..064551fa 100644
--- a/src/HydraFrontend/root/layout.tt
+++ b/src/HydraFrontend/root/layout.tt
@@ -1,4 +1,5 @@
 [% USE date -%]
+<?xml version="1.0" encoding="UTF-8"?>
 
 [% BLOCK makeLink %]
   <li [% IF curUri == uri %]class="active"[% END %]>
@@ -6,8 +7,6 @@
   </li>
 [% END %]
 
-<?xml version="1.0" encoding="UTF-8"?>
-
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
@@ -31,10 +30,10 @@
     <div id="container">
 
       <div id="leftnavbar">
-        <ul>
-          <li class="section">
+        <ul class="menu">
+          <li>
             <div class="title">Hydra</div>
-            <ul>
+            <ul class="submenu">
               [% INCLUDE makeLink uri = c.uri_for('/') title = "Overview" %]
               [% INCLUDE makeLink uri = c.uri_for('/queue') title = "Queue" %]
               [% INCLUDE makeLink uri = c.uri_for('/latest') title = "Latest builds" %]
@@ -42,29 +41,27 @@
               [% INCLUDE makeLink uri = c.uri_for('/search') title = "Search builds" %]
             </ul>
           </li>
-        </ul>
-        <ul>
-          <li class="section">
+
+          <li>
             <div class="title">Projects</div>
-            <ul>
+            <ul class="submenu">
               [% FOREACH project IN projects %]
-                [% IF curProject.name == project.name %]
-                  <li class="active">
-                    <div class="title"><a href="[% c.uri_for('/project' project.name) %]">[% project.displayname %]</a></div>
-                  </li>
-                [% ELSE %]
-                  <li>
-                    <div class="title"><a href="[% c.uri_for('/project' project.name) %]">[% project.displayname %]</a></div>
-                  </li>
-                [% END %]
+                <li [% IF curUri == c.uri_for('/project' project.name) %]class="active"[% END %]>
+                  <div class="title"><a href="[% c.uri_for('/project' project.name) %]">[% project.displayname %]</a></div>
+                  [% IF curProject.name == project.name %]
+                    <ul class="subsubmenu">
+                      [% INCLUDE makeLink uri = c.uri_for('/project' project.name 'status') title = "Status" %]
+                      [% INCLUDE makeLink uri = c.uri_for('/project' project.name 'all') title = "All builds" %]
+                    </ul>
+                  [% END %]
+                </li>
               [% END %]
             </ul>
           </li>
-        </ul>
-        <ul>
-          <li class="section">
+
+          <li>
             <div class="title">Admin</div>
-            <ul>
+            <ul class="submenu">
               [% INCLUDE makeLink uri = c.uri_for('/users') title = "Users" %]
               [% INCLUDE makeLink uri = c.uri_for('/create-project') title = "Create a project" %]
             </ul>
