/**************************************************************************************************
This function will check the heights of both the body and menu DIV's, and make sure they are the
same height.  This function is called on page load, and each time a menu is expanded or contracted.
**************************************************************************************************/
function evenOutDIVs() {
	
	//	get the header height
	var headerHeight = parseInt(document.getElementById("bannerShadow").offsetTop);
	
	//	get the screen height
	var screenHeight;
	if (is_gecko) {
		screenHeight = parseInt(window.innerHeight);
		screenWidth = parseInt(window.innerWidth);
	} else if (is_khtml) {
		screenHeight = parseInt(window.innerHeight);
		screenWidth = parseInt(window.innerWidth);
	} else if (is_ie6up) {
		screenHeight = document.documentElement.clientHeight;
		screenWidth = document.documentElement.clientWidth;
	} else if (is_ie5up) {
		screenWidth = parseInt(document.body.clientWidth);
	}

	bodyBottom =	parseInt(document.getElementById("contentFrame").offsetTop) + 
					parseInt(document.getElementById("content").offsetTop) + 
					parseInt(document.getElementById("content").offsetHeight);
	
	shadowHeight = document.getElementById("bannerShadow").offsetHeight; 
	
	bodyBottom += 30;

	//	if the menusDiv or body don't reach the bottom of the screen, make them go to the bottom of
	//	the screen
	if (bodyBottom < screenHeight) {
		bodyBottom = screenHeight;
	}	

	// set both the body and the menusDiv the same size
	document.getElementById("contentFrame").style.height = bodyBottom - headerHeight - shadowHeight + "px";

	// make the shadow stretch to the bottom of the screen
	document.getElementById("rightShadow").style.height = bodyBottom + "px";
	
	document.getElementById("leftMenu").style.height = bodyBottom - headerHeight + "px";
}