diff --git a/themes/wilma/css/wilma.css b/themes/wilma/css/wilma.css
index 3ad89178..b62801cc 100644
--- a/themes/wilma/css/wilma.css
+++ b/themes/wilma/css/wilma.css
@@ -1535,3 +1535,92 @@ form.customForm #reset-password {
      padding-top: 0;
      margin-top: 5px;
 }
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+@charset "UTF-8";
+/* CSS Document */
+/* ------------------------------------------------->  */
+/* DROP DOWN USER MENU  ---------------------------->  */
+/* ------------------------------------------------->  */
+
+/* LEVEL ONE */
+ul.dropdown { 
+    position: relative; 
+}
+ul.dropdown li {  
+    float: left; 
+    zoom: 1; 
+    padding: 0 !important;
+}
+ul.dropdown li a { 
+    display: block; 
+    font-size: 1.4em;
+}
+ul.dropdown li#user-menu { 
+    background: url(../images/arrow-down-over-account.gif) right 9px no-repeat;
+}
+ul.dropdown li#user-menu a { 
+    margin-right: 18px;
+}
+ul.dropdown li#user-menu.hover,
+ul.dropdown li#user-menu:hover { 
+    color: #000 !important; 
+    position: relative; 
+    background: #fff url(../images/arrow-down-account.gif) right 9px no-repeat;
+    padding-right: 10px;
+    border-bottom: 1px solid #cdcfcf;
+}
+ul.dropdown li.hover a,
+ul.dropdown li:hover a { 
+    color: #000 !important; 
+    padding: 0 10px;
+}
+/* LEVEL TWO */
+ul.dropdown ul.sub_menu {  
+    background-color: #fff;
+    font-size: 1.4em;
+    visibility: hidden; 
+    position: absolute; 
+    top: 100%; 
+    right: 0; 
+    z-index: 999;
+    color: #000;
+}
+ul.dropdown ul.sub_menu li { 
+    float: none; 
+    clear: both;
+    padding-left: 14px !important;
+    width: 88px;
+    border-right: none !important;
+    border-bottom: 1px solid #cdcfcf;
+    background: #fff url(../images/arrow-menu-account.gif) 7px 8px no-repeat;
+}
+ul.dropdown ul.sub_menu li:last-child { 
+}
+/* IE 6 & 7 Needs Inline Block */
+/* ADD IN IE6.css and IE7.css*/
+ul.dropdown ul.sub_menu li a { 
+    width: 90%; 
+    display: inline-block; 
+    color: #000 !important;
+    background-color: #fff;
+    padding: 0;
+    padding-left: 8px;
+    height: 24px;
+}
+ul.dropdown ul.sub_menu li.inactive { 
+    color: #aab0ae !important;
+    font-size: 1em !important;
+    padding-left: 22px !important;
+}
+ul.dropdown ul.sub_menu li a:hover,
+ul.dropdown ul.sub_menu li a.hover { 
+    color: #999 !important;
+}
+/*	LEVEL THREE */
+ul.dropdown ul ul { 
+    left: 100%; top: 0; 
+}
+ul.dropdown li:hover > ul { 
+    visibility: visible; 
+}
\ No newline at end of file
diff --git a/themes/wilma/images/arrow-down-account.gif b/themes/wilma/images/arrow-down-account.gif
new file mode 100644
index 00000000..0f5463eb
Binary files /dev/null and b/themes/wilma/images/arrow-down-account.gif differ
diff --git a/themes/wilma/images/arrow-down-over-account.gif b/themes/wilma/images/arrow-down-over-account.gif
new file mode 100644
index 00000000..d1dd6b12
Binary files /dev/null and b/themes/wilma/images/arrow-down-over-account.gif differ
diff --git a/themes/wilma/images/arrow-menu-account.gif b/themes/wilma/images/arrow-menu-account.gif
new file mode 100644
index 00000000..f37a72ec
Binary files /dev/null and b/themes/wilma/images/arrow-menu-account.gif differ
diff --git a/themes/wilma/templates/identity.ftl b/themes/wilma/templates/identity.ftl
index fea0791f..e1550f89 100644
--- a/themes/wilma/templates/identity.ftl
+++ b/themes/wilma/templates/identity.ftl
@@ -9,17 +9,30 @@
 
     <nav role="navigation">
         <ul id="header-nav" role="list">
+            <li role="listitem"><a href="${urls.index}">Index</a></li>
             <#if user.loggedIn>
-                <li role="listitem"><img class="middle" src="${urls.images}/userIcon.png" alt="user icon" />${user.loginName}</li>
-                <li role="listitem"><a href="${urls.logout}">Log out</a></li>
                 <#if user.hasSiteAdminAccess>
                     <li role="listitem"><a href="${urls.siteAdmin}">Site Admin</a></li>
                 </#if>
+                    <li>
+                        <ul class="dropdown">
+                            <li id="user-menu"><a href="#">${user.loginName}</a>
+                                <ul class="sub_menu">
+                                     <li role="listitem" class="inactive">My profile</li>
+                                     <li role="listitem" class="inactive">My account</li>
+                                     <li role="listitem"><a href="${urls.logout}">Log out</a></li>
+                                </ul>
+                            </li>
+                         </ul>
+                     </li>
+                
+                ${scripts.add('<script type="text/javascript" src="${urls.base}/js/userMenu/userMenuUtils.js"></script>')}
+                
             <#else>
                 <li role="listitem"><a title="log in to manage this site" href="${urls.login}">Log in</a></li>
             </#if>
-                <li role="listitem"><a href="${urls.index}">Index</a></li>
         </ul>
+        
     </nav>
     
     <section id="search" role="region">