--- a/gnv/src/main/webapp/styles/default.css	Tue Apr 13 12:10:15 2010 +0000
+++ b/gnv/src/main/webapp/styles/default.css	Tue Apr 13 16:44:30 2010 +0000
@@ -41,12 +41,12 @@
 }
 
 legend {
-    border: 1px solid #CCD5DE;
+    border: 1px solid #003A66;
     padding: 4px 5px;
     margin: 0 0 0 0;
     background-color: white;
     font-weight: bolder;
-    color: #00416B;
+    color: #003A66;
     clear: both;
 }
 
@@ -54,7 +54,8 @@
     margin: 5px 0 0 10px;
     padding-left: 10px;
     padding-right: 10px;
-    border: 1px solid #CCD5DE;
+    border: 1px solid #003A66;
+    background-color: #F2F1F5;
     background-repeat: repeat-x;
     background-position: top left;
     display: block;
@@ -115,6 +116,57 @@
     border: 0px;
 }
 
+/* styles used in footer.jsp */
+.footerTable {
+    width:            100%; 
+    background-color: white;
+}
+
+.footerLine {
+    color:          #003A66;
+    font-family:    Arial,Helvetica,sans-serif;
+    font-size:      0.95em;
+    line-height:    1.1em;
+    padding-left:   1px;
+}
+
+.footerTableLinks {
+    width: 100%;
+    background-color: #003a66;
+}
+
+.footerLineLinks {
+    color:          #FFFFFF;
+    font-family:    Arial,Helvetica,sans-serif;
+    font-size:      1.5em;
+    text-decoration:none;
+}
+
+.headerTableLinks {
+    width: 100%;
+    background-color: #003a66;
+}
+
+.headerLineLinks {
+    color:          #FFFFFF;
+    font-family:    Arial,Helvetica,sans-serif;
+    font-size:      1em;
+    text-decoration:none;
+}
+
+/* styles used content */
+#contentElement {
+    margin: 0px 0px 10px 0px;
+}
+
+.bgblue2 {
+    background-color: #F7F7F9;
+}
+
+#footerElement {
+    margin-top: 10px;
+}
+
 .down {
     padding-top: 20px;
     width: 315px;
@@ -126,8 +178,13 @@
     text-align: right;
 }
 
+#parameterPanel {
+    float: left;
+    width: 400px;
+}
+
 .parameter {
-    color:          #00416B;
+    color:          #003A66;
     font-size:      0.8em;
     font-weight:    bold;
     padding-left:   5px;
@@ -171,11 +228,12 @@
     color: #CD3426;
     font-size: 10px;
     font-weight: bold;
-    margin: 2px 2px;
+    margin-bottom:  2px;
+    border:         2px solid red;
+    padding:        2px;
 }
 
 .errormsg {
-
 	color: red;
 	font-weight: bold;
 }
@@ -184,25 +242,46 @@
     color:       red;
     font-size:   10px;
     font-weight: bold;
-    margin:      2px 2px;
+    margin-bottom:  2px;
+    border:         2px solid red;
+    padding:        2px;
 }
 
 .inputException {
-    color:       red;
-    font-size:   10px;
-    font-weight: bold;
-    margin:      2px 2px;
+    color:          red;
+    font-size:      10px;
+    font-weight:    bold;
+    margin-bottom:  2px;
+    border:         2px solid red;
+    padding:        2px;
 }
 
 /*  ====================== Header ============================= */
-#head {
-	
+#head {	
     height: 25px;
     margin: 0;
     padding: 0;
     background-color: #103D64;
 }
 
+#headline {
+    color: #4C7594;
+    font-family: "Arial Black",Arial,Helvetica,sans-serif;
+    font-weight: bold;
+    line-height: 1.1em;
+    padding-left: 5px;
+    width: 533px;
+}
+
+.headline {
+    border-top: 2px solid #CCe0f4;
+    border-bottom: 2px solid #CCe0f4;
+    color: #4C7594;
+    /*font-weight: bold;*/
+    font-size: 1.2em;
+    padding: 10px;
+}
+
 #logo {	
 	float:right;
     background-image: url( ../images/bsh_logo.gif );
@@ -222,25 +301,31 @@
 }
 
 #project {
-	position:absolute;
-	top:27px;	
-	left:10px;
-	width: 500px;
+    padding-left: 5px;
+    padding-top: 5px;
+    padding-bottom: 5px;
 	text-align: left;
     font-size: 1.2em;
-	
+    background-color: #e9e8f0;
+}
+
+.devide {
+    width: 100%;
+    height: 2px;
 }
 
 .projectException {
     color:       red;
     font-size:   10px;
     font-weight: bold;
-    margin:      2px 2px;
+    margin-bottom:  2px;
+    border:         2px solid red;
+    padding:        2px;
 }
 
 #load_error {
     position:absolute;
-    top:75px;   
+    top:175px;   
     left:375px;
     width: 400px;
     text-align: left;
@@ -304,14 +389,15 @@
 }
 
 div#diagram {
+    float: left;
     position: absolute;
-    top: 33px;
-    left: 350px;
+    top: 165px;
+    left: 330px;
 }
 
 div.outerMap {
     position: absolute;
-    top: 62px;
+    top: 175px;
     left: 350px;
     width: 555px;
     height: 436px;
@@ -337,9 +423,10 @@
 }
 
 div.histogram {
+    float: left;
     position: absolute;
-    top: 33px;
-    left: 350px;
+    top: 165px;
+    left: 330px;
 }
 
 div#export {