body {
   font-family: arial, times, helvetica, sans-serif;
   min-width: 500px; /* 2x (LC fullwidth + CC padding) + RC fullwidth */
   background-color: #000000;
   margin: 0px;
   padding: 0px;
   width: 100%; /* FF doesn't always fill the screen without this */
}

#header {
   z-index:99; position: absolute; left: 10%; top: 0px; width: 80%;
   background-color: #000000; background-image:   url(http://www.supremacymartialarts.com/smabanner.gif); background-repeat: no-repeat;
   text-align: center;
}

#headerprop {
   height:160px; /* add height of header */
   float: right;
   width: 1px;
}


#container {
   position: relative; /* fix to 'IE7 10000px padding-bottom spill over footer' problem */
   overflow: hidden;
   padding-left: 170px; /* LC fullwidth */
   padding-right: 170px; /* RC fullwidth + CC padding */
}

#container .column {
   position: relative;
   float: left;
   padding-bottom: 20010px; /* random enormous value + a bit extra for padding (this is how we get the equal height left and right columns) */
   margin-bottom: -20000px; /* random enormous value */
}

#centercolumn {
   min-height: 900px; /* make it the same as the IE min-height hack below */
   padding: 10px 10px; /* CC padding */
   width: 100%;
   z-index: 4;
   margin-top: 160px; /* header graphic height, or height you want the header to be */
   background-color: #ffffff;
   border-top: 3px solid #FF0000;
   /*background-image: url('images/center-column-repeat.jpg'); background-repeat: repeat-x; background-position: ???px ???px;*/
   overflow: hidden; /* stops the left column from jumping about upon resizing of window */
}

/* IE min-height hack */
.prop {
   height: 900px; /* 900 pixels or so, if optimally desiging for high resolution screen setting. Adjust to suit needs. */
   float: right;
   width: 1px;
}

/* IE min-height hack continued */
.clear {
   clear: both;
   height: 1px;
   overflow: hidden;
}


#leftcolumn {
   width: 170px; /* LC width (ie fullwidth minus padding) */
   padding: 0px 0px 0px 0px; /* LC padding (top, right, bottom, left) */
   left: 150px; /* RC fullwidth */
   margin-left: -100%;
   margin-top: 0px;
   z-index: 5;
   top: 160px; /* header graphic height */
   background-color: #000000; border-right: 3px solid #FF0000;
   /*background-image: url('images/left-column-right-edge-repeat.jpg'); background-repeat: repeat-y; background-position: ???px ???px;*/
}

/* Original Holy Grail IE6 hack to stop the negative margin pulling the left column too far to the left, incorporating the 'left column disappearing hack' + the IE7 javascript fix */

#container > #leftcolumn { /* careful that your text editor doesn't convert the ">" automatically into ">" - if it does, the left column will not appear in ff */

   left: -180px; /* Negative of (LC fullwidth + CC padding) = width for all browers other than IE7 */
   margin-left: expression(
   document.all.centercolumn.offsetWidth * -1 +
   parseFloat(document.all.centercolumn.currentStyle.paddingLeft) +
   parseFloat(document.all.leftcolumn.currentStyle.paddingLeft) +
   parseFloat(document.all.leftcolumn.currentStyle.paddingRight)
   ); /* Fix for IE7 */
}

/* Note that both 'centercolumn' AND 'leftcolumn' are written twice each in the javascript above. If the names you've given to your column div id's are different, then adjust the javascript to match your given id names. */


#rightcolumn {
   width: 150px; /* RC width (ie fullwidth minus padding) */
   padding: 0px 0px 0px 0px; /* RC padding (top, right, bottom, left) */
   margin-right: -200px; /* This value is supposed to be 'Negative of RC fullwidth + CC padding', but the right column either doesn't display or moves to within the center column in Opera, Safari, and Konqueror if set according to Matthew Levine. If we call the original Matthew value (i.e., Negative of RC fullwidth + CC padding) 'x', then we need to use -(x - a bit more) to make it work. E.g. if x was -240, then we'll use -280. The precise value requires a little experimentation. Having said all of that, the original x will probably still work if you don't fiddle with Matthew's original padding values! */
   z-index: 3;
   top: 160px; /* header graphic height */
   background-color: #000000; border-right: 1px solid #0033ff; border-bottom: 3px solid #000000; border-left: 3px solid #FF0000;
  /* background-image: url('images/right-column.jpg'); background-repeat: no-repeat; background-position: ???px ???px; */
}


#footer {
   clear: both;
   background-color: #000000; background-image:  url(file:///C|/Documents%20and%20Settings/TIm/Desktop/timbensih/%27images/footer-background.jpg%27); background-repeat: repeat-x;
   position: relative; z-index: 10;
   border-bottom: 2px solid #000000; border-top: 3px solid #FF0000;
   color: #ffdddd;
   padding: 10px; /* choose a value - it won't mess up anything else! */
}


/* IE6 Fix for spill over footer */
* html body {
   overflow: hidden;
}
* html #footer-wrapper {
   float: left;
   position: relative;
   z-index: 10;
   clear: both; /* IE fix for footer jumping up when right column is short */
   width: 100%;
   padding-bottom: 10010px;
   margin-bottom: -10000px;
   background: #0033ff; /* Same as body background */
}