BODY { 
	height:100%; 
}
/* Required for percentage heights below */
     #main {
               margin-left:10.2em;
               margin-right:10.2em;
               margin-top:10.2em;
               padding-left:1em;
               padding-right:1em;
   }
    #header {
        position: absolute;
        width: 100%;
        height: 15%;
        top: 0;
        right: 0;
        bottom: 10px;
        left: 0;
      }
      #sub_header {
              position: absolute;
              background-color: #111111;
              width: 100%;
              height: 5%;
              top: 9px;
              right: 0;
              bottom: 25px;
              left: 0;  
      }
   div.link-list {
           width:12.2em;
           position:absolute;
           top:10px;
           font-size:80%;
           padding-left:1%;
           padding-right:1%;
           margin-left:0;
           margin-right:0;
   }
   /* we leave some place on the side using the margin-* properties */
  
   /* and then we put each list on its place */
   #list1 {
           left:0;
   }
   #list2 {
           right:0;
	}
      #footer {
        position: fixed;
        width: 100%;
        height: 100px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
      }
      div.row {
	    clear: both;
	    padding-top: 10px;
	    }

	  div.row span.label {
	    float: left;
	    width: 100px;
	    text-align: right;
	    }

	  div.row span.formw {
	    float: right;
	    width: 335px;
	    text-align: left;
  }
  p.subheader {
  background-color: #990000;
  font-size: 10px;
  font-family: Verdana;
  color: white;
  }