h1 {margin: 0; padding: 1em 0.25em 0; font: bold 2.5em Arial, sans-serif; line-height: 0.8em; border-bottom: 1px solid #22aa22; text-align: left; background: #8BB792; color: #117711; letter-spacing: 2px;}
h4 {margin: 0 0.5em 0 0; padding: 0 0.25em; font-size: 70%; border-bottom: 1px solid #22aa22;}

div#content {position: absolute; top: 26px; left: 192px; right: 25px; background: #8BB792; color: #EED; font: 5px Verdana, sans-serif; padding: 10px; border: solid #22aa22;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content h1 {background: #8BB792; color: #aaffaa; text-align: right;}
div#content a:link {background: #8BB792; color: green;}
div#content a:visited {background: #8BB792; color: #CC0;}
div#content a:hover {background: #8BB792; color: #CC0;}

ul.normal { width: 80%; }
li.normal { display:list-item; font-size: 80%;}

div#mainmenu {position: fixed; margin: 6em 8em 0 5.5em; padding: 0; border-left: 1px solid #22aa22;}
div#mainmenu p {margin: 1em 3em 1em 0.5em;}

#mainmenu ul {padding: 0; margin: 0; border-bottom: 1px solid #22aa22;  font: 0.2em sans-serif; font-size: 100%;}
#mainmenu ul {width: 10.5em;}
#mainmenu ul > li:hover > ul {width: 12em; top: -0.05em; left: 10.5em;}
#mainmenu ul li.sub {list-style-type: none;  border: 1px solid #22aa22; border-width: 1px 1px 0px 1px;  position: relative; margin: 0; padding: 0;}
#mainmenu ul li.menu {list-style-type: none;  border: 1px solid #22aa22; border-width: 1px 1px 0px 1px;  position: relative; margin: 0; padding: 0;}
#mainmenu ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}
#mainmenu ul li.menu a {display: block; padding: 5px 7px; text-decoration: none;  background: #FFF; color: green;}
#mainmenu ul li.sub a {display: block; padding: 5px 7px; text-decoration: none;  background: #FFF; color: green;}
#mainmenu ul li.sub > a {font-weight: bold; background: #aaffaa; color: green;}
#mainmenu ul li a:hover {background: yellow; color: green;}
#mainmenu ul ul {display: none;}
#mainmenu ul ul {width: 10em;}