diff --git a/webapp/web/css/menupage/menuManagement.css b/webapp/web/css/menupage/menuManagement.css
new file mode 100644
index 000000000..d04e84cf4
--- /dev/null
+++ b/webapp/web/css/menupage/menuManagement.css
@@ -0,0 +1,54 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/**Added by Huda for demonstration so feel free to edit/remove**/
+
+/*note for mb: hide should be changed to hidden. We have a hidden class at the vitro layer vitro.css*/
+.hide {
+    display:none;
+}
+#add-menu-item p,
+#edit-menu-item p {
+    margin-top: 15px;
+}
+#add-menu-item input[name="prettyUrl"],
+#edit-menu-item input[name="prettyUrl"] {
+    margin-bottom: 0;
+}
+#add-menu-item p.note,
+#edit-menu-item p.note {
+    margin-top: 5px;
+}
+#existingContentType {
+    margin-top: 15px;
+}
+#selectContentType label {
+    margin-top: 15px;
+}
+#selectedContentTypeValue {
+    padding: 0.2em 0.4em;
+    background: #f4f4f4;
+    margin-right: .4em;
+}
+ul#selectedClasses {
+    list-style-type: none;
+}
+#add-menu-item input.submit,
+#edit-menu-item input.submit {
+    margin-top: 20px;
+}
+#internal-class {
+    padding: 0.8em 1em;
+    background: #f4f4f4;
+    margin-right: .4em;
+    width: 65%;
+}
+#internal-class label {
+    color: #7F8993;
+}
+#internal-class p.note {
+    color: #595B5B;
+    padding-left: 25px;
+}
+ul#selectedClasses li {
+    margin-left: .4em;
+}
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/edit/forms/menuManagement-remove.ftl b/webapp/web/templates/freemarker/edit/forms/menuManagement-remove.ftl
index 760dc2b4a..4f965bb5a 100644
--- a/webapp/web/templates/freemarker/edit/forms/menuManagement-remove.ftl
+++ b/webapp/web/templates/freemarker/edit/forms/menuManagement-remove.ftl
@@ -16,5 +16,5 @@
     </form>
 </section>
 
-${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/testmenupage.css" />')}
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/menuManagement.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}
diff --git a/webapp/web/templates/freemarker/edit/forms/menuManagement.ftl b/webapp/web/templates/freemarker/edit/forms/menuManagement.ftl
index 3d9f25adf..48255b7dc 100644
--- a/webapp/web/templates/freemarker/edit/forms/menuManagement.ftl
+++ b/webapp/web/templates/freemarker/edit/forms/menuManagement.ftl
@@ -108,10 +108,7 @@
     </form>
 </section>
 
-<#-- Add necessary css files associated with this page
-${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/menupage.css" />')}-->
-${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/testmenupage.css" />')}
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/menuManagement.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}
 
-<#-- Add necessary javascript files associated with this page -->
 ${scripts.add('<script type="text/javascript" src="${urls.base}/js/menupage/menumanagement_edit.js"></script>')}
\ No newline at end of file