/* Entire window with Background color */
body
{
    margin: 0; border: 0; padding: 0; width: 100%; height: 100%;
    color: black;
    background: url(images/paper.gif) repeat top left;
    font-family: Arial, sans-serif; font-size: large;
}

#TopBar
{
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 78px;
    margin: 0; border: 0; padding: 0;
    background: url(images/TopBar2.gif) repeat-x top left #376398;
    color: white;
}

#TopBar_Title
{
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 78px;
    margin: 0; border: 0; padding: 0;
    background: url(images/TitleBar2.gif) no-repeat top left; /*#376398;*/
    color: white;
}

#MenuBar
{
    position: absolute; 
    top: 78px; left: 0; width: 100%; height: 39px;
    margin: 0; border: 0; padding: 0px; padding-top: 0px;
    background: url(images/MenuBar.gif) repeat-x top left #658cc1;
    color: white;
    white-space: nowrap;
}

#MenuBar_Left
{
    position: absolute; 
    top: 0px; left: 0; width: 100%; height: 39px;
    background: url(images/MenuLeft.gif) no-repeat top left;
}

#MenuBar A 
{
    margin: 0 20px; 
    font-size: large; font-weight: bold; 
    background: transparent;
}
#MenuBar A:link {color: defaultblue; }
#MenuBar A:active {color: red; }
#MenuBar A:visited {color: blue; }
#MenuBar A:hover {color: yellow; }
#MenuBar p {margin: 7px 0 0 22px;}


#Content
{
    position: absolute;
    top: 117px; left: 0; width: 100%; height: 100%;
    margin: 2em 0; border: 0; padding: 0;
    color: black;
    background: transparent;
}

#Content P
{
    margin .5em;
    margin-left: 50px;
}

#Content IMG
{
    margin: 0 1em 1em 0;
}

#Content UL
{
    margin: 0em 1.7em 1em;
    list-style: circle;
}