function resizeColumns()
{
	// Get leftcolumn and rightcolumn elements
	var leftColumn = document.getElementById("lCol");
	var rightColumn = document.getElementById("rCol");

	// Get left-visualPadding and right-visualPadding elements
	var leftVisualPadding = document.getElementById("left-visualPadding");
	var rightVisualPadding = document.getElementById("right-visualPadding");

	// Reset the heights of these two padding divs to auto, in case 
	// resizeColumns has already been run (i.e. text resize scenario)
	leftVisualPadding.style.height = "auto";
	rightVisualPadding.style.height = "auto";

	// Calculate max height of leftcontent and rightcontent
	var maxHeight=Math.max(leftColumn.offsetHeight,rightColumn.offsetHeight);

	// Set IE Fudge -- For some reason, IE7 works just fine, but IE6 is 19px off
	
	var IE_left = 0;
	var IE_right = 0;

	if (msieversion() == 6)
	{
		IE_left = 19;
	}

	// Set both heights to the same (max) value.  Note that we have to append "px" to the value.
	leftVisualPadding.style.height = (maxHeight - leftColumn.offsetHeight + IE_left) + "px";
	rightVisualPadding.style.height = (maxHeight - rightColumn.offsetHeight + IE_right) + "px";
}





function msieversion()
{
	var ua = window.navigator.userAgent
	var msie = ua.indexOf ( "MSIE " )
	
	if ( msie > 0 )      // If Internet Explorer, return version number
		return parseInt (ua.substring (msie+5, ua.indexOf (".", msie )))
	else                 // If another browser, return 0
		return 0

}





function init()
{
	// Resize Columns
	resizeColumns();

	window.onresize = function() {
		resizeColumns();
	}
}