body {
    font-size: 100%;
    font-family: "Times New Roman", serif;
background: #e9e8f6;
padding: 0;
margin: 0;
}
div#wrap {
background: #d9d8e6 50% 0;
width: 70%;
margin: 0 auto;
}
div#header {
background:  #c9c8d8; /*url(../img/logo.jpg) 100% 0 no-repeat;*/
/*background-size: auto 100%;*/
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
margin: 0;
border-width: 0 0.2em 0em 0.2em;
border-style: solid;
border-color: #33a;
}

div#header h1 {
    font-size: 1.75em;
color: #555;
}

div#menu {
background:  #c9c8d8; 
padding: 0;
margin: 0 0 0 0;
border-width: 0em 0.2em 0.2em 0.2em;
border-style: solid;
border-color:  #33a;
}

div#menu ul {
list-style-type: none;
display: table;
width: 100%;
margin: 0;
padding: 0;
}

div#menu ul li {
border-width: 0 0 0 0;
border-style: solid;
border-color:  #33a;
float: left;
position: relative;
/*display: table-cell;*/
width: 20%;
text-align: center;
padding: 0.2em 0 0.2em 0;
margin: 0 0 0 0;
}

div#menu ul li:hover {
float: left;
/*display: table-cell;*/
background: #d9d8e6;
border-width: 0 0 0 0;
}

div#menu ul li a {
color: #000;
font-weight: bold;
text-decoration: none;
display: block;
}
div#menu ul li a span {
text-decoration: underline;
}

div#menu ul li ul {
display: none;
top: 100%;
left: 0;
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
}

div#menu ul li:hover ul {
display: block;
margin-top: 0em;
margin-left: 0;
padding-left: 0;
border-width: 0.2em .1em 0.2em .1em;
border-style: solid;
border-color: #33a;
background: #c9c8d8;
}

div#menu ul li ul li{
/*font-size: 1em;*/
clear: left;
display: block;
margin: 0 0 0 0;
padding: 0;
width: 100%;
text-align: left;
background: #c9c8d8;
border-width: 0 0 0 0;
}

div#content {
border-width: 0 0 0 0;
border-style: solid;
border-color: #33a;
background: #d9d8e6; /*url(../img/segl_cool_big_art.png) 50% 2em no-repeat;*/
padding: 2em;
}

div#content dl {
list-style-type: none;
padding: 0.7em;
}

div#content dl dt {
padding: 0em 0 0.5em 0;
    font-weight: bold;
}

div#content dl dd {
width: 80%;
}

div#content ul {
list-style-type: none;
padding: 0.7em;
}

div#content ul li {
padding: 0em 0 0.5em 0;
}

div#content ul li a {
color: #33a;
font-weight: bold;
text-decoration: none;
border-width: 0 0 .1em 0;
border-color: #33a;
border-style: solid;
}

div#content table {
width: 100%;
border-width: 0;
border-style: solid;
border-color: #33a;
border-collapse: collapse;
}

div#content table td {
padding: .5em;
  border-width: .2em 0 .2em 0;
  border-style: solid;
  border-color: #e9e8f6;
}

div#content pre {
    font-family: "Courier New", monospace;
    font-size: 0.8em;
    line-height:120%;
}

p.code {
    font-family: monospace;
padding: 0 0 0 0.7em;
background-color: #e9e8f6;
}

div#footer {
border-width: 0.2em 0.2em 0 0.2em;
border-style: solid;
border-color: #33a;
background: #c9c8d8;
padding: 0 0 0 2em;
font-size: 0.75em;
}

.debug {
display: none;
color: #999;
}

div#footer p.validation {
    text-align: right;
padding: 0 1em 0 0;
}

div#footer p.updated {
    float: left;
}

div#cover {
margin: 0 0 0em 2em;
float: right;
}

div#cover img{
/*    border-style: none; */
}