diff --git a/src/data/Web_Alphabet-Horizontal.css b/src/data/Web_Alphabet-Horizontal.css
index aa5b30d24..2c2080d51 100644
--- a/src/data/Web_Alphabet-Horizontal.css
+++ b/src/data/Web_Alphabet-Horizontal.css
@@ -33,62 +33,60 @@ see <http://www.gnu.org/licenses/>.
                               NarrativeWeb
 ----------------------------------------------------------------------------------------------- */
 body#NarrativeWeb {
+    padding: 158px 0px 0px 0px;
     margin: 0;
 }
 
 /* Header
 ----------------------------------------------------- */
-#header  {
+div#header  {
+    position: fixed;
+    top: 0px;
+    left: 0px;
     overflow: auto;
     width: 100%;
-    height: 90px;
     margin: 0;
 }
 
-/* Footer
------------------------------------------------------ */
-#footer {
+/*                       NarrativeWeb Navigation
+--------------------------------------------------------------------------------------- */
+body#NarrativeWeb div#navigation {
+    position: fixed;
+    top: 104px;
+    left: 0px;
     width: 100%;
-    height: 60px;
-    overflow: auto;
-    clear: both;
-    font-size: 12px;
-    margin: 0;
 }
 
 /* Alphabet Navigation
 ----------------------------------------------------- */
-#alphabet {
-    padding:10px;
-    margin:0;
+div#alphabet {
+    position: fixed;
+    top: 130px;
+    left: 0px;
+    width: 100%;
+    margin: 0;
 }
-#alphabet ul {
+div#alphabet ul {
     list-style:none;
     min-width:770px;
     height:24px;
     margin:0;
     padding: 0px 0px 0px 16px;
     border-width: 2px 0px 4px 0px;
-    border-color: #000;
     border-style: solid;
 }
-#alphabet ul li:after {
+div#alphabet ul li:after {
     content:"  |";
 }
-#alphabet ul li {
+div#alphabet ul li {
     margin:0;
     float:left;
 }
-#alphabet ul li a {
+div#alphabet ul li a {
     display:block;
     padding: 4px 8px 4px 8px;
     float:left;
     font:bold 16px/100% sans;
-    color:#000;
     margin:0;
     text-decoration:none;
 }
-#alphabet ul li a:hover {
-    background-color:#000;
-    color:#FFF;
-}
diff --git a/src/data/Web_Alphabet-Vertical.css b/src/data/Web_Alphabet-Vertical.css
index 17e6bec10..afba497b8 100644
--- a/src/data/Web_Alphabet-Vertical.css
+++ b/src/data/Web_Alphabet-Vertical.css
@@ -46,23 +46,19 @@ body#NarrativeWeb {
     left: 0px;
     overflow: auto;
     width: 100%;
-    height: 90px;
 }
 
-/* Footer
------------------------------------------------------ */
-#footer {
-    width: 100%;
-    height: 60px;
-    overflow: auto;
-    clear: both;
-    font-size: 12px;
-    margin: 0;
+/*                         NarrativeWeb Navigation
+------------------------------------------------------------------------------- */
+body#NarrativeWeb div#navigation {
+    position: fixed;
+    top: 104px;
+    left: 0px;
 }
 
 /* Alphabet Navigation
 ----------------------------------------------------- */
-#alphabet {
+div#alphabet {
     position: fixed;
     left: 4px;
     width: 44px;
@@ -71,29 +67,29 @@ body#NarrativeWeb {
     border-width: 2px 4px 2px 4px;
     border-style: solid;
 }
-#alphabet ul {
+div#alphabet ul {
     display: inline;
     list-style: none;
     margin: 0;
 }
-#alphabet ul li {
+div#alphabet ul li {
     font: bold 14px/100% sans;
-    color: #000;
     padding: 10px 0px 10px 10px;
     margin:0;
     float: left;
-    border-bottom: solid 2px #000;
+    border-width: 0px 0px 2px 0px;
+    border-style: solid;
 }
-#alphabet ul li:first-child {
+div#alphabet ul li:first-child {
     border: 0;
 }
-#alphabet ul li:last-child {
+div#alphabet ul li:last-child {
     border: 0;
 }
-#alphabet ul li a {
+div#alphabet ul li a {
     text-decoration: none;
 }
-#alphabet ul li a:hover {
+div#alphabet ul li a:hover {
     display: block;
     padding: 6px 10px 6px 10px;
     background-color: #C1B398;
diff --git a/src/data/Web_Visually.css b/src/data/Web_Visually.css
index 11451554c..131a6865c 100644
--- a/src/data/Web_Visually.css
+++ b/src/data/Web_Visually.css
@@ -193,9 +193,10 @@ span.preposition {
 
 /* Header
 ----------------------------------------------------- */
-#header  {
+div#header  {
     background-color: #542;
     border-bottom: solid 8px #5D835F;
+    height: 90px;
 }
 #SiteTitle {
     margin:0;
@@ -214,37 +215,43 @@ p#user_header {
 
 /* Footer
 ----------------------------------------------------- */
-#footer {
+div#footer {
+    width: 100%;
+    height: 60px;
+    overflow: auto;
+    clear: both;
+    font-size: 12px;
+    margin: 0;
     color: #FFF;
     background-color: #542;
     border-top: solid 8px #5D835F;
 }
-#footer a, #footer a:visited {
+div#footer a, div#footer a:visited {
     text-decoration:none;
     color: #FFF;
 }
-#footer a:hover {
+div#footer a:hover {
     color: #000;
     text-decoration:underline;
 }
-#footer img {
+div#footer img {
     border:0;
     margin:0 auto;
     vertical-align:middle;
 }
-#footer p#createdate {
+div#footer p#createdate {
     float:left;
     width:60%;
     text-align:left;
     margin-left:10px;
 }
-#footer p#copyright {
+div#footer p#copyright {
     float:right;
     text-align:right;
     color: #FFF;
     margin: 10px 10px 0px 0px;
 }
-#footer p#copyright img {
+div#footer p#copyright img {
     float:right;
     margin-right: 10px;
 }
@@ -262,23 +269,29 @@ p#user_header {
 
 /* Alphabet Navigation Bar
 ----------------------------------------------------- */
-#alphabet {
-    position: fixed;
-    top: 136px;
+div#alphabet {
     background-color: #6AF364;
 }
+div#alphabet ul {
+    border-color: #000;
+}
+div#alphabet ul li {
+    border-color: #000;
+}
+div#alphabet ul li a {
+    color: #000;
+}
+div#alphabet ul li a:hover {
+    background-color: #000;
+    color: #FFF;
+}
 
 /* Navigation
 ----------------------------------------------------- */
-#navigation, #subnavigation {
+div#navigation, div#subnavigation {
     width: 100%;
 }
-body#NarrativeWeb #navigation {
-    position: fixed;
-    top: 104px;
-    left: 0px;
-}
-#navigation ul, #subnavigation ul {
+div#navigation ul, div#subnavigation ul {
     list-style:none;
     min-width:770px;
     height:32px;
@@ -286,14 +299,14 @@ body#NarrativeWeb #navigation {
     padding: 0px 0px 0px 20px;
     border-bottom: solid 2px #5D835F;
 }
-#navigation ul li, #subnavigation ul li {
+div#navigation ul li, div#subnavigation ul li {
     margin:0;
     float:left;
 }
-body#WebCal div#navigation ul li a {
+body#WebCal divdiv#navigation ul li a {
     color: #FFF;
 }
-#navigation ul li a, #subnavigation ul li a {
+div#navigation ul li a, div#subnavigation ul li a {
     padding: 6px 10px 8px 1px;
     display:block;
     float:left;
@@ -302,13 +315,13 @@ body#WebCal div#navigation ul li a {
     text-decoration:none;
     margin:0;
 }
-#navigation ul li a:hover, #subnavigation ul li a:hover {
+div#navigation ul li a:hover, div#subnavigation ul li a:hover {
     margin-top: -6px;
     padding: 11px 11px 12px 1px;
     background-color: #C1B398;
     color: #000;
 }
-#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
+div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a {
     font-weight:bold;
     font-style: italic;
     margin-top:-6px;
@@ -316,11 +329,11 @@ body#WebCal div#navigation ul li a {
     background-color: #CCC;
     color: #000;
 }
-#navigation ul li.CurrentSection a:hover {
+div#navigation ul li.CurrentSection a:hover {
     background-color: #000;
     color: #FFF;
 }
-#subnavigation ul li.CurrentSection a {
+div#subnavigation ul li.CurrentSection a {
     border-width: 0px 0px 2px 0px;
     border-color: #FFF;
 }