a:link {
    color: #00c;
}
a:visited {
    color: #609;
}
a:active {
    color: #c00;
}
body {
    font: 84% Arial, sans-serif;
    margin: 0;
    padding: 0 10px .6em;
}
dd {
    margin: 0 0 1em;
    padding: 0 0 0 3em;
}
dl {
    margin: 1em 0 100%;
}
dt {
    font-weight: bold;
    margin: 1em 0 0;
}
h2 {
    margin: 1em 0 .8em;
    font-size: 1.22em;
}
h3 {
    font-size: 1.07em;
    margin: 1em 0;
}
ol, ul {
    margin: 1em 0 1em 3em;
    padding: 0;
}
p {
    margin: 1em 0;
}
pre {
    margin: 1.1em 0;
}
pre, tt {
    color: #900;
    font-family: "Courier New", Courier, monospace;
}
/* The "clearfix" rules clear floats inside a box */
.clearfix {
    height: auto !important;
    height: 1%; /* IE 5-6 don't support ":after" */
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.columns {
    padding: 0 0 .5em 0;
}
#content {
    float: left;
    width: 100%;
}
.footer {
    clear: both;
    margin: 1em 0 0;
    text-align: center;
}
.hidden {
    display: none;
}
.home-link {
    border: 0 !important;
    padding: 0 !important;
}
.logo {
    background: #900;
    border-bottom: 1px solid #044;
    color: #fff;
    font-size: 1.96em;
    font-weight: bold;
    margin: 0 -10px;
    padding: .3em 10px;
}
.logo a {
    color: #fff !important;
    text-decoration: none;
}
.main-heading {
    color: #800;
    font-size: 1.59em;
    margin: .8em 0 0;
}
.nonchapter-footer {
    border-top: 1px solid #999;
    margin: 0 !important;
    padding: .7em 0 0;
}
.resources {
    border: 1px solid #ccc;
    border-top: 0;
    list-style: none;
    margin: 0 0 1.2em;
    padding: .2em 6px .1em;
}
.sidebar {
    float: right;
    margin: 0 -170px 0 0 !important;
    margin: 0 -85px 0 0; /* IE 5-6 may double a float's side margin */
    width: 155px;
}
.sidebar h2 {
    background: #900;
    color: #fff;
    font-size: 1em;
    margin: 1.2em 0 0;
    padding: .2em 7px;
}
.sidebar img {
    border: 1px solid #000;
    display: block;
    margin: 0 auto;
}
.sidebar p {
    margin: 0;
    padding: .5em 0;
}
.site-nav {
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 0 -10px;
    padding: .2em 10px .3em;
}
.site-nav li {
    border-left: 1px solid #000;
    display: inline;
    margin: 0 .6em 0 0;
    padding: 0 0 0 .6em;
}
.software-tip, .the-rules, .writing-tip {
    margin: 1.2em 0;
    padding: .5em 8px .6em 36px;
}
div.software-tip, div.the-rules, div.writing-tip {
    padding-top: 1px;
    padding-bottom: .1em;
}
.software-tip p, .the-rules p, .writing-tip p {
    margin: .5em 0;
}
.software-tip pre, .the-rules pre, .writing-tip pre {
    margin: .6em 0;
}
.software-tip {
    background: #dee url("images/software.gif") no-repeat;
}
.the-rules {
    background: #eed url("images/rules.gif") no-repeat;
}
.update {
    margin: 1.2em 0 1em;
}
.update strong {
    color: #c00;
}
.writing-tip {
    background: #edd url("images/writing.gif") no-repeat;
}