/*
  Define page and column sizes for three-column layout
  Nothing else here please.
*/

/* This is not valid CSS, but I like how it works better than the alternative */
/* FireFox only (?) - Insert "dummy" scrollbar on short pages (to eliminate "jump") */

html {
  overflow-y:scroll;
} 

/* Replaces BODY so we can do full-width stuff up top. WOOT. */
#pageWrap {
	margin:auto;
	max-width:90%;
	min-width:580px; /* 2x (LC fullwidth + CC padding) + RC fullwidth */
	padding: 0;	
  width:940px;
}

/* Container for the page after the header */
#pageMain {
  padding-left: 180px;   /* LC width */
  padding-right: 200px;  /* RC fullwidth + CC padding */
}

#pageMain .column {
  position: relative;
  float: left;
}

#columnLeft {
  border: 0px solid red;  
	width: 180px;          /* LC width */
  margin-bottom:10px;
  margin-left: -100%;
  left: 180px;           /* RC fullwidth for IE6 */
}

#columnCenter {
	margin-bottom:10px;
	padding:0 10px;
	width: 100%;
}

/* This contains another IE7 hack - footer was floating up to the base of the right column. :( */
/* This will force the right column to have a min height equivalent to the height of the left or center column, whichever is greater. I hope. */
#columnRight {
  border: 0px solid red;
	min-height: expression((document.all.columnCenter.offsetHeight > document.all.columnLeft.offsetHeight) ? document.all.columnCenter.offsetHeight : document.all.columnLeft.offsetHeight);
  margin-right: -200px;  /* RC fullwidth + CC padding */
  margin-bottom:10px;  
	width: 180px;          /* RC width */
}

#pageBottom {
	clear:both;
}

/* I think this is the fix for the disappearing column in IE6 - page is down now, so I can't check. */
#pageMain > #columnLeft {
  left: -200px;             /* -(LC fullwidth + CC padding) */
}

/* And this is the fix for the fix... */
/* I had to add the +10 at the end or it overlapped the edge of the page (IE7). Seems to work okay elsewhere... */
#pageMain > #columnLeft {
	left: -200px; /* -LC width for others */
	margin-left: expression(
	document.all.columnCenter.offsetWidth * -1 +
	parseFloat(document.all.columnCenter.currentStyle.paddingLeft) +
	parseFloat(document.all.columnLeft.currentStyle.paddingLeft) +
	parseFloat(document.all.columnLeft.currentStyle.paddingRight) + 10
	); /* Fix for IE7 */
}