body {
    font-family:sans-serif;
    background:#eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAIAAABSnclZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNp0UFsOwCAMskTvf6RlPzuV2jXWufooXyQgVOi6n9CQUiIi5bXWnLMQhA+llMHRMMnywjpijJOsAcxsHT3ErdAQrwKj5lgBe+deAXvnXoHlJ0sF9imsA5LjBYgE2XaZwjrgrf3Lx7UVrwADAO6YTWQJASVMAAAAAElFTkSuQmCC) repeat scroll 0 0;
}

div#body
{
    width:995px;
    background:#fff;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
}

div#nav {
    background:#eee;
    width:12em;
    text-transform:uppercase;
    float:left;
}

div#nav dt {
    color: #7a7c87;
    border-bottom:1px dotted #333;
}

div#content {
    margin: 0 13em;
}

h1 {
    border-bottom:3px solid #ccc;
}