html, body {
   background-color: #F3F3F3;
}

hr {
   background-color: #AAA;
   height: 1px;
   border-width: 0;
}

#left-side {
   float: left;
   width: 8em;
   margin: 0 0 0.5em 0;
}

#logo {
   width: 8em;
   text-align: center;
   padding: 1em;
   margin: 0 0 0.5em 0;
}

#menu {
   width: 8em;
   padding: 1em;
   background-color: #FFF;
   border: 1px solid #A7D9F9;
}

#menu h2 {
   margin: 0; padding: 0;
   font-size: small;
   font-weight: bold;
}

#content {
   margin-left: 10.5em;
   background-color: #FFF;
   border: 1px solid #A7D9F9;
   padding: 0.5em 1em 0 1em;
}

#foot {
   clear: both;
   text-align: right;
}

a:hover, a:focus, a:active {
   background-color: #F00;
   color: #FFF;
}

/* external links */
a.extern:link:after    {
   content: " "url(images/external-blue.png);
}
a.extern:visited:after {
   content: " "url(images/external-blue.png);
}
a.extern:hover:after   {
   content: " "url(images/external-red.png);
}
a.extern:active:after  {
   content: " "url(images/external-blue.png);
}
a.extern:focus:after   {
   content: " "url(images/external-red.png);
}

/* menu */
.menu-item {
   font-size: 90%;
   font-style: normal;
}

#menu-item-current {
   font-size: 90%;
   font-style: italic;
}

#menu ul {
   margin: 0.5em 0 0 1em;
   padding: 0;
}

#menu ul a {
   display: block;
}

ul       {
   list-style: square;
}

ul ul    {
   list-style: circle;
}

ul ul ul {
   list-style: disc;
}

table {
   margin-bottom: 1em;
   margin-top: 0.3em;
   border-collapse: collapse;
}

td, th {
   padding: 0.5em 1em;
}

table th {
   text-align: left;
}

table thead {
   border-bottom: 1px solid #000;
   border-top: 2px solid #000;
}

table tbody {
   border-bottom: 2px solid #000;
}

dt {
   font-weight: bold;
}
dd {
   margin-bottom: 0.7em;
}

address {
   margin-top: 0.5em;
   font-style: normal;
}

pre {
   padding: 1em;
   background-color: #F9F9F9;
   border: 1px dashed #2F6FAB;
}