function setTall() {
    
	var viewportwidth;
    var viewportheight;

    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
    if (typeof window.innerWidth !== 'undefined')
	{
        viewportwidth = window.innerWidth;
        viewportheight = window.innerHeight;
    }
    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    else if (typeof document.documentElement !== 'undefined' && typeof document.documentElement.clientWidth !== 'undefined' && document.documentElement.clientWidth !== 0)
    {
        viewportwidth = document.documentElement.clientWidth;
        viewportheight = document.documentElement.clientHeight;
    }
    // older versions of IE
    else
    {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
        viewportheight = document.getElementsByTagName('body')[0].clientHeight;
    }


    var windowHeight = viewportheight;
    var overlay = document.getElementById('overlay');
    var mainContent = document.getElementById('content');


    
    if (mainContent.offsetHeight < 400) {
        mainContent.style.height = '400px';
    }
	
	
	

	//262 is combined height of the header and footer 
	//header 162
	//content X
    //footer 100
	if (mainContent.offsetHeight + 262 >= windowHeight) {
	var t = windowHeight - (mainContent.offsetHeight + 262);
	    overlay.style.bottom = t + 'px';
	}
	else {
	    overlay.style.bottom = '0px';
	}
};

window.onload = function ()
{
	setTall();
};

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