diff --git a/webapp/web/css/vitro.css b/webapp/web/css/vitro.css
index 1b8b1d2c6..24c265cc0 100644
--- a/webapp/web/css/vitro.css
+++ b/webapp/web/css/vitro.css
@@ -113,4 +113,93 @@
 .searchTOC ul a {
     display: block;
     padding-left: 15px;
+}
+
+/* ------------------------------------------------->  */
+/* 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/arrowDownOverAccount.gif) right 9px no-repeat;
+    min-width:110px;
+}
+ul.dropdown li#user-menu a { 
+    margin-right: 28px;
+    margin-left:10px;
+}
+ul.dropdown li#user-menu.hover,
+ul.dropdown li#user-menu:hover { 
+    color: #000 !important; 
+    position: relative; 
+    background: #fff url(../images/arrowDownAccount.gif) right 9px no-repeat;
+    border-bottom: 1px solid #cdcfcf;
+}
+ul.dropdown li.hover a,
+ul.dropdown li:hover a { 
+    color: #000 !important; 
+    margin-left: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: 96px;
+    border-right: none !important;
+    border-bottom: 1px solid #cdcfcf;
+    background: #fff url(../images/arrowMenuAccount.gif) 7px 8px no-repeat;
+}
+ul.dropdown ul.sub_menu li:last-child { 
+    width: 96px;
+}
+/* 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: 0px;
+    height: 24px;
+}
+ul.dropdown ul.sub_menu li.inactive { 
+    color: #aab0ae !important;
+    font-size: 1em !important;
+    padding-left: 22px !important; 
+    width: 88px; 
+}
+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/webapp/web/images/arrowDownAccount.gif b/webapp/web/images/arrowDownAccount.gif
new file mode 100644
index 000000000..0f5463eba
Binary files /dev/null and b/webapp/web/images/arrowDownAccount.gif differ
diff --git a/webapp/web/images/arrowDownOverAccount.gif b/webapp/web/images/arrowDownOverAccount.gif
new file mode 100644
index 000000000..4db412c98
Binary files /dev/null and b/webapp/web/images/arrowDownOverAccount.gif differ
diff --git a/webapp/web/images/arrowMenuAccount.gif b/webapp/web/images/arrowMenuAccount.gif
new file mode 100644
index 000000000..f37a72ec7
Binary files /dev/null and b/webapp/web/images/arrowMenuAccount.gif differ