* {margin:0; padding:0;}

body {
font-family:sans-serif;
min-width:30em;
background-color:#efefef;
color:#111;
margin:0;
padding:0;
}

p {line-height:1.5em; margin:15px;}
h1 {font-size:2em;}
h2 {font-size:1.25em;}

a {color:#008;}
a:hover {color:#00e;}

input,textarea {
background-color:#eee;
color:#000;
border:1px solid #666;
font-family:monospace;
}

input[type=button],input[type=submit] {border-style:outset;}
input[type=button]:active,input[type=submit]:active {border-style:inset;}
textarea {height:6em;}

table {
border-collapse: collapse;
max-width: 100%;
table-layout: fixed;
}

td {
border:1px solid #666;
padding:.25em;
}

#main ol {padding:1em;}
#main li {margin:0 3em;}

#main {
border-left:1px solid #222;
margin-left:11em; /* nav's width +1 */
padding:.5em;
}

#nav {
float:left;
width:10em; /* main's margin-left -1 */
overflow:hidden;
border-right:1px solid #222;
padding:.5em;
}

#header, #footer {
border-top:1px solid #222;
border-bottom:1px solid #222;
background-color:#ccc;
}

#header {height:3em;}
#header a {text-decoration: none; color: #111;}

#footer {float:left; width:100%;}

#nav ul {list-style-type:none; margin:0;}
#nav li {margin:0 5px; padding:.1em;}<!-- end included file header.inc -->