function setHeights() {
	var vx,vy;
	var bx,by;
	var test1 = document.body.scrollHeight;
	var test2 = document.body.offsetHeight
	//	First, set the vx/vy (viewport size) variables...
	if (self.innerHeight) {
		//	all except Explorer
		vx = self.innerWidth;
		vy = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		//	Explorer 6 Strict Mode
		vx = document.documentElement.clientWidth;
		vy = document.documentElement.clientHeight;
	} else if (document.body) {
		//	other Explorers
		vx = document.body.clientWidth;
		vy = document.body.clientHeight;
	}
	//	Now, set the bx/by (body size) variables...
	if (test1 > test2) {
		// all but Explorer Mac
		bx = document.body.scrollWidth;
		by = document.body.scrollHeight;
	} else {
		//	Explorer Mac;
	   //	would also work in Explorer 6 Strict, Mozilla and Safari
		bx = document.body.offsetWidth;
		by = document.body.offsetHeight;
	}
	//	Lastly, set the leftbar DIV height based on the larger of the viewport or body
	//	heights.  Note that the subtracted value is the height of the banner DIV plus
	//	the border of the banner DIV plus the top and bottom padding of the leftbar DIV.
	if (by > vy) {
		document.getElementById('leftbar').style.height = (by - 107) + "px";
		document.getElementById('container').style.height = (by - 20) + "px";
		document.getElementById('content').style.height = (by - 50) + "px";
	} else {
		document.getElementById('leftbar').style.height = (vy - 107) + "px";
		document.getElementById('container').style.height = (vy - 20) + "px";
		document.getElementById('content').style.height = (vy - 50) + "px";
	}
}

window.onload = function() {
	setHeights();
}