function adjustContentHeightToFillBrowser(){
	
	/*
	Get browser height, and width while we're at it
	*/
	var browserWidth = 0, browserHeight = 0;
	
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		browserWidth = window.innerWidth;
		browserHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		browserWidth = document.documentElement.clientWidth;
		browserHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		browserWidth = document.body.clientWidth;
		browserHeight = document.body.clientHeight;
	}
	
	
	/* 
	If main_content_area is not large enough to fill the height, make it so
	*/
	var divHeight = document.getElementById('main_content_area').offsetHeight;
	var divHeightAdjusted = divHeight + 130 + 45; //adds distance from top + image height content_header.gif 
	var minDivHeight = browserHeight - 130 - 40;  //SHOULD BE subtracting distance from top and image height of content_header.gif BUT there is a 5 px discrepancy???
	
	if(browserHeight > (divHeightAdjusted)){
		document.getElementById('main_content_area').style.height = minDivHeight + "px";
		document.getElementById('copy_area').style.height = (minDivHeight - 150) + "px";
	}
}