/* General styles */ form {margin: 0; padding: 0;} body {padding:0; margin-left:auto; margin-right:auto; margin-top: 5; text-align: center; background-color: #ffffff; font-family: verdana, sans-serif; font-size: 100%;} #container {position: relative; top: 0; text-align: left; font-size: 1em; font-family: verdana, sans-serif; margin:auto; border:none; width: 960px; background-color: #ffffff; } /* Header styles */ #header { clear:both; float:left; width:100%; margin: 0 0 10 0; /* space betwen header and main content are */ padding: 0; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* fixed 3 column settings */ .threecol { background:#cbe698; /* Right column background colour */ } .threecol .colmid { float:left; width:200%; margin-left:-180px; /* Width of right column */ position:relative; right:100%; background:#fff; /* Centre column background colour */ } .threecol .colleft { float:left; width:100%; margin-left:-50%; position:relative; left:400px; /* Left column width + right column width */ background:#466ba3; /* Left column background colour */ } .threecol .col1wrap { float:left; width:50%; position:relative; right:220px; /* Width of left column */ padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */ } .threecol .col1 { margin:0 180 0 230; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ position:relative; left:200%; overflow:hidden; } .threecol .col2 { float:left; float:right; /* This overrides the float:left above */ width:220px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:0px; /* Width of the left-had side padding on the left column */ } .threecol .col3 { float:left; float:right; /* This overrides the float:left above */ width:180px; /* Width of right column content (right column width minus left and right padding) */ margin-right:0px; /* Width of right column right-hand padding + left column left and right padding */ position:relative; left:50%; } /* Footer styles */ #footer {position: relative; font-size: .7em; background: #343434 url(pritchitts-footer.gif) repeat-x; clear: both; padding: 5 0 0 5; border-top: solid 1px white; min-height:40px; height:auto !important; height:40px;}