diff --git a/webapp/web/css/revision.css b/webapp/web/css/revision.css
new file mode 100644
index 000000000..aab2ddd36
--- /dev/null
+++ b/webapp/web/css/revision.css
@@ -0,0 +1,34 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* Styles for Freemarker template revisionInfo */
+
+#revision-build-date{
+    width:475px;
+    float:right;
+    border-left:1px solid #DFE6E6;
+    padding-left:35px;
+    height:200px;
+}
+#revision-levels{
+    width:375px;
+    float:left;
+
+   
+}
+#revision-levels caption{
+    padding: 10px 0 12px 0;
+    margin:0;
+    font-size: 18px;
+    color: #2485ae;
+    text-align: left;
+}
+#revision-levels th{
+    font-weight:bold;
+    padding:15px 20px 15px 20px;
+    border:1px solid #DFE6E6;
+}
+#revision-levels td{
+    padding:8px 20px 8px 20px;
+    border:1px solid #DFE6E6;
+    text-align:center;
+}
diff --git a/webapp/web/templates/freemarker/body/revisionInfo.ftl b/webapp/web/templates/freemarker/body/revisionInfo.ftl
index e0c9ccebe..4807a973b 100644
--- a/webapp/web/templates/freemarker/body/revisionInfo.ftl
+++ b/webapp/web/templates/freemarker/body/revisionInfo.ftl
@@ -2,27 +2,34 @@
 
 <#-- Template for the Revision Information page. -->
 
-<div>
-    <h1>Revision Information</h1>
+${stylesheets.add("/css/revision.css")} 
+
+<section  role="region">
+    <h2>Revision Information</h2>
     
-    <h2>Build date:</h2>
-    <div>
-    	${revisionInfoBean.buildDate?datetime?string.full}
-    </div>
+    <section id="revision-levels"  role="region">
+        
+        <table summary = "This table shows revision levels">
+            <caption>Levels:</caption>
+            
+            <tr>
+                <th>name</th>
+                <th>release</th>
+                <th>revision</th>
+            </tr>
+            <#list revisionInfoBean.levelInfos as level>
+                <tr>
+                    <td>${level.name}</td>
+                    <td>${level.release}</td>
+                    <td>${level.revision}</td>
+                </tr>
+            </#list>
+        </table>
+    </section>
     
-    <h2>Levels:</h2>
-    <table>
-    	<tr>
-    		<th>name</th>
-    		<th>release</th>
-    		<th>revision</th>
-    	</tr>
-	    <#list revisionInfoBean.levelInfos as level>
-	    	<tr>
-	    		<td>${level.name}</td>
-	    		<td>${level.release}</td>
-	    		<td>${level.revision}</td>
-	    	</tr>
-		</#list>
-	</table>
-</div>
+    <section id="revision-build-date" role="region">
+        <h3>Build date:</h3>
+    
+        <p>${revisionInfoBean.buildDate?datetime?string.full}</p>
+    </section>
+</section>