//stretches the page to the bottom of the browser
function fillPage() {
	//get height of display area of browser window (i.e. non-toolbar, etc. area; supported by higher browsers --> lower browsers return "0")
	var winHeight = document.documentElement.clientHeight;
	if(document.getElementById && document.getElementsByTagName) {
		//gets height of web page itself (area btw body tags; this area may be smaller or larger than winHeight)
		var bodyHeight = document.getElementsByTagName("body")[0].clientHeight
		//gets height of content area
		var contentHeight = document.getElementById("content").offsetHeight;
		//only apply correction if page isn't already filling browser window
		if(bodyHeight < winHeight) {
			//gets the height difference to be added to the content div (minus 1/15, as otherwise scrollbars appear)
			var newHeight = contentHeight + (winHeight-bodyHeight);
			newHeight = newHeight - newHeight/500;
			//adds difference calc'd above to the content div
			// minHeight used to ensure div can expand when other js fn's change size of elements w/in content div
			document.getElementById("content").style.minHeight = newHeight + "px";
			//checks for IE 6 - adds style as height (vs. minHeight) if found
			// navigator.appVersion for IE 4,5,6 = 4
			if(navigator.appName == "Microsoft Internet Explorer" && parseFloat(navigator.appVersion) < 5) {
				document.getElementById("content").style.height = newHeight + "px";
			}
		}
	}	
}