    //set screen resolution variable
    var ScrRes = (screen.width) + 'x' + (screen.height);
    
    //load layout style sheet specific to the screen resolution
    switch(ScrRes) {
        case '800x600':
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/800x600.css" />');
            break;
        case '1024x600':
            //netbook resolution
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1024x768.css" />');
            break;
        case '1024x768':
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1024x768.css" />');
            break;
        case '1152x864': 
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1152x864.css" />');
            break;
        case '1280x768':
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1280x800.css" />');
            break;
        case '1280x800':
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1280x800.css" />');
            break;
        case '1280x1024':
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1280x1024.css" />');
            break;
        case '1440x900':
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1440x900.css" />');
            break;
        //case '1680x1050':
        //    .625  analogous to 1440x900
        //    document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1600x1200.css" />');
        //    break;
        //case '1600x1200':
        //      analogous to 1024x768
        //    document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1600x1200.css" />');
        //    break;
        //case '1920x1200':
            //   analogous to 1440x900
        //    document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1920x1200.css" />');
        //    break;
        default:
            document.write('<link rel="stylesheet" type="text/css" href="Include/CSS/Layout/1152x864.css" />');
            break;
    }
    //load structure and color sheets, set header logo variable
    document.write('<link href="Include/CSS/Structure.css" rel="stylesheet" type="text/css" media="screen" />');
    document.write('<link href="Include/CSS/Colors.css" rel="stylesheet" type="text/css" media="screen" />');
    var imgPYLogo = '<p><img src="images/Logos/PY-logo-left.jpg" alt="Performance Years Header" class="PYHeader"/></p>'