/* Base */

* {
 outline: none;
}

html, body {
 height: 100%;
 width: 100%;
}

body {
 font-size: 11px;
 color: #000000; 
 background: #ffffff;
 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Layout */

div#wrapper {
/* display: none; */
}

div#menu {
 position: fixed;
 *-position: absolute;
 top: 10px;
 left: 10px;
 width: 160px;
 padding: 20px;
 z-index: 1;
}

div#dynamic-menu {
 display: none;
}

div#content {
 position: absolute;
 top: 10px;
 left: 220px;
 white-space: nowrap;
 padding: 0 20px;
 margin: 0;
 text-align: justify;
}

div#footer {
 position: fixed;
 *-position: absolute;
 bottom: 10px;
 left: 10px;
 width: 160px;
 height: 16px;
 padding: 0px 20px 0px 20px;
 z-index: 1;
}

div.text {
 width: 600px;
 white-space: normal;
}

img {
 display: inline;
 margin: 0 5px 5px 0;
}

img#logo {
}

/* Typography */

p {
 margin: 0 0 15px;
}

h1,h2 {
 font-weight: normal;
 color: #000000;
}

h1 {
 font-size: 30px;
 line-height: 1;
 margin-bottom: 15px;
}

h2 {
 text-transform: uppercase;
 font-weight: bold;
 font-size: 20px;
 margin: 15px 0
}

h3 {
 text-transform: uppercase;
 font-weight: bold;
 font-size: 15px;
}

a, a:active, a:focus, a:visited {
 color: #000000;
 text-decoration: underline;
}

a:hover {
 color: #ff0000;
}

pre {
 margin: 15px 0;
 white-space: pre;
}

pre, code, tt {
 font: 11px 'andale mono', 'lucida console', monospace;
 line-height: 1.5;
}

ul {
 margin-bottom: 15px;
 list-style-type: none;
}

ol {
 margin-bottom: 10px;
 list-style-type: decimal;
}

li {
 margin-left: 0;
}

a.menu-link, a.menu-link:active, a.menu-link:focus, a.menu-link:visited {
 padding: 2px 5px 2px 4px;
 color: #000000;
 background-color: #ffffff;
 text-decoration: none;
}

a.menu-link:hover {
 color: #ff0000;
}

div#menu ul {
 margin: 0;
 margin-bottom: 5px;
 line-height: 18px;
}

div#menu li {
 margin: 0 10px 5px 0;
 list-style-type: none;
 text-transform: capitalize;
}

div#menu span.parent-folder {
 display: block;
 margin: 5px 0;
 font-weight: bold;
 color: #000000;
}