html body { margin: 0; padding: 0; background-color: #ccc; color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; } body#complete div#content { margin: 90px 40px 30px 15em; background-color: #e0e0e0; color: #000; padding: 20px; } body>div#fixedmenue, body>div#header { position: fixed; } body#complete div#fixedmenue { padding-top: 70px; height: 100%; width: 13em; } div#fixedmenue { position: absolute; top: 0; left: 0; background-color: #fc9; color: #000000; } div#header { position: absolute; width: 100%; top: 0; left: 0; background-color: #09c; color: #000; height: 60px; } /* ================ */ div#content p { font: 95% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; } /* ================ */ h1 { font-size: 160%; background-color: transparent; color: #666; } h2 { font-size: 130%; background-color: transparent; color: #666; } h3 { font-size: 110%; background-color: transparent; color: #666; } /* ================ */ div#fixedmenue a { margin: 4px auto 0px auto; padding: 2px 1px 2px 1em; display: block; background-color: #09c; color: #fff; width: 9em; text-decoration: none; font-weight: bold; } div#fixedmenue a:visited { background-color: #09c; color: #fff; } div#fixedmenue a:hover { background-color: #ffc; color: #000; } div#fixedmenue a:active { background-color: #09c; color: #fff; } /* ================ */ .invis { display: none; } #headfix { font-size: 160%; color: #003366; font-weight: bold; letter-spacing: 2px; text-indent: 10px; padding-bottom: 10px; margin: 0; padding: 15px 0 0 0; }