Modified header images and main menu styles.

webapp/src/main/webapp/themes/iph/css/iph.css

@@ -591,38 +591,48 @@ input.search-vivo {
 }
 /* MAIN NAVIGATION------>  */
 ul#main-nav {
-    display: block;
+    display: flex;
+    flex-direction:row;
+    flex-wrap:nowrap;
+    justify-content: center;
+    align-content: center;
     width: 80%;
     padding: 0px 0px 0px 0px;
     height: 46px;
     /* border: 1px solid #dce4e3;*/
     background-color: #000000;
     opacity: 0.8;
-    margin: 0 auto;
+    margin-left: auto;
+    margin-right: auto;
     margin-top: -46px;
     list-style: none;
     font-size: 1em;
     color: #ffffff;
 }
+
+#main-nav li:last-child {
+	background: none;
+}
+
 #main-nav li {
     float: left; 
     line-height: 46px;
-    background: url(../images/separator-main-nav.jpg) right -2px no-repeat;
+    background: url(../images/separator-main-nav.jpg) right no-repeat;
 }
 #main-nav li a {
-    padding-left: 16px;
-    padding-right: 16px;
+    padding-left: 20px;
+    padding-right: 20px;
     display: block;
-    color: #706a66;
+    color: #ffffff;
     text-decoration: none;
 }
 #main-nav li a:hover {
-    color: #002b44;
+    color: #EECFA1;
 }
 #main-nav li a.selected {
-    color: #002b44;
-    background: url(../images/selected-main-nav.jpg) left -1px no-repeat;
-    margin-left: 18px;
+    color: #DD9F00;
+   /* background: url(../images/selected-main-nav.jpg) left -1px no-repeat; */
+   /* margin-left: 18px; */
 }
 /* WRAPPER CONTENT------>  */
 #wrapper-content {