body {position: relative; background: white; margin: 0; padding: 0;}

div#sidebar {position: fixed; top: 0px; width: 20px; right: 0px; color: white;
 background: darkgray; font: bold 18px sans-serif; padding: 0px; border: solid 5px gray;
 text-align: center; text-transform: uppercase; white-space: wrap;}

div#content {position: absolute; top: 0; left: 276px; right: 25px;
 color: black; background: white;
 font: 14px sans-serif; padding: 10px;
 border: solid 5px gray;}
h1 {margin: 0 -10px .4em; padding: 5px 0 5px; text-align: left; background: gray;
 color: white; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif;
 height: 28px; vertical-align: middle; white-space: nowrap;}
h2 {margin: -10px -10px .5em; padding: 0 0 0x; text-align: right; background: darkgray;
 color: gray; letter-spacing: 0.25em; text-transform: uppercase;
 font: bold 18.75px sans-serif; height: 21px; vertical-align: middle; white-space: nowrap;}
content {margin: 0 0 0; padding: 0 0 0; text-align: justify; text-indent: 15px;
 background: white; color: black; letter-spacing: 0; text-transform: none;
 font: 14px sans-serif; height: 16px; vertical-align: middle; white-space: wrap;}
div#content a:link {color: blue;}
div#content a:visited {color: red;}
div#content a:link:hover {color: violet;}
div#content a:visited:hover {color: violet;}

div#links {position: fixed; top: 0; left: 0; width: 281px;
 font: 16px  Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
 padding: 5px 10px; margin: 0 0 1px; border-width: 0;
 text-decoration: none; color: darkgray; background: gray;
 border-right: 5px solid darkgray;}
div#links a:hover {color: white; background: darkgray;
 border-right: 5px double white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
 position: absolute; top: 356px; left: 0; width: 251px; padding: 5px; margin: 10px;
 z-index: 100; color: black; background: white; font: bold 12px sans-serif;
 text-align: center;}