body { font: 100% Tahoma, Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #000000; background-color: #A5B101; } div { margin: 0; padding: 0; } #container { width: 46em; background-color: #FFFFF4; margin: 0 auto; border: 1px solid #000000; } #masthead { padding: 0 10px; background-color: #DAEB01; border-bottom-: #A5B101 double medium; } #masthead h1 { margin: 0; padding: 10px 0; } #sidecol1 { float: left; width: 11em; background-color: #ECFE12; padding: 15px 0; } #sidecol2 { float: right; width: 11em; background-color: #ECFE12; padding: 15px 0; } #sidecol2 p{ margin-left: 10px; margin-right: 10px; } #sidecol2 h3{ margin-left: 10px; margin-right: 10px; } #sidecol1 p { margin-left: 10px; margin-right: 10px; } #sidecol1 h3 { margin-left: 10px; margin-right: 10px; } #mainContent { margin: 0 12em 0 12em; } #footer { padding: 0 10px; background-color: #DAEB01; clear: both; } #footer p { margin: 0; padding: 10px 0; font-size: .9em; } /* Miscellaneous classes for reuse */ .fltright { /* this class can be used to float an element right in your page. Remember that whatever you apply this class to must have a width. */ float: right; margin-left: 8px; } .fltleft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearall { /* this class should be placed on a div or other block level element if you want a container to contain a floated element. */ clear:both; height:0; font-size: 1px; line-height: 0px; }