diff --git a/src/data/Web_Alphabet-Vertical.css b/src/data/Web_Alphabet-Vertical.css
index db62d863f..535ae1c25 100755
--- a/src/data/Web_Alphabet-Vertical.css
+++ b/src/data/Web_Alphabet-Vertical.css
@@ -40,24 +40,33 @@ see <http://www.gnu.org/licenses/>.
     width: 100%;
 }
 
-/* Alphabet Navigation
+/* Body Element
+------------------------------------------------------ */
+body {
+    font-family: Arial, Helvetica,  Lucina, sans, serif;
+    color: #000;
+    background-color: #FFF;
+    padding: 60px 0px 0px 118px;
+}
+
+/* Navigation
 ----------------------------------------------------- */
-div#alphabet {
+div#navigation {
     position: fixed;
-    left: 4px;
-    width: 40px;
-    height: 326px;
+    left: 0px;
+    width: 118px;
+    height: 500px;
     overflow-x: auto;
     border-width: 2px 4px 2px 4px;
     border-style: solid;
 }
-div#alphabet ul {
+div#navigation ul {
     display: inline;
     list-style: none;
     padding: 0px 9px 0px 9px;
     margin: 0;
 }
-div#alphabet ul li {
+div#navigation ul li {
     font: bold 14px/100% sans;
     padding: 10px 10px 10px 0px;
     margin:0;
@@ -65,17 +74,103 @@ div#alphabet ul li {
     border-width: 0px 0px 2px 0px;
     border-style: solid;
 }
-div#alphabet ul li:first-child {
+div#navigation ul li:first-child {
     border-top: 0;
 }
-div#alphabet ul li:last-child {
+div#navigation ul li:last-child {
     border-bottom: 0;
 }
-div#alphabet ul li a {
+div#navigation ul li a {
     text-decoration: none;
     display: block;
     padding: 10px 0px 6px 10px;
 }
-div#alphabet ul li a:hover {
+div#navigation ul li a:hover {
     background-color: #C1B398;
 }
+div#navigation ul li.CurrentSection a {
+    font-weight:bold;
+    font-style: italic;
+    background-color: #453619;
+    color: #FFF;
+}
+div#navigation ul li.CurrentSection a:hover {
+    background-color: #000;
+    color: #FFF;
+}
+
+/* SubNavigation
+----------------------------------------------------- */
+div#subnavigation {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+div#subnavigation ul {
+    list-style:none;
+    min-width: 900px;
+    height: 40px;
+    margin:0;
+    padding: 0px 0px 0px 16px;
+    border-bottom: solid 2px #5D835F;
+}
+div#subnavigation ul li {
+    float:left;
+}
+div#subnavigation ul li a {
+    display: block;
+    padding: 12px 16px 14px 1px;
+    float:left;
+    font: .8em bold italic small-caps verdana, serif;
+    color: #000;
+    text-decoration:none;
+    margin:0;
+}
+div#subnavigation ul li a:hover {
+    background-color: #C1B398;
+}
+div#subnavigation ul li.CurrentSection a {
+    font-weight:bold;
+    font-style: italic;
+    background-color: #453619;
+    color: #FFF;
+}
+div#navigation ul li.CurrentSection a:hover {
+    background-color: #000;
+    color: #FFF;
+}
+div#subnavigation ul li.CurrentSection a {
+    border-width: 0px 0px 2px 0px;
+    border-color: #5D835F;
+}
+
+/* Alphabet Navigation
+----------------------------------------------------- */
+div#alphabet {
+    width: 100%;
+    margin: 0;
+}
+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-style: solid;
+}
+div#alphabet ul li:after {
+    content:"  |";
+}
+div#alphabet ul li {
+    margin:0;
+    float:left;
+}
+div#alphabet ul li a {
+    display:block;
+    padding: 4px 8px 4px 8px;
+    float:left;
+    font:bold 16px/100% sans;
+    margin:0;
+    text-decoration:none;
+}