* { margin:0; padding:0; } */ css 3 column layout from http://matthewjamestaylor.com/blog/perfect-3-column.htm */ body { margin:0; padding:0; border:0; /* removes the border around the viewport in old versions of IE */ width:100%; background-color:#ffffff; font-size:11px; } a { color:#000000; } a.hover { font-variant: bold; } #header { clear:both; float:left; width:100%; background-color: #ffffff; padding:7px; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; background:#cc3300; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; background-color:#cc3300; } .col1, .col2, .col3 { float:left; position:relative; padding:5px 0 5px 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 { background-color:#cc3300; /* right column background colour */ } .threecol .colmid { right:20%; /* width of the right column */ background-color:#ffffff; /* center column background colour */ } .threecol .colleft { right:60%; /* width of the middle column */ background-color:#cc3300; /* left column background colour */ } .threecol .col1 { width:54%; /* width of center column content (column width minus padding on either side) */ left:103%; /* 100% plus left padding of center column */ } .threecol .col2 { width:18%; /* Width of left column content (column width minus padding on either side) */ left:27%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ background-color:#cc3300; } .threecol .col3 { width:18%; /* Width of right column content (column width minus padding on either side) */ left:89%; /* 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) */ background-color:#cc3300; } /* Footer styles */ #footer { clear:both; float:left; width:100%; */ border-top:1px solid #000; */ background-color:#cc3300;; } #content { font-size: 11px; color: #000000; background-color: #c0c0c0; padding: 10px; } #small {font-size: 10px; font-variant: italics;} #right {float:right;} #left {float:left;} p.hide { display: none; } h1 { font-family: arial, geneva, Verdana, Helvetica, Sans-Serif; font-face: sans serif; font-variant: small-caps; font-size: 18px; color: #000000; font-weight: bold;} h2 { font-family: arial, geneva, Verdana, Helvetica, Sans-Serif;font-face: sans serif; font-variant: small-caps; font-size: 16px; color: #000000; } .alignleft {float:left;} .image{ padding:5px; } blockquote { width: 80%; padding: 10px; font-size:11px;} p { font-family: arial, geneva, Verdana, Helvetica, Sans-Serif; font-face: sans serif; } div { font-family: arial, geneva, Verdana, Helvetica, Sans-Serif; font-face: sans serif; }