* {margin: 0; padding:0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #FDFDEF; }

div#logo {margin: 0;}
div#logo img {float: left; margin-bottom: 5px;   }

div#logo_and_submenu  {position: absolute;  right: 0; margin-top: 0px; margin-right: 0px; width: 400px; background-color: #9C8F85; padding: 10px; }
div#logo_and_submenu  p {margin: 4px;}
div#logo_and_submenu  p a {font-weight: 900;}
div#logo_and_submenu  p a:hover { color: #fff; background-color: green; text-decoration: none; font-weight: 900; }

div#horizontal_menu {clear: left; float: right; padding: 7px; }
div#horizontal_menu  a { padding: 3px 5px;  }
div#horizontal_menu  a:hover { color: #fff; background-color: green; text-decoration: none; }

/* div#search { position: absolute; right: 50px; top: 140px; margin-top: 5px; }
div#search form {width: 300px; }
div#search form input {border: 2px solid #ccc;} */

div#middle { clear: both; background-color: #FDFDEF; }
div#middle ul { clear: both; float: left; width: 130px; background-color: #9C8F85; color: yellow; padding: 10px; }

div#middle ul li { font-weight: bold; font-size: 100%; padding-top: 2px; margin: 3px; border-top: 1px solid blue;  }
div#middle ul li:hover { color: #fff; background-color: green; text-decoration: none; font-weight: 900; }

div#middle ul li  a {text-decoration: none; }
div#middle ul li  a:hover {color: #fff; background-color: green; text-decoration: none; font-weight: 900;} 

div#copyright_line { clear: both; text-align: right; background-color: #9C8F85; color: white;padding: 5px; border-top: 1px double #ccc; border-bottom: 1px dotted #ccc;}

div#main { margin-left: 150px; }
div#main span {display: block; border: 1px; background-color: #9C8F85; padding: 3px;}
div#main span a {text-decoration: none;}
div#main span a:hover { color: #fff; background-color: red; text-decoration: none;}
div#main h1 {color: blue;  margin-left: 15px;}
div#main h2 {color: green;  margin-left: 35px;}
div#main p {margin: 5px;}