/*
 * menu/background: #efefef
 * header: #31527c;
 * border: #d0d0d0;
 */

body {
 font-family: verdana, arial, sans-serif;
 margin: 0;
 background-color: #efefef;
}

div#header {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100px;
 font-size:xx-large;
 font-weight: bold;
 border-bottom: solid 2px black;
 background-color: #31527c;
 color: white;
 
 background-image: url(logoWhite.gif);
 background-position: center right;
 background-repeat: no-repeat;
}

img.headerLogo {
 margin-top: 10px;
 float: right;
}

p.headerTitle {
 margin-top: 30px;
 margin-left: 1em;
}

a.headerTitle {
 color: white;
 background-color: inherit;
 text-decoration: none;
}

div#sidemenu {
 position: absolute;
 top: 110px;
 left: 5px;
 width: 9em;
}

.sidemenuItem {
 font-size: large;
 text-decoration: none;
 background-color: inherit;
 color: #31527c;
}

a.sidemenuSubItem {
 font-size: medium;
 margin-left: 1em;
 text-decoration: none;
 background-color: inherit;
 color: #31527c;
}

div.content
{
 /* left margin menu width is +3em */
 margin: 100px 1em 0 10em;
 padding: 5px;
 background-color: white;
 border-left: solid 2px #d0d0d0;
 border-right: solid 2px #d0d0d0;
 text-align: justify;
}

div.footer
{
 text-align: right;
 background-color: white;
 color: black;
 border-top: solid 2px #d0d0d0;
}




/* OTHER STUFF */

div.notice
{
 background: yellow;
}

div.aside
{
 float: right;
 width: 10em;
 background: white;
 border: 1px dotted gray;
 margin-left: 5px;
}