diff --git a/webapp/web/css/menupage/pageList.css b/webapp/web/css/menupage/pageList.css
index a5e32fb5e..a5d8c76b5 100644
--- a/webapp/web/css/menupage/pageList.css
+++ b/webapp/web/css/menupage/pageList.css
@@ -1,7 +1,47 @@
 /* $This file is distributed under the terms of the license in /doc/license.txt$ */
 
-.menuFlag {
+span.menuFlag {
 	width:67px;
 	height:18px;
 	background: url("../../images/checkMark.png") no-repeat left center;  
+}
+table#pageList {
+    table-layout: auto;
+    width: 930px;
+    text-align: left;
+    margin: 0 auto; 
+    border-collapse: collapse;
+    empty-cells: show;
+    caption-side: top;
+    margin: 20px 0 20px 0;
+}
+table#pageList caption {
+    display: none;
+}
+table#pageList th {
+    background-color: #F7F9F9;
+    height: 40px;
+    color: #064D68;
+    padding-top: 7px;
+    border: 1px solid #d9e4ea;
+    border-bottom: none;
+    padding-left: 6px;
+    font-size: .9em;
+}
+table#pageList th {
+    text-align: left;
+} /*Fix for IE8 and 9, force text in a cell to be aligned to the left*/
+table#pageList td {
+    vertical-align: top;
+    padding: .5em;
+    border: 1px solid #d9e4ea; 
+    font-size: .825em;
+    padding-top: .5em;
+    padding-bottom: .5em;
+}  
+table#pageList td  a {
+   word-wrap: break-word;
+}
+table#pageList tr:nth-child(2n) {
+    background-color: rgba(200, 200, 180,.25);
 }
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/body/pagemanagement/pageList.ftl b/webapp/web/templates/freemarker/body/pagemanagement/pageList.ftl
index a980003d8..91426af47 100644
--- a/webapp/web/templates/freemarker/body/pagemanagement/pageList.ftl
+++ b/webapp/web/templates/freemarker/body/pagemanagement/pageList.ftl
@@ -8,15 +8,15 @@
 
 
 <#if pages?has_content >  
-<table id="account" style="margin-bottom:2px">  <caption>Page Management</caption>
+<table id="pageList" style="margin-bottom:2px">  <caption>Page Management</caption>
   
     <thead>
       <tr>
-        <th scope="col" style="background-color:#F7F9F9">Title</th>
-        <!--th scope="col" style="background-color:#F7F9F9">Type</th-->
-        <th scope="col" style="background-color:#F7F9F9">URL</th>
-        <th scope="col" style="background-color:#F7F9F9">Template</th>
-        <th scope="col" style="background-color:#F7F9F9">Menu Page</th>
+        <th scope="col">Title</th>
+        <!--th scope="col">Type</th-->
+        <th scope="col">URL</th>
+        <th scope="col">Template</th>
+        <th scope="col">Menu Page</th>
       </tr>
     </thead>
     
@@ -52,15 +52,18 @@
     <p>There are no pages defined yet.</p>
 </#if>
   
-  <form id="addIndividualClass" action="${urls.base}/editRequestDispatch" method="get">
+  <form id="pageListForm" action="${urls.base}/editRequestDispatch" method="get">
       <input type="hidden" name="typeOfNew" value="http://vitro.mannlib.cornell.edu/ontologies/display/1.1#Page">              
       <input type="hidden" name="switchToDisplayModel" value="1">
       <input type="hidden" name="editForm" value="edu.cornell.mannlib.vitro.webapp.edit.n3editing.configuration.generators.ManagePageGenerator" role="input">
  	<input id="submit" value="Add Page" role="button" type="submit" >
   </form>
+  <br />
  <p style="margin-top:10px">Use <a id="menuMgmtLink" href="#">Menu Management</a> to set the order of menu items.</p>
 </section>
 
 
-${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/pageList.css" />')}
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/menupage/pageList.css" />',
+                  '<link rel="stylesheet" href="${urls.base}/css/menumanagement/menuManagement.css" />')}
+