Index: trunk/web-app/css/main.css
===================================================================
--- trunk/web-app/css/main.css	(revision 134)
+++ trunk/web-app/css/main.css	(revision 139)
@@ -44,4 +44,5 @@
   width: 980px;
   height: 160px;
+  /*border: 1px solid;*/
 }
 #HeaderLink{
@@ -49,4 +50,9 @@
   width: 650px;
   height: 160px;
+}
+
+/* Navigation plugin, top level. */
+#menu {
+    float: left;
 }
 
@@ -83,7 +89,7 @@
 }
 textarea {
-	width: 450px;
-	height: 150px;
-	vertical-align: top;
+    width: 450px;
+    height: 150px;
+    vertical-align: top;
 }
 
@@ -97,17 +103,35 @@
 }
 
-/* Login/out and Admin*/
+/* Login/out and Admin */
 
 .appcontrol {
-    text-align: right;
-    padding: 5px 160px 5px 5px
-}
-
-.appcontrolButton {
-    font-size: 14px;
-    padding: 5px 5px;
-}
-
-/* NAVIGATION MENU */
+    width: 980px;
+    height: 2em;
+/*     text-align: right; */
+/*     padding: 0px 160px 70px 5px; */
+/*     padding: 0.5em 0px 0.5em 0px; */
+    /*border: 1px solid blue;*/
+    /*border-style: solid solid solid solid;*/
+    /*overflow: hidden;*/ /* Clearing floats */
+}
+
+.appcontrolButton a {
+    padding: 0.3em 165px 0em 5px;
+/*   width: 980px; */
+    float: right;
+    font-size: 14px;
+/*     padding: 0.5em 5px ; */
+    text-decoration: none;
+    display: block;
+    /*overflow: hidden;*/ /* Clearing floats */
+}
+
+.appcontrolButton a:hover {
+    color: red;
+    margin: 0.2em 0 0 0;
+    /*padding: 0.8em 5px;*/
+}
+
+/* ORIGINAL NAVIGATION MENU */
 
 .nav {
@@ -116,16 +140,9 @@
     /*border: 1px solid #ccc;
     border-style: solid none solid none;*/
-    padding: 15px 0px 0px 0px;
+    padding: 10px 0px 0px 0px;
     width: 980px;
     height: 40px;
-}
-
-/*.nav a{
-    background: url("../images/linkPanel.png") no-repeat top;
-    display: inline-block;
-    width: 140px;
-    height: 40px;
-    text-decoration: none;
-}*/
+    /*border: 1px solid;*/
+}
 
 .menuButton {
@@ -375,2 +392,106 @@
   height: 100px;
 }
+
+ /* Navigation Plugin Override */
+.navigation {
+    padding: 0px 0px 0px 165px;
+    list-style-type: none;
+    clear: both;
+    font-size: 14px;
+    overflow: hidden; /* Clearing floats */
+}
+
+.navigation li {
+    float: left;
+    /*border: 0px*/
+    /* border: 1px solid #888; */
+     /*border-left-color: #bbb;*/  /* Highlight border-color */
+}
+
+.navigation li.navigation_first {
+     /*border-left-color: #888; */
+}
+
+.navigation li.navigation_active {
+     /*border-left-color: #555;*/  /* Highlight border-color of active item */
+}
+
+.navigation li a {
+    /* color: #fff; */
+    /* background-color: #aaa; */
+    padding: 0.3em 0.75em;
+    display: block;
+    text-decoration: none;
+}
+
+.navigation li a:hover {
+    color: red;
+    /* background-color: #999; */
+/*     font-weight: normal; */
+/*     font-size: 14px; */
+    margin: 0.2em 0 0 0;
+    /*cursor: default;*/
+}
+
+.navigation li.navigation_active a {
+    /* background-color: #555; */
+/*    color: #fff;*/
+    color: #006dba;
+    /*color: black;*/
+    font-weight: bold;
+    font-size: 17px;
+    margin: 0 0 0 0;
+    /*cursor: default;*/
+}
+
+.navigation li.navigation_active a:hover {
+    color: #006dba;
+    font-weight: bold;
+    font-size: 17px;
+    margin: 0 0 0 0;
+    /*background-color: #555;*/
+}
+
+/* Sub navigation */
+.subnavigation {
+    /*padding: 0px 0px 0px 165px;*/
+    padding: 0px 0px 0px 220px;
+    list-style-type: none;
+    clear: both;
+    overflow: hidden; /* Clearing floats */
+}
+.subnavigation li {
+    float: left;
+    /* background-color: #555; */
+    padding: 0em 0.75em;
+    border-width: 0px 0;
+}
+.subnavigation li a {
+    color: #006dba;
+    font-weight: bold;
+    font-size: 17px;
+    display: block;
+    /*padding: 0px 0;*/
+    /* border-color: #555; */
+    border-style: solid;
+    border-width: 0px 0;
+    text-decoration: none;
+    /*margin: 0 0 0 0;*/
+    /*cursor: default;*/
+}
+
+.subnavigation li a:visited {
+    color: #006dba;
+}
+
+.subnavigation li a:hover {
+    /*color: red;*/
+    /*border-color: black;*/ 
+    border-width: 1px 0;
+}
+.subnavigation li.subnavigation_active a {
+    /*color: #e0e0e0; */
+    /*cursor: default;*/
+    /*border-color: #e0e0e0;*/
+    border-width: 1px 0;
+}
Index: trunk/web-app/css/tabviewCustom.css
===================================================================
--- trunk/web-app/css/tabviewCustom.css	(revision 134)
+++ trunk/web-app/css/tabviewCustom.css	(revision 139)
@@ -187,5 +187,5 @@
 .yui-skin-sam .yui-navset .yui-nav a:focus{/*hover background*/
 /*     background:#bfdaff url("../images/skin/sprite.png") repeat-x left -1300px;  */
-    background:#bfdaff
+    background:#bfdaff;
     outline:0;
 }