* {margin: 0; padding: 0}
body {background: #eee; text-align: center}
#box {position: relative; margin-top: 15px; margin-left: auto; margin-right: auto; width: 750px; text-align: left; background: #ddd; padding: 10px; border: 2px solid #bbb; min-height: 1000px}
* html #box {height: 1000px}
#content {position: relative; margin-left: 220px}
#content li a {color: #708090; font-weight: bold}
#content li a:hover {text-decoration: none}
#menu {position: absolute; top: 0; left: 0; background: #bbb; width: 210px; height: 100%; padding: 0 5px}
#menu h2 {margin: 10px; font: bold 20px "Trebuchet MS"; color: #708090}
#menu ul {margin: 10px 20px}
#menu li a {font: bold 10px/1.5 Verdana; color: #444; text-decoration: none}
#menu li a:hover {color: #fff}
h1 {font: bold 25px "Trebuchet MS"; margin: 5px; color: #708090}
h2 {font: bold 20px "Trebuchet MS"; margin: 5px; color: #708090}
p {font: 14px/1.5 "Trebuchet MS"; margin: 10px; color: #555}
p a {color: #708090}
p a:hover {text-decoration: none}
ul {margin: 10px 30px}
li {font: 13px/1.5 "Trebuchet MS"; color: #555}
#zrodlo {border-top: 1px solid #000; margin-top: 10px; padding: 5px; background: #eee}
#zrodlo p {font-size: 12px}
#zrodlo li a {font-size: 11px; color: #000}
hr {margin: 20px 10px; border: 1px solid #708090}