diff --git a/webapp/web/themes/vitro/css/ie6.css b/webapp/web/themes/vitro/css/ie6.css
new file mode 100644
index 000000000..0119c7220
--- /dev/null
+++ b/webapp/web/themes/vitro/css/ie6.css
@@ -0,0 +1,176 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* Fix for homepage in IE6 browsers */
+#intro h2 { 
+    margin-left: 24px; 
+}
+#intro p { 
+    margin-left: 24px; 
+}
+#search-home h3 { 
+    margin-left: 0; 
+}
+#search-field {
+    background-image: url("../images/search-interior-pages.gif");
+    height: 35px;
+    width: 392px;
+}
+#search-field input.search {
+    padding-left: 14px;
+}
+#search-home-field  input.search {
+    padding-left: 14px;
+}
+#login {
+    margin-right: 0;
+}
+ul#browse-classgroups { 
+    margin-left: 20px; 
+}
+#browse-classes { 
+    width: 620px;
+}
+ul#classes-in-classgroup.vis {
+    width: 40%;
+}
+#login-form p.submit {
+    margin-left: 15px;
+}
+ul#browse-classgroups a.selected {
+    background-position-x: 0;
+    background-position-y: 12px;
+}
+/* Fix for menupages */
+ul#vgraph-classes {
+    float: left;
+    width: 265px;
+    margin-left: 15px;
+}
+#browse-by {
+    padding-bottom: 20px;
+}
+ul#browse-classes {
+    width: 290px;
+    margin-left: 0;
+    padding-left: 10px;
+    margin-left: 15px;
+}
+#individuals-in-class { 
+    width: 450px; 
+}
+article.foaf-person {
+    width: 400px;
+    margin-left:10px;
+    margin-right: 10px;
+    padding: 0;
+    margin-bottom: 10px;
+}
+#profile-photo-display { 
+    width: 620px;
+}
+#browse-classes {
+    width: 590px;
+}
+ul#classgroup-list.vis {
+    width: 38%;
+}
+.pagination li {
+    display: block;
+    float: left;
+}
+.pagination h3 {
+    float: left;
+}
+.pagination ul {
+    display: block;
+    float: left;
+}
+/* Fix for site admin: the wonders of the IE float model...
+fix to maintain sanity in rendering sections of site admin targets IE7 and below */
+#adminDashboard .pageBodyGroup {
+  *float: none !important;
+  *display: inline !important;
+  *vertical-align: top !important;
+}
+/* Fix for individual pages */
+#individual-intro.person {
+    width: 100%;
+}
+.sparkline_text, 
+.collaboratorship-link-container {
+    width: 148px;
+}
+#individual-intro.person #individual-info {
+    width: 72%;
+}
+/* Fix for menupages */
+ul#alpha-browse-individuals {
+    width: 545px;
+}
+ul#alpha-browse-individuals a {
+    height: 30px;
+    margin-left: 0;
+    padding-left: 6px;
+    width: 8px;
+}
+#individuals-in-class {
+    width: 550px;
+}
+#individual-intro.person .individual-overview {
+    clear: left;
+}
+#find-by {
+    width: 445px;
+}
+/* Fix for photo upload */
+#photoUploadForm input.submit, 
+#photoUploadForm input.submit:visited,
+#cropImage input.submit,
+#cropImage input.submit:visited {
+    padding: 5px 5px 7px;
+    margin-left: -8px;
+}
+#photoUploadForm span.or,
+#cropImage span.or {
+    display: block;
+    float: left;
+    padding-top: 10px;
+}
+/* Fix position for input type submit buttons */
+input.submit, 
+input.submit:visited,
+input#submit, 
+input#submit:visited {
+    display: block;
+    float: left;
+    clear: both;
+    margin-left: 0;
+}
+/* Fix position for "Required fields" text */
+form.customForm #requiredLegend {
+    clear: both;
+}
+/* Fix for Visualization: Co-author and Co-investigator network pages */
+#ego_profile,
+.sub_headings,
+#sparkline-container,
+.toggle_visualization{
+    position: relative;
+}
+.easy-deselect-label a.temporal-vis-url {
+    margin-top: -15px;
+}
+#grant-count-sparkline-include {
+    width: 48%;
+}
+#coinvestigator-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}
+#publication-count-sparkline-include {
+    width: 48%;
+}
+#coauthor-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/css/ie7.css b/webapp/web/themes/vitro/css/ie7.css
new file mode 100644
index 000000000..72e4b2bbc
--- /dev/null
+++ b/webapp/web/themes/vitro/css/ie7.css
@@ -0,0 +1,101 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* Fix for homepage */
+#search-field input.search {
+    padding-left: 14px;
+}
+#search-home-field  input.search {
+    padding-left: 14px;
+}
+#login-form p.submit {
+    margin-left: 20px;
+}
+/* Fix for site admin */
+/* the wonders of the IE float model...fix to maintain sanity in rendering sections of site admin */
+/* targets IE7 and below */
+#adminDashboard .pageBodyGroup {
+  *float: none !important;
+  *display: inline !important;
+  *vertical-align: top !important;
+}
+/* Fix for photo upload */
+#photoUploadForm input.submit, 
+#photoUploadForm input.submit:visited,
+#cropImage input.submit,
+#cropImage input.submit:visited {
+    padding: 5px 5px 7px;
+    margin-left: -8px;
+}
+#photoUploadForm span.or,
+#cropImage span.or {
+    display: block;
+    float: left;
+    padding-top: 10px;
+}
+/* Fix position for input type submit buttons */
+input.submit, 
+input.submit:visited,
+input#submit, 
+input#submit:visited {
+    display: block;
+    float: left;
+    margin-left: 0;
+}
+/* Fix for individual pages */
+#individual-intro.person {
+    width: 100%;
+}
+.sparkline_text, 
+.collaboratorship-link-container {
+    width: 148px;
+}
+#individual-intro.person #individual-info {
+    width: 72%;
+}
+#individual-intro .individual-overview {
+    clear: left;
+}
+/* Miscellaneous */
+input#submit, input#submit:visited {
+    margin-left: 0;
+}
+/* Fix for menupages */
+.pagination li {
+    display: block;
+    float: left;
+}
+.pagination h3 {
+    float: left;
+}
+.pagination ul {
+    display: block;
+    float: left;
+}
+/* Fix for menu pages */
+#find-by {
+    width: 445px;
+}
+/* Fix for Visualization: Co-author and Co-investigator network pages */
+#sparkline-container {
+    clear: both;
+    float: none;
+    margin-left: 0;
+    width: 100%;
+}
+.easy-deselect-label a.temporal-vis-url {
+    margin-top: -15px;
+}
+#grant-count-sparkline-include {
+    width: 48%;
+}
+#coinvestigator-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}
+#publication-count-sparkline-include {
+    width: 48%;
+}
+#coauthor-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/css/reset.css b/webapp/web/themes/vitro/css/reset.css
new file mode 100644
index 000000000..53098edee
--- /dev/null
+++ b/webapp/web/themes/vitro/css/reset.css
@@ -0,0 +1,106 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* CSS Document 
+CSS reste by Eric Meyer:
+The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on...  http://meyerweb.com/eric/tools/css/reset/
+*/
+
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+code,
+del,
+dfn,
+em,
+img,
+q,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-weight: inherit;
+    font-style: inherit;
+    font-size: 100%;
+    font-family: inherit;
+    vertical-align: baseline;
+    color: #595b5b;
+    font-weight: normal;
+}
+body {    
+    line-height: 1.5em;
+}
+ol,
+ul {
+    list-style: none;
+    font-weight: normal;
+}
+blockquote,
+q {    
+    quotes: none; 
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+/* remember to define focus styles! */
+:focus {    
+    outline: 0; 
+}
+/* remember to highlight inserts somehow! */
+ins {    
+    text-decoration: none; 
+}
+del {    
+    text-decoration: line-through; 
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+/* New ones added to the default list */
+a {    
+    text-decoration: none; 
+}
+fieldset {    
+    border-style: none; 
+}
+legend {    
+    display: none; 
+}
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/css/screen.css b/webapp/web/themes/vitro/css/screen.css
new file mode 100644
index 000000000..4d475cf1b
--- /dev/null
+++ b/webapp/web/themes/vitro/css/screen.css
@@ -0,0 +1,26 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/****************************************
+****************************************
+  __  __   __  __  __    ___   
+ /\ \/\ \\/\ \/\ \/\ \  / __`\ 
+ \ \ \_/ |\ \ \ \ \_/ |/\ \L\ \
+  \ \___/  \ \_\ \___/ \ \____/
+   \/__/    \/_/\/__/   \/___/
+ 
+               
+VIVO wilma theme: screen styles
+ 
+ Original version
+ 2010-09-04 UI team
+ 
+ Last updated
+ 2011-2-1
+ 
+*****************************************
+*****************************************/
+
+@charset "UTF-8";
+
+@import url("reset.css");
+@import url("wilma.css");
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/css/wilma.css b/webapp/web/themes/vitro/css/wilma.css
new file mode 100644
index 000000000..a9ce12155
--- /dev/null
+++ b/webapp/web/themes/vitro/css/wilma.css
@@ -0,0 +1,1459 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+@charset "UTF-8";
+/* CSS Document */
+
+/* Tell the browser to render HTML 5 elements as block */
+header,
+hgroup,
+section,
+nav,
+article,
+aside,
+footer{
+    display: block;
+}
+time{
+    font-weight: normal;
+}
+html,
+body {
+    padding: 0;
+    height: 100%; /* needed for container min-height */
+    font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif; 
+    height: auto !important; /* real browsers */
+    height: 100%; /* IE6: treaded as min-height*/;
+    min-height: 100%; /* real browsers */
+    margin: 0 auto;
+}
+body {
+   background: #fff url(../images/header-background.gif) center 0 repeat-x; 
+}
+a:hover {
+    text-decoration: none;
+}
+a {
+    color: #006279;
+}
+em {
+    font-style: italic;
+}
+/* h1,h2,h3,h4,h5,h6 ------>  */
+h2 {
+    padding: 10px 0 12px 0;
+    margin: 0;
+    font-size: 1.375em;
+    color: #006279;
+    line-height: 1.5em;
+}
+h2 a {
+    color: #006279; 
+}
+h2 a:link, 
+h2 a:visited {
+    text-decoration: underline; 
+}
+h2 a:hover, 
+h2 a:active {
+    text-decoration: none; 
+}
+h3 {
+    padding: 10px 0 12px 0;
+    margin: 0;
+    font-size: 1.125em;
+    color: #006279; 
+}
+h4 {
+    padding: 10px 0 12px 0;
+    margin: 0;
+    font-size: 1em;
+    color: #006279; 
+}
+h5 {
+    padding: 10px 0 12px 0;
+    margin: 0;
+    font-size: .875em;
+    color: #006279; 
+}
+/* ------------------------------------------------->  */
+/* EDITING STYLES ---------------------------------->  */
+/* ------------------------------------------------->  */
+input[type="text"], 
+input[type="password"] {
+    border: 0;
+    font-size: 14px;
+    padding: .5em;
+    background: #fff;
+    border: 1px solid #e0dfdf;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    margin-bottom: .8em;
+}
+input.block {
+    margin-bottom: 20px;
+}
+label {
+    margin-top: .5em;
+}
+.verbose-toggle,
+.verbose-toggle:visited,
+#showAddFormButton,
+#showAddFormButton:visited,
+input.submit, 
+input.submit:visited,
+/* the id selectors are used temporarily due to the custom jsp tags (<v:input>) 
+for editing forms which require an id and do not allow a class. This will be 
+removed once we refactor the editing forms to Freemarker */
+input#submit, 
+input#submit:visited {
+    background: #222 url(../images/alert-overlay.png) repeat-x;
+    display: inline-block;
+    padding: 5px 18px 7px;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px; 
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    position: relative;
+    border: 0;
+    margin: 0;
+    background-color: #0ea5c8;
+    color: #fff;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1;
+    margin-right: .6em;
+    margin-top: .5em;
+    margin-bottom: .5em;
+}
+#verbose-mode .small {
+    font-size: 12px;
+    color: #fff;
+}
+#verbose-mode span {
+    color: #888C8C;
+}
+#verbose-mode b {
+    color: #595B5B;
+}
+#verbose-mode .verbose-off{
+    background: #706a66;
+}
+input.delete,
+input.delete:visited,
+input#delete,
+input#delete:visited {
+    background: #222 url(../images/alert-overlay.png) repeat-x;
+    display: inline-block;
+    padding: 5px 18px 7px;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px; 
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    position: relative;
+    cursor: pointer;
+    border: 0;
+    margin: 0;
+    background-color: #398aac;
+    color: #fff;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1;
+    margin-right: .6em;
+}
+.verbose-toggle:hover,
+#showAddFormButton:hover,
+input.submit:hover,
+input#submit:hover {
+    color: #fff;
+    background-color: #47b6d0;
+}
+input.delete:hover,
+input#delete:hover {
+    color: #fff;
+    background-color: #93c3d4;
+}
+.verbose-toggle,
+.verbose-toggle:active,
+#showAddFormButton:active,
+input.delete:active,
+input#delete:active,
+input.submit:active,
+input#submit:active {
+    top: 1px;
+}
+form textarea {
+    border: 1px solid #e0dfdf; 
+    border-radius: 4px; 
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px; 
+}
+.maxWidth {
+    margin-top: 20px;
+    width: 100%;
+}
+#authorships a.remove:link,
+#showAddForm a.cancel:link,
+form a:link.cancel, 
+form a:visited.cancel {
+    text-decoration: underline;
+    color: #f70;
+    border-color: none;
+    padding-left: 3px;
+}
+#authorships a.remove:hover,
+#authorships a.remove:active,
+#showAddForm a.cancel:hover,
+#showAddForm a.cancel:active,
+form a:hover.cancel, 
+form a:active.cancel {
+    text-decoration: none;
+    color: #f70;
+    background: none;
+}
+.validationError {
+    font-weight: normal;
+    color: #cc0000;
+    margin-bottom: .3em;
+}
+p.submit {
+  margin-top: 0;
+  padding-top: 0;
+}
+.editingForm table {
+    border-color: #dfe6e6;
+}
+.editingForm td {
+    padding: 3px;
+}
+.editingForm .entryFormHead {
+    background-color: #f1f2ee;
+    border-color: #dfe6e6;
+}
+.editingForm .entryFormHead h2 {
+    color: #5F6464;
+}
+.form-item {
+    margin-top:.3em;
+    background-color: #fff;
+    border-color: #e0dfdf;
+    font-size: .8em;
+    border-width: 1px;
+    color: #595B5B;
+    padding: .3em;
+}
+.navlinkblock {
+    color: #5F6464;
+}
+.header {
+    color: #5F6464;
+}
+.database_header {
+    background-color: #f1f2ee;
+    color: #006279;
+    font-size: 1em;
+}
+.database_upperleftcorner {
+    color: #5F6464;
+    font-size: 1em;
+}
+.database_upperleftcenter {
+    background-color: #B0C4DE;
+    color: #5F6464;
+    font-size: 1em;
+}
+.rownumheader {
+    background-color: #F1F2EE;
+    color: #5F6464;
+    font-size: 1em;
+}
+.headercenter {
+    color:  #5F6464;
+    font-size: 10pt;
+    font-style: normal;
+    text-align: center;
+}
+.postheader {
+    background-color: #E6E6FA;
+    color: #777;
+    font-size: 1em;
+}
+.database_postheader {
+    background-color: #f7f9f9;
+    font-size: 1em;
+}
+.postheadercenter {
+    font-size: 1em;
+}
+.postheaderright {
+    font-size: 1em;
+}
+.verticalfieldlabel {
+    color: #5F6464;
+    font-size: .8em;
+}
+.row, .rowvert {
+    background-color: #f7f9f9;
+    color: #5F6464;
+    font-size: 10pt;
+    font-style: normal;
+    text-align: left;
+    line-height: 2em;
+}
+.rowalternate {
+    background-color: #fff;
+    color: #5F6464;
+    font-size: 1em;
+    line-height: 2em;
+}
+.rowbold {
+    background-color: #FFFAFA;
+    color: #5F6464;
+    font-size: 1em;
+}
+.rownum {
+    background-color: #F1F2EE;
+    color: #5F6464;
+    font-size: 1em;
+}
+.form-background {
+    background-color: #fff;
+}
+.formsEdit p {
+    /*padding-top: 1em;*/
+    margin-bottom: 1em;
+    padding-bottom: 0;
+    margin-top: 0;
+}
+.formsEdit p.validationError {
+    margin-bottom: 1.8em;
+    margin-top: 0;
+    padding-top: 0;
+    font-size: .8em;
+}
+form.deleteForm {
+    margin-top: 2em;
+    padding-top: 1em;
+    border-top: 1px dotted #e3e9e9;
+}
+form h3.delete-entry {
+    padding-right: .8em;
+    display: inline;
+}
+form h2 {
+    margin-bottom: 0;
+    padding-bottom: 10px;
+}
+form select {
+   border: 0;
+   font-size: 14px;
+   padding: .5em;
+   background: #fff;
+   border: 1px solid #e0dfdf;
+   border-radius: 5px;
+   -moz-border-radius: 5px;
+   -webkit-border-radius: 5px;
+   margin-bottom: .8em;
+   margin-top: .7em;
+   margin-right: .5em;
+}
+.notice { 
+    margin-top: 1em; 
+    border: 1px dotted #FFD324;
+}
+a.ingestMenu:link, 
+a.ingestMenu:visited {
+    text-decoration: none;
+    color: #5E6363;
+}
+a.ingestMenu:hover, 
+a.ingestMenu:active {
+    text-decoration: none;
+    color: #006279;
+}
+
+/* ------------------------------------------------->  */
+/* HOMEPAGE AND INTERIOR PAGES STYLES -------------->  */
+/* ------------------------------------------------->  */
+
+/* HEADER ------>  */
+#branding {
+    position: relative;
+    width: 970px;
+    height: 114px;
+    margin: 0 auto;
+}
+/* BRANDING ------>  */
+h1.vitro-logo {
+    position: absolute;
+    width: 386px;
+    height: 59px;
+    top: 28px;
+    left: 0;
+    background: url(../images/VITRO-logo.png) 0 0 no-repeat;
+}
+h1.vitro-logo a {
+    display: block;
+    width: 386px;
+    height: 59px;
+}
+/* HEADER NAV------>  */
+ul#header-nav {
+    float: right;
+    list-style: none;
+    height: 30px;
+    padding-top: 10px;
+    margin-right: 13px;
+}
+ul#header-nav li {
+    float: left;
+    display: block;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-right: 1px solid #7c7d7f;
+    font-size: .7em;
+    color: #fff;
+}
+ul#header-nav li.last {
+    border-right: none;
+}
+ul#header-nav li:last-child {
+    padding-right: 0;
+    border-right: none;
+}
+ul#header-nav a {
+    color: #fff;
+}
+ul#header-nav a:link,
+ul#header-nav a:visited {
+    text-decoration: none
+}
+ul#header-nav a:hover,
+ul#header-nav  a:active {
+    text-decoration: none;
+    color: #999;
+}
+/* SEARCH ------>  */
+#search {
+    position: absolute;
+    width: 332px;
+    height: 38px;
+    top: 40px;
+    right: 10px;
+    padding-top: 5px;
+}
+#search-field {
+    width: 332px;
+    height: 37px;
+    background: url(../images/search-interior-pages.png) 0 0 no-repeat;
+}
+#search-field input.search {
+    text-decoration: none;
+    background-color: transparent;
+    color: #fff;
+    font-size: 14px;
+    border: none;
+    padding-left: 25px;
+    padding-top: 8px;
+    cursor: pointer;
+}
+input.search-vivo {
+    float: left;
+    width: 228px;
+    height: 25px;
+    border: 0;
+    font-size: 16px;
+    color: #5e6363;
+    margin-left: 10px;
+    margin-top: 5px;
+    padding: 0;
+}
+#search-form-modifier {
+    display: none;
+}
+/* MAIN NAVIGATION------>  */
+ul#main-nav {
+    display: block;
+    width: 968px;
+    height: 46px;
+    margin: 0 auto;
+    list-style: none;
+    font-size: 1em;
+    color: #706a66;
+}
+#main-nav li {
+    float: left;
+    line-height: 46px;
+    /*background: url(../images/separator-main-nav.jpg) right -2px no-repeat;*/
+}
+#main-nav li a {
+    padding-left: 16px;
+    padding-right: 16px;
+    display: block;
+    color: #706a66;
+    text-decoration: none;
+}
+#main-nav li a:hover {
+    color: #002b44;
+}
+#main-nav li a.selected {
+    color: #002b44;
+    /*background: url(../images/selected-main-nav.jpg) left -1px no-repeat;*/
+    margin-left: 18px;
+}
+/* WRAPPER CONTENT------>  */
+#wrapper-content {
+    clear: both;
+    width: 930px;
+    margin: 0 auto;
+    background: #fff;
+    min-height: 550px;
+    padding: 20px;
+    margin-top: 1px;
+}
+/* INTRO-BLURB ------>  */
+#intro {
+    float: left;
+    width: 570px;
+    padding-bottom: 40px;
+}
+body.loggedIn #intro {
+    width: 98%;
+}
+#intro h2 {
+    padding: 35px 0 12px 24px;
+    border-bottom: none;
+    color: #006279;
+}
+#intro p {
+    font-size: 16px;
+    color: #5f6464;
+    line-height: 1.3em;
+    padding: 0 24px 0 24px;
+}
+#intro a {
+    color: #006279
+}
+/* LOG IN------>  */          
+#login {
+    float: right;
+    width: 314px;
+    border: 1px solid #e8ece9;
+    margin-right: 25px;
+    padding-bottom: 30px;
+    margin-bottom: 30px;
+    overflow: hidden;
+    margin-top: 20px;
+}
+body.login #login {
+    float: none;
+}
+#login h2 {
+    font-size: 22px;
+    color: #006279;
+    padding-left: 15px;
+    padding-top: 18px;
+    border-bottom: none;
+}
+#error-alert {
+    margin: 0 12px;
+    margin-bottom: 12px;
+    padding: 12px;
+    padding-bottom: 12px;
+    border: 1px dotted #a12424;
+}
+#error-alert img {
+    float: left;
+    margin: 0;
+    padding: 0;
+    vertical-align: middle;
+}
+#error-alert p {
+    padding-left: 40px;
+    font-size: .8em;
+    line-height: 1.3em;
+    color: #a12424;
+    padding-top: 5px;
+}
+#login-form label {
+    display: block;
+    color: #5e6363;
+    padding-top: 0;
+    padding-left: 38px;
+    font-size: 14px;
+}
+#login-form input.text-field {
+    border: 0;
+    font-size: 14px;
+    padding: 5px;
+    width: 219px;
+    height: 24px;
+    margin-left: 38px;
+    background: #fff;
+    border: 1px solid #e0dfdf;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;     
+}
+#login-form input.text-field:focus {
+    border: 1px solid rgba(57, 138, 172, .5);  
+    background-color: rgba(57, 138, 172, .1);   
+}
+#login-form p.submit {
+    width: 100px;
+    height: 40px;
+    margin-top: 20px;
+    margin-left: 38px;
+}
+#login-form p.submit-password {
+    height: 40px;
+    margin-top: 20px;
+    margin-left: 38px;
+}
+#login-form input.checkbox-remember-me {
+    float: left;
+    height: 14px;
+    width: 14px;
+    color: #5e6363;
+    padding: 0;
+    margin-top: 33px;
+    margin-left: 20px;
+}
+#login-form label.label-remember-me {
+    display: block;
+    float: right;
+    color: #5e6363;
+    font-size: 12px;
+    width: 100px;
+    margin: 0;
+    padding: 0;
+    margin-top: 29px;
+    margin-right: 32px;
+}
+p.forgot-password {
+    clear: both;
+    margin-left: 38px;
+    font-size: 12px;
+    padding-top: 1.2em;
+    padding-bottom: 1.2em;
+}
+p.forgot-password a {
+    color: #006279;
+}
+p.request-account {
+    width: 219px;
+    clear: both;
+    float: left;
+    margin-left: 38px;
+    margin-top: 10px;
+    padding-top: 20px;
+    border-top: 1px solid #e8ece9;
+}
+p.request-account a {
+    color: #fff;
+}
+p.password-note {
+    font-size: 12px;
+    color: #949696;
+    padding-left: 38px;   
+}
+#flash-message {
+    border: 1px dotted #E2C822;
+    background-color: #FFF9D7;
+    padding: .5em;  
+    margin-bottom: 10px;
+}
+#welcome-message {
+    border: 1px dotted #E2C822;
+    background-color: #FFF9D7;
+    padding: .25em;
+    margin-bottom: 8px;
+}
+#welcome-msg-container {
+    margin-bottom: 8px;
+    margin-top: -10px;
+    margin-right:-10px;
+    height:34px;
+}
+/* HOME SEARCH ------>  */
+#search-home {
+    float: left;
+    width: 533px;
+    margin: 30px 0 0 24px;
+}
+#search-home h3 {
+    padding: 0;
+    font-size: 22px;
+    margin-bottom: 15px;
+    color: #006279;
+}
+#search-home-field {
+    width: 483px;
+    height: 44px;
+    background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
+}
+#search-home-field input.search {
+    text-decoration: none;
+    background-color: transparent;
+    color: #fff;
+    font-size: 18px;
+    border: none;
+    padding-left: 23px;
+    padding-top: 8px;
+    cursor: pointer;
+}
+input.search-home-vivo {
+    float: left;
+    margin: 10px 0 0 8px;
+    width: 350px;
+    height: 20px;
+    border: 0;
+    font-size: 18px;
+    color: #5e6363;
+    margin-left: 4px;
+    margin-top: 2px;
+}
+/* BROWSE ------>  */
+ul#browse-classgroups a:hover {
+    background: url(../images/arrow.gif) 0 10px no-repeat;
+    color: #2ea0cf;
+}
+ul#browse-classgroups a.selected {
+    color: #2ea0cf;
+    background: url(../images/arrow.gif) 0 10px no-repeat;
+}
+ul#classes-in-classgroup a:hover {
+    background: url(../images/arrow.gif) 0 10px no-repeat;
+    color: #2ea0cf;
+}
+ul#classes-in-classgroup a.selected {
+    color: #2ea0cf;
+    background: url(../images/arrow.gif) 0 10px no-repeat;
+}
+#visual-graph h5 {
+    color: #006279;
+}
+svg text:hover {
+    color: #2EA0CF;
+}
+p.view-all {
+    clear: both;
+    width: 200px;
+    font-size: 14px;
+    text-align: right;
+    color: #303e4e;
+}
+a.view-all-style {
+    color: #303e4e
+}
+/* FOOTER------>  */
+footer {
+    clear: both;
+    width: 970px;
+    height: 88px;
+    margin: 0 auto;
+    font-size: .7em;
+    color: #4e5051;
+    background-color: #fff;
+}
+footer p.copyright {
+    float: left;
+    padding-top: 55px;
+    padding-left: 30px;
+    width: 500px;
+}
+ul#footer-nav {
+    float: right;
+    list-style: none;
+    width: 200px;
+    height: 20px;
+    margin: 0;
+    padding: 0;
+    padding-top: 55px;
+    padding-right: 20px;
+}
+ul#footer-nav li {
+    float: left;
+    display: block;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-right: 1px solid #c9c8c8;
+}
+ul#footer-nav li:last-child {
+    border-right: none
+}
+#footer-nav a {
+    color: #4e5051
+}
+#footer-nav a:hover {
+    color: #09C;
+    text-decoration: none;
+}
+a.terms {
+    color: #09C;
+    text-decoration: none;
+}
+a.terms:hover {
+    color: #4e5051;
+    text-decoration: none;
+}
+a.powered-by-vivo {
+    color: #09C;
+    text-decoration: none;
+}
+a.powered-by-vivo:hover {
+    color: #4e5051;
+    text-decoration: none;
+}
+p{
+    margin-bottom: 1.3em;
+}
+
+/* STYLED BUTTONS ------>  */
+.button,
+.button:visited {
+    background: #222 url(../images/alert-overlay.png) repeat-x;
+    display: inline-block;
+    padding: 7px 22px 8px;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px; /*This box should have a rounded corners in browsers supporting CSS3*/
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    position: relative;
+    cursor: pointer;
+    border: 0;
+}
+.button:hover {
+    background-color: #111;
+    color: #fff;
+}
+.button:active {
+    top: 1px;
+}
+.blue {
+    color: #006279; 
+}
+.green {
+    color: #47b6d0;
+}
+.small.button,
+.small.button:visited {
+    font-size: 11px
+}
+.button,
+.button:visited {
+    font-size: 16px;
+    font-weight: normal;
+    line-height: 1; 
+}
+.green.button,
+.green.button:visited {
+    background-color: #0ea5c8;
+    color: #fff;
+}
+.green.button:hover {
+    background-color: #47b6d0;
+}
+.blue.button,
+.blue.button:visited {
+    background-color: #398aac;
+    color: #fff;
+}
+.blue.button:hover {
+    background-color: #58a2c1;
+}
+
+/* ------------------------------------------------->  */
+/* INDIVIDUAL LIST --------------------------------->  */
+/* ------------------------------------------------->  */
+.pagination li.selectedNavPage {
+    color: #91b039;
+}
+.rdfLink a {
+    color: #84a655;
+}
+.individualList ul.individualData li {
+    border-right: solid 1px #a0a0a0;
+}
+.individualList ul { 
+    margin-left: 0; 
+}
+.individualList li,
+.individualList li span { 
+  color: #9c9c9c;
+ }
+.individualList li a { 
+    font-weight: normal; 
+    color: #006279;
+}
+
+/* ------------------------------------------------->  */
+/* MENU PAGES -------------------------------------->  */
+/* ------------------------------------------------->  */
+
+/* VISUAL GRAPH------>  */
+#menupage-intro {
+    width: 920px;
+    background: #fff;
+}
+#menupage-intro h2 {
+    font-size: 1.375em;
+    color: #006279;
+    font-weight: normal;
+}
+#menupage-intro.people h2 {
+    float: left;
+}
+#menupage-content.people {
+    border-right: 1px solid #e8ece9;
+}
+#menupage-content {
+    width: 900px;
+}
+#menupage-content h3 {
+    font-size: 1.5em;
+    color: #002b44;
+    font-weight: normal;
+    border-bottom: 1px solid #f3f3f4;
+}
+#menupage-content h4 {
+    font-size: 1.25em;
+    color: #006279;
+    font-weight: normal;
+}
+ul#vgraph-classes li {
+    border-bottom: 1px solid #dde4e3;
+    font-size: 1em;
+}
+ul#vgraph-classes a {
+    color: #5e6363;
+    text-decoration: none;
+}
+ul#vgraph-classes a:hover {
+    background: url(../images/arrow.gif) 0 10px no-repeat;
+    color: #2ea0cf;
+}
+ul#vgraph-classes a.selected {
+    color: #2ea0cf;
+    background: url(../images/arrow.gif) 0 10px no-repeat;
+}
+ul#vgraph-classes .count-classes {    
+    font-size: .75em; 
+}
+/* FIND BY ------>  */
+#find-by {
+    border: 1px solid #e4eae9;
+}
+#find-by h3 {
+    font-size: 1.125em;
+    color: #006279;
+    font-weight: normal;
+}
+ul#find-filters a {
+    color: #5e6363;
+    text-decoration: none;
+}
+ul#find-filters a:hover {
+    background: url(../images/arrow.gif) 0 6px no-repeat;
+    color: #2ea0cf;
+}
+ul#find-filters a.selected {
+    color: #2ea0cf;
+    background: url(../images/arrow.gif) 0 6px no-repeat;
+}
+/* RESEARCHERS ------>  */
+#researchers {
+    width: 920px;
+    background: #f7f9f9;
+    border: 1px solid #d7e6e6;
+}
+#researchers h3 {
+    font-size: 1.25em;
+    color: #006279;
+    font-weight: normal;
+    background: url(../images/arrow.gif) 140px 27px no-repeat;
+}
+#researchers p {
+    font-size: 1.125em;
+    color: #5e6363;
+}
+#researchers-slider {
+    border: 1px solid #e8e8e8;
+    background: #fff;
+}
+#alpha-display {
+    font-size: 4.375em;
+    text-align: center;
+    float: left;
+    color: #006279;
+    border-right: 1px dotted #dde4e3;
+    font-weight: bold;
+}
+#profile-photo-display {
+    width: 600px;
+}
+#profile-photo-display img {    
+    border: 1px solid #dde4e3;
+}
+#nav-display p {
+    font-size: 26px;
+    color: #006279;
+}
+#nav-display img {
+    border-left: 1px solid #e8e8e8;
+}
+/* BROWSE BY ------>  */
+#browse-by {
+    width: 920px;
+}
+#browse-by h2 {
+    background: #5e6363;
+    font-size: 1.375em;
+    color: #fff;
+}
+/* BROWSE CLASSES ------>  */
+ul#browse-classes {
+    border: 1px solid #dde4e3;
+    border-right: 0;
+    background-color: #f1f2ee;
+}
+ul#browse-classes li {
+    border-bottom: 1px solid #dde4e3;
+    font-size: 1em;
+}
+ul#browse-classes a {
+    color: #5e6363;
+    text-decoration: none;
+}
+ul#browse-classes a:hover {
+    background: url(../images/arrow.gif) 4px 5px no-repeat;
+    color: #2ea0cf;
+}
+ul#browse-classes a.selected {
+    color: #2ea0cf;
+    background: url(../images/arrow.gif) 4px 5px no-repeat;
+}
+ul#browse-classes .count-classes {    
+    font-size: 12px; 
+}
+/* ALPHA BROWSE------>  */
+ul#alpha-browse-individuals {
+    border: 1px solid #dde4e3;
+    background-color: #fff;
+    border-left: 1px solid #dde4e3;
+    border-bottom: none;
+}
+ul#alpha-browse-individuals li {
+    font-size: .8em;
+}
+ul#alpha-browse-individuals a {
+    color: #5e6363;
+    text-decoration: none;
+}
+ul#alpha-browse-individuals a:hover {
+    background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
+    color: #2ea0cf;
+}
+ul#alpha-browse-individuals a.selected {
+    color: #2ea0cf;
+    background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
+    margin-right: 3px;
+    margin-left: 5px;
+}
+ul#alpha-browse-individuals .count-classes {
+    font-size: .75em;
+}
+.alphaIndex {    
+    font-size: .8em;
+}
+/* BROWSE INDIVIDUALS------>  */
+#individuals-in-class {
+    width: 629px;
+    border: 1px solid #dde4e3;
+    background-color: #fff;
+}
+#individuals-in-class li.individual {
+    border-bottom: 1px solid #dde4e3;
+}
+#individuals-in-class li img {
+    border: 2px solid #dde4e3;
+}
+#individuals-in-class li h1 {
+    color: #5e6363;
+    font-size: 1em;
+}
+.pagination.menupage {
+    font-size: .8em;
+}
+.pagination.menupage li.selected {
+    color: #5e6363;
+}
+.pagination.menupage li a {
+    text-decoration: none;
+}
+.pagination.menupage li a:hover {
+    background: #5e6363;
+}
+
+/* ------------------------------------------------->  */
+/* IMAGE UPLOAD------------------------------------->  */
+/* ------------------------------------------------->  */
+/* <------ UPLOAD PICTURE*/
+#photoUploadDefaultImage img {
+    border: 4px solid #DDE4E3;
+}
+#photoUploadForm {
+    border-left: 1px dotted #DDE4E3;
+}
+/* <------ CROP PICTURE*/
+#photoCropping img {
+    border: 1px solid #DDE4E3;
+}
+#photoCropping {
+    margin-left: 20px;
+    padding-left: 40px;
+    background: url(../images/pointToCropPreview.jpg) 0 30px no-repeat;
+}
+#photoCroppingPreview {
+    width: 210px;
+}
+.photoCroppedPreview {
+    border: 4px solid #DDE4E3;
+}
+/* <------ DELETE PICTURE*/
+#photoDeletingContainer {
+    border: 1px solid #bdbcbc;
+}
+/* ------------------------------------------------->  */
+/* INDIVIDUAL DISPLAY ------------------------------>  */
+/* ------------------------------------------------->  */
+
+/* ADMIN PANEL ------>  */
+#admin {
+    background-color: #f2f9fb;
+}
+#admin h3 {
+    background: #006279;
+    color: #fff;
+}
+#admin .uri-link {
+    color: #888c8c;
+}
+#admin a {
+    color: #2a98bc;
+}
+/* INDIVIDUAL INTRO FOR ANY CLASS ------>  */
+.preferred {
+    padding-top: .2em;
+}
+#individual-intro h1 {
+    font-size: 1.375em; 
+    color: #006279; 
+}
+#individual-intro span.preferred-title {
+    font-size: .825em;
+    color: #5e6363;
+    border-left: 1px solid #A6B1B0;
+}
+ul#individual-tools {
+    color: #8AA149;
+}
+#individual-intro ul.individual-urls li a {
+    color: #006279;
+}
+h2#mainImage, #share-contact h2 {
+    color: #5E6363;
+}
+/* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------>  */
+img.individual-photo {
+    border: 7px solid #ebebeb;
+}
+ul#individual-tools-people {
+    border-bottom: 1px solid #e8ece9;
+    color: #47b6d0;
+}
+ul#individual-tools-people li a {
+    color: #47b6d0;  
+}
+ul#individual-tools {
+    color: #8AA149
+}
+ul#individual-tools li a {
+    color: #47b6d0; 
+}
+#share-contact a.email {
+    color: #5f6464;
+}
+#share-contact a.tel {
+    color: #5f6464;
+}
+ul.individual-urls {
+    list-style: url(../../../images/individual/arrow-grey.gif);
+}
+ul#individual-email, 
+ul#individual-phone {
+    list-style-type: none;
+}
+ul#individual-email li, 
+ul#individual-phone li {
+    line-height: 1.6em;
+}
+ul#individual-email li:last-child {
+    margin-bottom: 15px;
+}
+ul.individual-urls li {
+    font-size: .875em;
+    line-height: 1.6em;
+}
+ul.individual-urls li a {
+    color: #006279;
+}
+ul.individual-urls-people {
+    list-style: url(../../../images/individual/arrow-grey.gif);
+}
+ul.individual-urls-people li a {
+    color: #006279;
+}
+/* INDIVIDUAL RIGHT CONTENT ------>  */
+#individual-info {
+    color: #5e6363;
+}
+#individual-info h1.fn {
+    font-size: 1.375em;
+    color: #006279;
+    line-height: 1.3em;
+}
+h1.fn .preferred-title {
+    font-size: .825em;
+    color: #5e6363;
+    border-left: 1px solid #a6b1b0;
+}
+#individual-info h2 {
+    color: #5E6363;
+    font-size: 1em;
+    font-weight: bold;
+}
+#individual-info h3 {
+    font-size: 1.125em;
+    line-height: 1.2em;
+}
+ul#individual-personInPosition {
+    font-size: 1em;
+    list-style: url("../../../images/individual/arrow-green.gif");
+}
+ul#individual-personInPosition li {
+    line-height: 1.8em;
+}
+ul#individual-personInPosition li a {
+    color: #006279;
+}
+.individual-overview {
+    font-size: 1em;
+    padding-right: 10px;
+    padding-top: 10px;
+    width: 100%;
+}
+ul#individual-hasResearchArea {
+    padding-bottom: 24px;
+}
+ul#individual-hasResearchArea li {
+    border-right: 1px solid #A6B1B0;
+}
+ul#individual-hasResearchArea li:last-child {
+    border-right: none;
+}
+ul#individual-hasResearchArea li a {
+    color: #006279;
+}
+/* INDIVIDUAL VISUALIZATION ------>  */
+#visualization h3 {
+    font-size: 1.25em;
+    color: #006279;
+}
+.publication-year-range {
+    font-size: .875em;
+}
+a.all-vivo-publications {
+    font-size: .875em;
+    color: #5e6363;
+}
+/* <------ TEMPORAL GRAPH  */
+#temporal-graph h3 a {
+    color: #006279;
+    font-size: .8em !important;
+    text-decoration: underline;
+}
+/* COAUTHORS ------>  */
+img.co-author {
+    border: 2px solid #ebebeb;
+}
+#co-authors h3 {
+    font-size: 1.25em;
+    color: #006279;
+}
+p.view-all-coauthors {
+    font-size: .875em;
+}
+/* PROPERTY GROUP MENU ------>  */
+#property-group-menu {
+    width: 920px;
+    background: #f1f2ee;
+}
+#property-group-menu ul {
+    color: #5e6363;
+    font-size: 1em;
+}
+#property-group-menu li {
+    background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat;
+}
+#property-group-menu a {
+    color: #5e6363;
+}
+#property-group-menu a:hover {
+    color: #002b44;
+}
+#property-group-menu li:last-child {
+    background: none;
+}
+/* PROPERTY GROUP ------>  */
+.property-group {
+    width: 920px;
+    background: #fff;
+}
+section.property-group h2 {
+    font-size: 1.25em;
+    color: #006279;
+    font-weight: normal;
+}
+article.property {
+    width: 852px;
+}
+article.property h3 {
+    background: #fafaf9;
+    font-size: 1.063em;
+    color: #8aa149;
+}
+article.property ul.property-list li.subclass h3 {
+    font-size: 1.063em;
+    color: #5E6363;
+}
+article.property .data-property-statement {
+    background: #fff;
+    font-size: 1em;
+    color: #5e6363;
+}
+article.property ul.property-list {
+    font-size: 1em;
+    color: #5e6363;
+}
+article.property ul.property-list li a {
+    color: #006279;
+    line-height: 1.6em;
+}
+/* MISCELLANEOUS ------>  */
+.grey {
+    color: #5e6363;
+}
+.displace {
+    position: absolute;
+    left: -9999px;
+}
+a {
+    text-decoration: underline
+}
+.middle {
+    vertical-align: middle;
+}
+/* EDITING DISPLAY------>  */
+.edit-individual {
+    border-left: 1px dotted #47b6d0;
+}
+
+/* ------------------------------------------------->  */
+/* SITE ADMIN DASHBOARD ---------------------------->  */
+/* ------------------------------------------------->  */
+#adminDashboard .pageBodyGroup {
+  padding: 0 1em .5em 1em;
+}
+#adminDashboard .pageBodyGroup h3 {
+  background-color: #fff;
+  border-bottom: 1px dotted #AFB2B2;
+  font-weight: bold;
+  padding: .625em;
+  color: #006279;
+  margin-bottom: .625em;
+}
+#adminDashboard .pageBodyGroup ul {
+  margin: 0 0 1em .6em;
+}
+#adminDashboard .pageBodyGroup h4 {
+  color: #5E6363;
+  font-size: 1em;
+  margin-left: .6em;
+  font-weight: bold;
+}
+
+/* ------------------------------------------------->  */
+/* REVISION INFO ----------------------------------->  */
+/* ------------------------------------------------->  */
+
+#revision-build-date {
+    border-left: 1px solid #DFE6E6;
+}
+#revision-build-date h3{
+color: #006279;
+}
+#revision-levels caption {
+    font-size: 18px;
+    color: #006279;
+}
+#revision-levels th {
+    font-weight: bold;
+    border: 1px solid #DFE6E6;
+}
+#revision-levels td {
+    border: 1px solid #DFE6E6;
+}
+
+/* ------------------------------------------------->  */
+/* STATIC PAGES  ----------------------------------->  */
+/* ------------------------------------------------->  */
+#terms h3 {
+    color: #006279;
+}
+
+/* ------------------------------------------------->  */
+/* IE message when JS is disabled  ----------------->  */
+/* ------------------------------------------------->  */
+.ie-alert {
+    color: #f00;
+    font-weight: bold;
+}
+
+/* ------------------------------------------------->  */
+/* VERBOSE DISPLAY  -------------------------------->  */
+/* ------------------------------------------------->  */
+section.verbosePropertyListing {
+    font-size: 12px;
+    font-weight: normal;
+    color: #5E6363;
+}
+section.verbosePropertyListing span {
+    color: #9bae5a;
+}
+h2#email .verbosePropertyListing,
+h2#phoneNumber .verbosePropertyListing {
+    margin-top: 10px;
+    line-height: 1.4em;
+}
+article.property h3 {
+    padding: 10px 0 10px 20px;
+    margin: 0;
+}
+h2#personInPosition .verbosePropertyListing,
+h2#hasResearchArea .verbosePropertyListing {
+    display: block;
+}
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/images/VITRO-logo.png b/webapp/web/themes/vitro/images/VITRO-logo.png
new file mode 100644
index 000000000..d43ae4bc1
Binary files /dev/null and b/webapp/web/themes/vitro/images/VITRO-logo.png differ
diff --git a/webapp/web/themes/vitro/images/VIVO-logo.png b/webapp/web/themes/vitro/images/VIVO-logo.png
new file mode 100644
index 000000000..ebfb64580
Binary files /dev/null and b/webapp/web/themes/vitro/images/VIVO-logo.png differ
diff --git a/webapp/web/themes/vitro/images/alert-overlay.png b/webapp/web/themes/vitro/images/alert-overlay.png
new file mode 100644
index 000000000..222cdc913
Binary files /dev/null and b/webapp/web/themes/vitro/images/alert-overlay.png differ
diff --git a/webapp/web/themes/vitro/images/arrow-green.gif b/webapp/web/themes/vitro/images/arrow-green.gif
new file mode 100644
index 000000000..b3a75c25d
Binary files /dev/null and b/webapp/web/themes/vitro/images/arrow-green.gif differ
diff --git a/webapp/web/themes/vitro/images/arrow-grey.gif b/webapp/web/themes/vitro/images/arrow-grey.gif
new file mode 100644
index 000000000..f858de94f
Binary files /dev/null and b/webapp/web/themes/vitro/images/arrow-grey.gif differ
diff --git a/webapp/web/themes/vitro/images/arrow.gif b/webapp/web/themes/vitro/images/arrow.gif
new file mode 100644
index 000000000..8d9199e7a
Binary files /dev/null and b/webapp/web/themes/vitro/images/arrow.gif differ
diff --git a/webapp/web/themes/vitro/images/arrowSmall.gif b/webapp/web/themes/vitro/images/arrowSmall.gif
new file mode 100644
index 000000000..1e050cd48
Binary files /dev/null and b/webapp/web/themes/vitro/images/arrowSmall.gif differ
diff --git a/webapp/web/themes/vitro/images/header-background.gif b/webapp/web/themes/vitro/images/header-background.gif
new file mode 100644
index 000000000..5d18792c8
Binary files /dev/null and b/webapp/web/themes/vitro/images/header-background.gif differ
diff --git a/webapp/web/themes/vitro/images/header-background.jpg b/webapp/web/themes/vitro/images/header-background.jpg
new file mode 100644
index 000000000..c9bc4a1f1
Binary files /dev/null and b/webapp/web/themes/vitro/images/header-background.jpg differ
diff --git a/webapp/web/themes/vitro/images/header-background.png b/webapp/web/themes/vitro/images/header-background.png
new file mode 100644
index 000000000..69388a3c7
Binary files /dev/null and b/webapp/web/themes/vitro/images/header-background.png differ
diff --git a/webapp/web/themes/vitro/images/jump-tp-property-group-menu.gif b/webapp/web/themes/vitro/images/jump-tp-property-group-menu.gif
new file mode 100644
index 000000000..937f7bb71
Binary files /dev/null and b/webapp/web/themes/vitro/images/jump-tp-property-group-menu.gif differ
diff --git a/webapp/web/themes/vitro/images/pointToCropPreview.jpg b/webapp/web/themes/vitro/images/pointToCropPreview.jpg
new file mode 100644
index 000000000..35db801ad
Binary files /dev/null and b/webapp/web/themes/vitro/images/pointToCropPreview.jpg differ
diff --git a/webapp/web/themes/vitro/images/search-field-and-button.gif b/webapp/web/themes/vitro/images/search-field-and-button.gif
new file mode 100644
index 000000000..4c8f71ebd
Binary files /dev/null and b/webapp/web/themes/vitro/images/search-field-and-button.gif differ
diff --git a/webapp/web/themes/vitro/images/search-interior-pages.gif b/webapp/web/themes/vitro/images/search-interior-pages.gif
new file mode 100644
index 000000000..7d51c4a27
Binary files /dev/null and b/webapp/web/themes/vitro/images/search-interior-pages.gif differ
diff --git a/webapp/web/themes/vitro/images/search-interior-pages.png b/webapp/web/themes/vitro/images/search-interior-pages.png
new file mode 100644
index 000000000..97f5a577f
Binary files /dev/null and b/webapp/web/themes/vitro/images/search-interior-pages.png differ
diff --git a/webapp/web/themes/vitro/images/selected-main-nav.jpg b/webapp/web/themes/vitro/images/selected-main-nav.jpg
new file mode 100644
index 000000000..1b2059ba8
Binary files /dev/null and b/webapp/web/themes/vitro/images/selected-main-nav.jpg differ
diff --git a/webapp/web/themes/vitro/images/separator-main-nav.jpg b/webapp/web/themes/vitro/images/separator-main-nav.jpg
new file mode 100644
index 000000000..4423a0997
Binary files /dev/null and b/webapp/web/themes/vitro/images/separator-main-nav.jpg differ
diff --git a/webapp/web/themes/vitro/images/separator-property-group-nav.jpg b/webapp/web/themes/vitro/images/separator-property-group-nav.jpg
new file mode 100644
index 000000000..8b1c0ea83
Binary files /dev/null and b/webapp/web/themes/vitro/images/separator-property-group-nav.jpg differ
diff --git a/webapp/web/themes/vitro/templates/footer.ftl b/webapp/web/themes/vitro/templates/footer.ftl
new file mode 100644
index 000000000..733053702
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/footer.ftl
@@ -0,0 +1,33 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+</div> <!-- #wrapper-content -->
+
+<footer role="contentinfo">
+    <p class="copyright">
+        <#if copyright??>
+            <small>&copy;${copyright.year?c}
+            <#if copyright.url??>
+                <a href="${copyright.url}">${copyright.text}</a>
+            <#else>
+                ${copyright.text}
+            </#if>
+             | <a class="terms" href="${urls.termsOfUse}">Terms of Use</a></small> | 
+        </#if>
+        Powered by <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank"><strong>VIVO</strong></a>
+        <#if user.hasRevisionInfoAccess>
+             | Version <a href="${version.moreInfoUrl}">${version.label}</a>
+        </#if>
+    </p>
+    
+    <nav role="navigation">
+        <ul id="footer-nav" role="list">
+            <li role="listitem"><a href="${urls.about}">About</a></li>
+            <#if urls.contact??>
+                <li role="listitem"><a href="${urls.contact}">Contact Us</a></li>
+            </#if> 
+            <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
+        </ul>
+    </nav>
+</footer>
+
+<#include "scripts.ftl">
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/templates/googleAnalytics.ftl b/webapp/web/themes/vitro/templates/googleAnalytics.ftl
new file mode 100644
index 000000000..1000dbe92
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/googleAnalytics.ftl
@@ -0,0 +1,26 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- NOTICE: This is SAMPLE Google Analytics code. You must replace it with your institution's code. 
+Please see documentation at https://confluence.cornell.edu/display/ennsrd/Google+Analytics+for+UI. -->
+
+<#--
+<script type="text/javascript">  
+    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 
+</script>  
+
+<script type="text/javascript">  
+    try { 
+        var pageTracker = _gat._getTracker("UA-5164622-5");
+        pageTracker._setDomainName("vivo.cornell.edu");
+        pageTracker._setAllowLinker(true);
+        pageTracker._trackPageview();
+         
+        var rollupTracker = _gat._getTracker("UA-12531954-1");
+        rollupTracker._setDomainName("none"); 
+        rollupTracker._setAllowLinker(true);
+        rollupTracker._trackPageview(location.host+location.pathname);  
+} 
+
+catch(err) {}  
+</script>
+-->
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/templates/head.ftl b/webapp/web/themes/vitro/templates/head.ftl
new file mode 100644
index 000000000..6ba28703a
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/head.ftl
@@ -0,0 +1,30 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<meta charset="utf-8" />
+<!-- Google Chrome Frame open source plug-in brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer-->
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+<title>${title}</title>
+
+<#include "stylesheets.ftl">
+<link rel="stylesheet" href="${urls.theme}/css/screen.css" />
+
+<#include "headScripts.ftl">
+
+<!--[if lt IE 7]>
+<link rel="stylesheet" href="${urls.theme}/css/ie6.css" />
+<![endif]-->
+
+<!--[if IE 7]>
+<link rel="stylesheet" href="${urls.theme}/css/ie7.css" />
+<![endif]-->
+
+<!--[if (gte IE 6)&(lte IE 8)]>
+<script type="text/javascript" src="${urls.base}/js/selectivizr.js"></script>
+<![endif]-->
+
+<#-- Inject head content specified in the controller. Currently this is used only to generate an rdf link on 
+an individual profile page. -->
+${headContent!}
+
+<link rel="shortcut icon" type="image/x-icon" href="${urls.base}/favicon.ico">
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/templates/identity.ftl b/webapp/web/themes/vitro/templates/identity.ftl
new file mode 100644
index 000000000..689542820
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/identity.ftl
@@ -0,0 +1,43 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<header id="branding" role="banner">
+    <h1 class="vitro-logo"><a title="VITRO | web-based ontology & instance editor" href="${urls.home}"><span class="displace">${siteName}</span></a></h1>
+    <#-- Since we are using a graphic text for the tagline, we won't render ${siteTagline}
+    <#if siteTagline?has_content>
+        <em>${siteTagline}</em>
+    </#if>-->
+
+    <nav role="navigation">
+        <ul id="header-nav" role="list">
+            <#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>
+            <#else>
+                <li role="listitem"><a title="log in to manage this site" href="${urls.login}">Log in</a></li>
+            </#if>
+            <#-- List of links that appear in submenus, like the header and footer. -->
+                <li role="listitem"><a href="${urls.about}">About</a></li>
+            <#if urls.contact??>
+                <li role="listitem"><a href="${urls.contact}">Contact Us</a></li>
+            </#if>
+                <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
+                <li role="listitem"><a href="${urls.index}">Index</a></li>
+        </ul>
+    </nav>
+    
+    <section id="search" role="region">
+        <fieldset>
+            <legend>Search form</legend>
+            
+            <form id="search-form" action="${urls.search}" name="search" role="search"> 
+                <div id="search-field">
+                    <input type="text" name="querytext" class="search-vivo" value="${querytext!}" />
+                    <input type="submit" value="Search" class="search">
+                </div>
+            </form>
+        </fieldset>
+    </section>
+</header>
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/templates/menu.ftl b/webapp/web/themes/vitro/templates/menu.ftl
new file mode 100644
index 000000000..97de335ba
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/menu.ftl
@@ -0,0 +1,28 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<nav role="navigation">
+    <ul id="main-nav" role="list">
+        <#list menu.items as item>
+            <li role="listitem"><a href="${item.url}" <#if item.active> class="selected" </#if>>${item.linkText}</a></li>
+        </#list>
+    </ul>
+</nav>
+
+<div id="wrapper-content" role="main">        
+    <#if flash?has_content>
+        <#if flash?starts_with("Welcome") >
+            <section  id="welcome-msg-container" role="container">
+                <section  id="welcome-message" role="alert">${flash}</section>
+            </section>
+        <#else>
+            <section id="flash-message" role="alert">
+                ${flash}
+            </section>
+        </#if>
+    </#if>
+    
+    <!--[if lte IE 8]>
+    <noscript>
+        <p class="ie-alert">This site uses HTML elements that are not recognized by Internet Explorer 8 and below in the absence of JavaScript. As a result, the site will not be rendered appropriately. To correct this, please either enable JavaScript, upgrade to Internet Explorer 9, or use another browser.</p>
+    </noscript>
+    <![endif]-->
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/templates/page-home.ftl b/webapp/web/themes/vitro/templates/page-home.ftl
new file mode 100644
index 000000000..b6a97ebb8
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/page-home.ftl
@@ -0,0 +1,37 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<@widget name="login" include="assets" />
+<#include "browse-classgroups.ftl">
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <#include "head.ftl">
+    </head>
+    
+    <body class="${bodyClasses!}">
+        <#include "identity.ftl">
+        
+        <#include "menu.ftl">
+        
+            <section id="intro" role="region">
+                <h2>What is VITRO?</h2>
+                
+                <p>Vitro is a general-purpose web-based ontology and instance editor with customizable public browsing. Vitro is a Java web application that runs in a Tomcat servlet container.</p>
+                <p>With Vitro, you can:</p>
+                
+                <ul>
+                    <li>Create or load ontologies in OWL format</li>
+                    <li>Edit instances and relationships</li>
+                    <li>Build a public web site to display your data</li>
+                    <li>Search your data with Lucene</li>
+                </ul>
+            </section> <!-- #intro -->
+            
+            <@widget name="login" />
+            
+            <@allClassGroups vClassGroups />
+        
+        <#include "footer.ftl">
+    </body>
+</html>
\ No newline at end of file
diff --git a/webapp/web/themes/vitro/templates/page.ftl b/webapp/web/themes/vitro/templates/page.ftl
new file mode 100644
index 000000000..5e4577f43
--- /dev/null
+++ b/webapp/web/themes/vitro/templates/page.ftl
@@ -0,0 +1,20 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#import "lib-list.ftl" as l>
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <#include "head.ftl">
+    </head>
+    
+    <body class="${bodyClasses!}">
+        <#include "identity.ftl">
+        
+        <#include "menu.ftl">
+        
+        ${body}
+        
+        <#include "footer.ftl">
+    </body>
+</html>
\ No newline at end of file