diff --git a/webapp/web/css/menupage/menupage.css b/webapp/web/css/menupage/menupage.css
index 30f10106f..760939a2d 100644
--- a/webapp/web/css/menupage/menupage.css
+++ b/webapp/web/css/menupage/menupage.css
@@ -237,9 +237,10 @@ ul#browse-childClasses a{
     height: 35px;
 }
 /* ALPHA BROWSE------>  */
-#alpha-browse-childClass{
+ul#alpha-browse-childClass{
     float: left;
     width: 77px;
+    margin-bottom: 20px;
 }
 ul#alpha-browse-childClass li{
     display: block;
diff --git a/webapp/web/images/menupage/person-thumbnail.jpg b/webapp/web/images/menupage/person-thumbnail.jpg
deleted file mode 100644
index 6ce053a07..000000000
Binary files a/webapp/web/images/menupage/person-thumbnail.jpg and /dev/null differ
diff --git a/webapp/web/js/menupage/browseByVClass.js b/webapp/web/js/menupage/browseByVClass.js
index 62cbda168..0f9e01eb1 100644
--- a/webapp/web/js/menupage/browseByVClass.js
+++ b/webapp/web/js/menupage/browseByVClass.js
@@ -72,7 +72,7 @@ var browseByVClass = {
                 // test for individual image is not currently functional
                 // since the image is not yet included in the JSON results
                 if ( !results.individuals[i].image ) {
-                    indivImage = browseByVClass.baseUrl + '/images//menupage/person-thumbnail.jpg';
+                    indivImage = browseByVClass.baseUrl + '/images/dummyImages/person.thumbnail.jpg';
                 } else {
                     indivImage = results.individuals[i].image;
                 }
diff --git a/webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl b/webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl
index 32aba478b..c2a20159d 100644
--- a/webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl
+++ b/webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl
@@ -1,17 +1,11 @@
 <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
 <section id="intro-menupage" role="region">
-    <h3>People</h3>
+     <h3>${page.title}</h3>
     
     <section id="content-foaf-person" role="region">
         <h4>Visual Graph</h4>
         
-        <nav role="navigation">
-            <ul id="vgraph-childClasses">
-            <#list vClassGroup as vClass>
-                <li><a href="#browse-by" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
-            </#list>
-            </ul>
-        </nav>
+        <#include "menupage-classGroupsMenu.ftl">
           
         <section id="foaf-person-graph" role="region">
             <img src="${urls.images}/menupage/visual-graph.jpg" alt="" />
@@ -25,11 +19,8 @@
             <ul id="find-filters">
                 <li><a href="#">Research Area</a></li>
                 <li><a href="#">Authorship</a></li>
-                <li><a href="#">Subject Area</a></li>
                 <li><a href="#">Department</a></li>
-                <li><a href="#">International Geographic Focus</a></li>
                 <li><a href="#">Courses</a></li>
-                <li><a href="#">Keywords</a></li>
             </ul>
         </nav>
     
@@ -69,65 +60,8 @@
     </section>
 </section>
 
-<section id="browse-by" role="region">
-    <h2>Browse by</h2>
-    
-    <nav role="navigation">
-        <ul id="browse-childClasses">
-            <#list vClassGroup as vClass>
-                <#------------------------------------------------------------
-                Need to replace vClassCamel with full URL that allows function
-                to degrade gracefully in absence of JavaScript. Something
-                similar to what Brian had setup with widget-browse.ftl
-                ------------------------------------------------------------->
-                <#assign vClassCamel = vClass.name?capitalize?replace(" ", "")?uncap_first />
-                <li id="${vClassCamel}"><a href="#${vClassCamel}" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
-            </#list>
-        </ul>
-        <nav role="navigation">
-            <ul id="alpha-browse-childClass">
-                <li><a href="#" class="selected" data-alpha="all">All<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="a">A<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="b">B<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="d">D<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="f">F<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="g">G<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="h">H<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="i">I<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="k">K<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="l">L<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="n">N<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="p">P<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="r">R<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="u">U<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="v">V<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="y">Y<span class="count-classes"> (280)</span></a></li>
-                <li><a href="#" data-alpha="z">Z<span class="count-classes"> (280)</span></a></li>
-            </ul>
-        </nav>
-    </nav>
-    
-    <section id="individuals-in-childClass" role="region">
-        
-    </section>
-</section>
+<#include "menupage-browse.ftl">
 
 ${stylesheets.add("/css/menupage/menupage.css")}
 
-<#----------------------------------------------------------------------------------
-requestedPage is currently provided by FreemarkerHttpServlet. Should this be moved
-to PageController? Maybe we should have Java provide the domain name directly
-instead of the full URL of the requested page? Chintan was also asking for a
-template variable with the domain name for an AJAX request with visualizations.
------------------------------------------------------------------------------------->
-<#assign domainName = requestedPage?substring(0, requestedPage?index_of("/", 7)) />
-
-<script type="text/javascript">
-var menupageData = {
-    baseUrl: '${domainName + urls.base}',
-    dataServiceUrl: '${domainName + urls.base}/dataservice?getLuceneIndividualsByVClass=1&vclassId=',
-    defaultBrowseVClassUri: '${vClassGroup[0].URI}'
-};
-</script>
-
-${scripts.add("/js/menupage/browseByVClass.js")}
\ No newline at end of file
+<#include "menupage-browseByVClass.ftl">
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/body/partials/menupage/menupage-browse.ftl b/webapp/web/templates/freemarker/body/partials/menupage/menupage-browse.ftl
new file mode 100644
index 000000000..9c6f4fcf2
--- /dev/null
+++ b/webapp/web/templates/freemarker/body/partials/menupage/menupage-browse.ftl
@@ -0,0 +1,46 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- Template for browsing class groups in menupages -->
+
+<section id="browse-by" role="region">
+    <h2>Browse by</h2>
+    
+    <nav role="navigation">
+        <ul id="browse-childClasses">
+            <#list vClassGroup as vClass>
+                <#------------------------------------------------------------
+                Need to replace vClassCamel with full URL that allows function
+                to degrade gracefully in absence of JavaScript. Something
+                similar to what Brian had setup with widget-browse.ftl
+                ------------------------------------------------------------->
+                <#assign vClassCamel = vClass.name?capitalize?replace(" ", "")?uncap_first />
+                <li id="${vClassCamel}"><a href="#${vClassCamel}" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
+            </#list>
+        </ul>
+        <nav role="navigation">
+            <ul id="alpha-browse-childClass">
+                <li><a href="#" class="selected" data-alpha="all">All<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="a">A<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="b">B<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="d">D<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="f">F<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="g">G<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="h">H<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="i">I<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="k">K<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="l">L<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="n">N<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="p">P<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="r">R<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="u">U<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="v">V<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="y">Y<span class="count-classes"> (280)</span></a></li>
+                <li><a href="#" data-alpha="z">Z<span class="count-classes"> (280)</span></a></li>
+            </ul>
+        </nav>
+    </nav>
+    
+    <section id="individuals-in-childClass" role="region">
+        
+    </section>
+</section>
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/body/partials/menupage/menupage-browseByVClass.ftl b/webapp/web/templates/freemarker/body/partials/menupage/menupage-browseByVClass.ftl
new file mode 100644
index 000000000..d12cc62fa
--- /dev/null
+++ b/webapp/web/templates/freemarker/body/partials/menupage/menupage-browseByVClass.ftl
@@ -0,0 +1,21 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- Template for browsing VClasses in menupages-->
+
+<#----------------------------------------------------------------------------------
+requestedPage is currently provided by FreemarkerHttpServlet. Should this be moved
+to PageController? Maybe we should have Java provide the domain name directly
+instead of the full URL of the requested page? Chintan was also asking for a
+template variable with the domain name for an AJAX request with visualizations.
+------------------------------------------------------------------------------------>
+<#assign domainName = requestedPage?substring(0, requestedPage?index_of("/", 7)) />
+
+<script type="text/javascript">
+var menupageData = {
+    baseUrl: '${domainName + urls.base}',
+    dataServiceUrl: '${domainName + urls.base}/dataservice?getLuceneIndividualsByVClass=1&vclassId=',
+    defaultBrowseVClassUri: '${vClassGroup[0].URI}'
+};
+</script>
+
+${scripts.add("/js/menupage/browseByVClass.js")}
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/body/partials/menupage/menupage-classGroupsMenu.ftl b/webapp/web/templates/freemarker/body/partials/menupage/menupage-classGroupsMenu.ftl
new file mode 100644
index 000000000..0af660f04
--- /dev/null
+++ b/webapp/web/templates/freemarker/body/partials/menupage/menupage-classGroupsMenu.ftl
@@ -0,0 +1,11 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- Template for class groups menu in menupages -->
+
+<nav role="navigation">
+    <ul id="vgraph-childClasses">
+    <#list vClassGroup as vClass>
+        <li><a href="#browse-by" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
+    </#list>
+    </ul>
+</nav>
\ No newline at end of file