html, body { 
   margin: 0; 
   padding: 0; 
   text-align: center; 
} 
 
#pagewidth {  
   width: 750px; 
   text-align: left;  
   margin-left: auto; 
   margin-right: auto;  
} 
 
#header {
   position: relative; 
   height: 100px; 
   background-color: #FFFFFF; 
   width: 100%;
   margin-top: 20px; 
} 
 
#twocols {
   width: 750px; 
   float: left; 
   position: relative; 
   padding-top: 25px;
   padding-bottom: 20px;
   border-top: 2px solid #9CCE31; 
   border-bottom: 2px solid #9CCE31; 
}
 
#right {
   width: 200px; 
   float: right;
   position: relative;
   background-color: #FFFFFF; 
   /* border: 1px solid #9CCE31;  */
}

#content {
   background-color: #FFFFFF;  
   float: left; 
   display: inline; 
   position: relative; 
   width: 500px;
   /* border: 1px solid #9CCE31;  */

}
 
#footer {
   height: 100px; 
   background-color: #FFFFFF; 
   clear: both;
} 
 
 
/* Float containers fix: http://www.csscreator.com/attributes/containedfloat.php */ 
.clearfix: after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
 
.clearfix {
   display: inline-table;
}

/* Hides from IE-mac */
* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */  

 
/* Printer styles */ 
@media print { 

   /* Hide the right column when printing */ 
   #rightcol { 
   display:  none;
   } 
   #twocols, #maincol {
      width: 100%; 
      float: none;
   }

}