Index: branches/TaskRewrite/src/web-app/css/main.css
===================================================================
--- branches/TaskRewrite/src/web-app/css/main.css	(revision 57)
+++ branches/TaskRewrite/src/web-app/css/main.css	(revision 59)
@@ -2,4 +2,5 @@
     margin: 0;
     /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
+
 }
 
@@ -13,7 +14,34 @@
 
 body {
+    text-align: center; 
+    width: 980px
     background: #fff;
     color: #333;
     font: 11px verdana, arial, helvetica, sans-serif;
+    background: transparent url("../images/brushed_metal.png") repeat fixed center;
+}
+
+#wrapper {
+  margin: 0 auto;
+  padding: 0;
+  width: 1024px;
+}
+
+#top {
+  background: url("../images/topBg.png") no-repeat scroll center;
+  width: 1020px;
+  height: 44px;
+}
+
+#content {
+  padding: 0px 20px 20px;
+  background: url("../images/Contentbg.png") repeat-y scroll center;
+  width: 980px;
+}
+
+#Header {
+  background: transparent url("../images/logo.png") no-repeat scroll center;
+  width: 980px;
+  height: 160px;
 }
 
@@ -22,5 +50,5 @@
     font-weight: bold;
     text-decoration: none;
-} 
+}
 
 h1 {
@@ -28,9 +56,9 @@
     font-weight: normal;
     font-size: 16px;
-    margin: .8em 0 .3em 0;
+    margin: 0 0 .3em 0;
 }
 
 ul {
-    padding-left: 15px;	
+    padding-left: 15px;
 }
 
@@ -56,6 +84,19 @@
 
 .body {
-    float: left;
-    margin: 0 15px 10px 15px;
+    padding: 0px 20px 20px;
+    background: url("../images/Contentbg.png") repeat-y scroll center;
+    height: 100%;
+}
+
+/* Login/out and Admin*/
+
+.appcontrol {
+    text-align: right;
+    padding: 5px 160px 5px 5px
+}
+
+.appcontrolButton {
+    font-size: 10px;
+    padding: 5px 5px;
 }
 
@@ -63,10 +104,20 @@
 
 .nav {
-    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
-    border: 1px solid #ccc;
-    border-style: solid none solid none;	
-    margin-top: 5px;
-    padding: 7px 12px;
-}
+    text-align: centre;
+    background: url("../images/linkPanel_long.png") top no-repeat;
+    /*border: 1px solid #ccc;
+    border-style: solid none solid none;*/
+    padding: 15px 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;
+}*/
 
 .menuButton {
@@ -76,20 +127,20 @@
 .menuButton a {
     color: #333;
-    padding: 4px 6px;
+    padding: 14px 25px;
 }
 .menuButton a.home {
-    background: url(../images/skin/house.png) center left no-repeat;
-    color: #333;
-    padding-left: 25px;
+    /*background: url(../images/skin/house.png) center left no-repeat;*/
+    color: #333;
+    /*padding: 25px;*/
 }
 .menuButton a.list {
-    background: url(../images/skin/database_table.png) center left no-repeat;
-    color: #333;
-    padding-left: 25px;
+    /*background: url(../images/skin/database_table.png) center left no-repeat;*/
+    color: #333;
+    /*padding-left: 25px;*/
 }
 .menuButton a.create {
-    background: url(../images/skin/database_add.png) center left no-repeat;
-    color: #333;
-    padding-left: 25px;
+    /*background: url(../images/skin/database_add.png) center left no-repeat;*/
+    color: #333;
+    /*padding-left: 25px;*/
 }
 
@@ -101,5 +152,5 @@
     color: #006dba;
     margin: 10px 0 5px 0;
-    padding: 5px 5px 5px 30px
+    padding: 5px 5px 5px 0px
 }
 
@@ -113,5 +164,5 @@
 div.errors ul {
     list-style: none;
-    padding: 0;	
+    padding: 0;
 }
 div.errors li {
@@ -137,5 +188,5 @@
     border: 0;
 }
-td, th { 
+td, th {
     font: 11px verdana, arial, helvetica, sans-serif;
     line-height: 12px;
@@ -266,2 +317,8 @@
     padding-left: 28px;
 }
+
+#bottom {
+  background: url("../images/bottomBg.png") no-repeat scroll center;
+  width: 1020px;
+  height: 100px;
+}