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;
}