supplemental-web: more tweaks to the menu and home pages

1 files changed, 33 insertions, 24 deletions

diff --git a/abs/core/supplemental-web/contents/frame.css b/abs/core/supplemental-web/contents/frame.css
index 94e1747..df3c69c 100644
--- a/abs/core/supplemental-web/contents/frame.css
+++ b/abs/core/supplemental-web/contents/frame.css
@@ -1,8 +1,8 @@
 * /* Our "universal rule" */
 {
-	padding: 0;
-	margin: 0;
-	border: 0;
+	padding: 0px;
+	margin: 0px;
+	border: 0px;
 }
 body {
 /*    background: url("page_background.jpg") repeat-y #9FA9B3; */
@@ -24,10 +24,9 @@ body {
 //-moz-background-size: 1000px 10000px, 500px, 500px;
 //-webkit-background-size: 1000px 10000px, 500px 500px;
 
-    margin: 10;
-    margin-left:40px;
-    padding: 10;
-    border: 10;
+    margin: 10px;
+    padding: 10px;
+    border: 10px;
     min-width: 770px;
     font-family: Arial, Tahoma, Helvetica, sans-serif;
     font-size: 11px;
@@ -35,17 +34,13 @@ body {
     text-align: center;
     font-size: 18px;
     font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
-
-
 }
 
-
-
 #mainContainer {
 	width: 770px;
-	margin: 0 auto; /* We are going to center this design */
+	margin: 0px auto 20px auto;
 	text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
-	display: inline-block;
+	display: block;
 }
 #header {
 	color: #fff;
@@ -53,15 +48,16 @@ body {
 }
 #content {
 	float: left; /* Our content is going to be left aligned */
-	width: 320px; /* And it's going to have a 500px width */
+	width: 320px; /* And it's going to have a 320px width */
 	/*background: #D9D9D9;*/
 	margin-left:60px;
 }
 
 #column {
 	float: right; /* Our column is going to be right aligned */
-	width: 320px; /* Our total width - content width is 260px */
+	width: 320px; /* And it's going to have a 320px width */
 	/*background: #8A8AE6;*/
+	margin-right:60px;
 }
 
 #resultbox {
@@ -79,20 +75,33 @@ body {
 
 }
 
+#netContainer {
+    width: 770px;
+	margin: 0px auto 0px auto;
+	display: block;
+}
+
+img.center {
+    display: block;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 100%;
+}
 
 #footer {
 	clear: both; /* We have to clear our floats */
-	width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
-	margin: 0 auto; /* We need to center the footer also */
-/*	background: black; */
+	width: 770px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
+	margin: 0px auto; /* We need to center the footer also */
 	color: gold;
-    	text-align: center;
-    	font-size: 10px;
+    text-align: center;
+    font-size: 10px;
 }
 
 #navlist {
-    margin-left: 50;
-    padding-left: 0;
+    margin-left: 50px;
+    padding-left: 0px;
     list-style-type: square;
     text-align: left;
 }
@@ -104,7 +113,7 @@ body {
 {
 	color: #fff;
 #	background-color: #FDB14F;
-	text-decoration: underline ;
+	text-decoration: underline;
 
 
 }
@@ -191,7 +200,7 @@ a:link
 {
 	color: #fff;
 #	background-color: #FDB14F;
-	text-decoration: underline ;
+	text-decoration: underline;
 
 #    	 margin-left:10px;