body { margin:0; color:#783000; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:#FFFF80; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; } a { color:#783000; } a:hover { } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; } p { margin:.4em 0 .8em 0; padding:0; } img { margin:10px 5px; } /* Header styles */ #header { clear:both; float:left; width:100%; } #header { border-bottom:4px solid #783000; } #header h1 { font-size:3.2em; text-align:center; } #col2 ul { padding:0px; list-style:none; } #col2 ul li { padding:1em 0em; } #col2 ul li a { font-weight:bold; font-size:1.5em; } #col1 p { font-size:1.2em; } /* 'widths' sub menu */ #layoutdims { clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } #col1, #col2, #col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { } .threecol .colmid { right:25%; /* width of the right column */ } .threecol .colleft { right:50%; /* width of the middle column */ } .threecol #col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol #col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol #col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footer { clear:both; float:left; width:100%; border-top:4px solid #783000; } #footer p { text-align: right; font-size:0.7em; }