/* can we center the webpage horizontally in the browser? it's only 800x600, browser window may be larger 
the javascript window.resize function is interesting....


*/


#ScreenWrapper
{
    position: relative;
    width : 97%;
    height : 150%;
	 margin: 0;	
	 border : 5%;
    border-style : solid;
    border-color : gray;
    background-color: #F9F2DB;
    padding: 1%;
}
#HeaderWrapper
{
    position : relative;
    top : 0;
    left : 0;
    width : 99.2%;
    height : 100px;
    border : 1%;
    border-style : solid;
    border-color : gray;
    overflow : hidden;
}
#HeaderPicture
{
	 position: relative;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
}

#MainMenuWrapper
{
    position : relative;
    top : 0;
    left : 0;
    width : 99.2%;
    height : 5%;
    border : 1;
    border-style : double;
    border-color : gray;
}

/* The Main Menu for the site ------------------------------------------------------ */
#MainMenu
{
    position: relative;
    top : 10%;
    left : 0;
    width : 100%;
    height : 65%;
	 background-color: #F9F2BD;	/*#DEFAD1;*/
	 /*table-layout: auto;*/
	 border: 0;
	 border-color: red;
    font-face : arial;
    font-size : 75%;
    line-height: 60%;
}