function PageContentHeight() {
		//get the ID's of the various elements
		var PageLeftColumn = document.getElementById('PageLeftColumn');
		var PageHeader = document.getElementById('PageHeader');
		var PageBanner = document.getElementById('PageBanner');
		var PageContent = document.getElementById('PageContent');
		var PageFooter = document.getElementById('PageFooter');
        var PageBar = document.getElementById('PageBar');
        
		//get the height of those elements
		var PageLeftColumnHeight = PageLeftColumn.offsetHeight;
		var PageHeaderHeight = PageHeader.offsetHeight;
		var PageContentHeight = PageContent.offsetHeight;
		var PageFooterHeight = PageFooter.offsetHeight;
        if (PageBanner != null)
        {
    		var PageBannerHeight = PageBanner.offsetHeight;
        }
        else
        {
    		var PageBannerHeight = 0;
        }
        if (PageBar != null)
        {
    		var PageBarHeight = PageBar.offsetHeight;
        }
        else
        {
    		var PageBarHeight = 0;
        }

        var RightContentHeight = ((PageHeaderHeight + PageBannerHeight + PageContentHeight + PageBarHeight) - PageFooterHeight);
        
        //alert('hello: ' + PageHeaderHeight + ", " + PageBannerHeight + ", " + PageContentHeight + ", " + PageFooterHeight);
		//only resize if the new height would NOT increase by too much, or it looks ridiculous.
		if (PageLeftColumnHeight < RightContentHeight)
			{
			PageLeftColumn.style.height = RightContentHeight + "px"; //resize left column to same as page content 
		}; 
	}