Index: public/stylesheets/application.css
===================================================================
--- public/stylesheets/application.css	(revision 18427)
+++ public/stylesheets/application.css	(working copy)
@@ -15,7 +15,7 @@
 #wrapper {background: white;overflow: hidden;}
 #wrapper3 { display: flex; flex-direction: column; }
 
-#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
+#top-menu {background: #064884; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
 #top-menu ul {margin: 0;  padding: 0;}
 #top-menu li {
   float:left;
@@ -29,13 +29,14 @@
 
 #account {float:right;}
 
-#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
+#header {min-height:4.3em;margin:0;background-color:#4287C5;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
 #header a {color:#f8f8f8;}
 #header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 #header h1 .breadcrumbs { display:block; font-size: .5em; font-weight: normal; }
 
 #quick-search {float:right;}
-#quick-search #q {width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
+#quick-search #q {color: #f8f8f8; transition: 0.1s; width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border: 1px solid #306595; border-radius:3px; background-color: #336da4;}
+#quick-search #q:focus {color: #555; border: 1px solid #ccc; background-color: #fff}
 
 #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; width: 100%;}
 #main-menu ul {margin: 0;  padding: 0; width: 100%; white-space: nowrap;}

@@ -204,18 +212,19 @@
 
 #project-jump.drdn {width:200px;display:inline-block;}
 #project-jump .drdn-trigger {
+  transition: 0.1s;
   width:100%;
   height:24px;
   display:inline-block;
   padding:3px 18px 3px 6px;
   border-radius:3px;
-  border:1px solid #ccc;
+  border:1px solid #306595;
   margin:0 !important;
   vertical-align:middle;
-  color:#555;
-  background:#fff url(../images/arrow_down.png) no-repeat 97% 50%;
+  color:#f8f8f8;
+  background:#336da4 url(../images/arrow_down.png) no-repeat 97% 50%;
 }
-#project-jump .drdn.expanded .drdn-trigger {background-image:url(../images/arrow_up.png);}
+#project-jump.drdn.expanded .drdn-trigger {background:#fff url(../images/arrow_up.png) no-repeat 97% 50%; color: #555; border: 1px solid #ccc; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
 #project-jump .drdn-content {width:280px;}
 #project-jump .drdn-items>* {color:#555 !important;}
 #project-jump .drdn-items>a:hover {background-color:#759FCF; color:#fff !important;}