/*
 * menu/background: #fe6a18
 * header: #bf1515;
 * 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;
}

div#header {
 background-color: #fe6a18;
 color: white;
 
 background-image: url(logo.png);
}



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: transparent;
 color: #fe6a18;
}

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

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;
}

div.footerButtons {
 float: left;
}

img.button {
 border: 0;
}


/* OTHER STUFF */

div.sectionDescription {
 margin-left: 3em;
 margin-right: 3em;
}

div.dateline {
 background-color: black;
 color: white;
 text-align: right;
}

div.notice {
 background: yellow;
 color: black;
 margin-top: 1em;
}

div.aside {
 float: right;
 width: 25%;
 background: white;
 border: 1px dotted gray;
 margin-left: 5px;
 text-align: left;
}


/* DOCUMENT STUFF */

ol.stepbystep {
 list-style-type: decimal;
}

ol.substep {
 list-style-type: lower-alpha;
}