body.parent {
margin: 0;
padding: 0;
font-size: 1em;
font-family: Verdana, sans-serif;
background-color: #F1F1F1;
}
div#container {
width: 920px;
margin: 0 auto;
background-color: #F0F0F0;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
div#header {
background-image: url(header.jpg);
height: 140px;
border-bottom: 1px solid #000;
color: #FFF;
font-size: 0.01em;
}
div#menu {
float: left;
width: 180px;
padding: 25px 0 10px 0;
}
div#menu span.title {
padding: 2px 0px 5px 20px;
margin: 0;
font-size: 1.5em;
font-family: Verdana, sans-serif;
letter-spacing: 2px;
}
ul {
list-style: none;
font-family: Arial, sans-serif;
margin: 0 0 0 -25px;
}
ul.menulevel2 { margin-left: -27px; }
ul.menulevel3 { margin-left: -39px; }
ul.menulevel3 .sdoc { margin-left: 12px; }

ul li {
margin: 5px 0 0 0;
padding: 0;
}
ul li.sdoc, ul li.sdocs {
padding-left: 12px;
background: url(menu-bg-docs.gif) no-repeat scroll top left;
}
ul li a {
display: block;
text-decoration: none;
padding-left: 12px;
background: url(menu-bg-docs.gif) no-repeat scroll top left;
}
ul li a:hover {
background-image: url(menu-bg-hover.gif);
}
ul li, ul li a {
color: #550000;
letter-spacing: 1px;
}
div#content {
margin: 0 0 0 180px;
padding: 10px 20px 30px 20px;
background-color: white;
border-left: 1px solid gray;
min-height: 230px;
}
div#content h1 {
font-family: Verdana, sans-serif;
padding: 0;
margin: 10px 0 2px 0;
color: #414F80;
}
div#footer {
width: 600px;
margin: 0 auto;
padding: 5px 0 0 180px;
font-size: 0.8em;
font-family: Tahoma, sans-serif;
text-align: center;
color: #555;
}
div#footer .login-link a {
display: block;
height: 20px;
width: 598px;
color: #DDD;
text-decoration: none;
}