body { 
    background-color: white; 
    font-family: "trebuchet ms", arial, sans-serif; 
    font-size: 90%; 
}

#homelink { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    width: 98px; 
    height: 100%; 
    overflow: hidden; 
}

#content { 
    position: fixed; 
    top: 0; 
    left: 98px; 
    right: 0; 
    bottom: 0; 
    overflow: auto; 
}

#footer {
    font-size: 0.9em; 
    font-style: italic; 
    font-color: #606060; 
}

a { 
    text-decoration: none; 
}

a:visited { 
    color: mediumorchid; 
}

a:hover	{ 
    text-decoration: underline;
    color: red; 
}

a:focus { 
    outline-width: 0; 
}

h1 { 
    color: red;
    font-weight: bold;
    font-size: 3.0em; 
    margin: 0 0 0.1em 0; 
    padding: 0; 
}

h2 { 
    color: red;
    font-weight: bold;
    font-size: 1.5em; 
    margin: 0 0 1em 0; 
    padding: 0; 
}

h3 { 
    color: red;
    font-weight: bold;
    font-size: 1.2em; 
    margin: 0.3em 0 0.3em 0; 
    padding: 0; 
}

.left { 
    float: left; 
}

.right { 
    float: right; 
}

.clear { 
    clear: both; 
}

table { 
    font-size: 1em; 
}

/* http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ */
table.boxtable { 
    margin: 10px 40px 10px 40px; 
    text-align: center; 
    border-collapse: collapse; 
    border-top: 7px solid black; 
    border-bottom: 7px solid black; 
}

th.boxtable, td.boxtable { 
    padding: 8px; 
    background: white; 
    border-right: 1px solid red; 
    border-left: 1px solid red; 
    vertical-align: top; 
}

th.boxtable { 
    font-size: 1.1em; 
    font-weight: bold; 
    color: black; 
}

td.boxtable { 
    color: #606060; 
}

/* http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ */
table.minimalist { 
    background: white; 
    margin: 10px 0px 20px 40px; 
    border-collapse: collapse; 
    text-align: left; 
}

th.minimalist { 
    font-size: 1.2em; 
    font-weight: normal; 
    color: black; 
    padding: 10px 10px; 
    border-bottom: 2px solid black; 
}

td.minimalist { 
    border-bottom: 1px solid #C0C0C0; 
    color: #606060; 
    padding: 6px 10px; 
}

tbody.minimalist tr:hover td { 
    color: black; 
}

div.menu { 
    width: 50%; 
    margin: 0 0 1em 0; 
    padding: 0 0 0 0; 
}

h3.menu { 
    text-align: center; 
}

/* http://web-graphics.com/mtarchive/ItalianMenu.html */
dl.menu { 
    width: 80%; 
    overflow: auto; 
    margin: 0 0 1em; 
    background: url('pictures/dot.gif') repeat-x 0 1em; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
}

dt.menu { 
    background: white; 
    float: left; 
    padding-right: 3px; 
}

dd.menu { 
    background: white; 
    float: right; 
    padding-left: 3px; 
    margin: 0; 
}

.toc {
    margin: 2em 0em 2em 0em;  
}

.tocitem {
    padding: 8px; 
    margin-right: 8px; 
    border-width: 1px 8px 1px 8px; 
    border-color: black; 
    border-style: solid; 
    font-weight: bold; 
    font-size: 1.2em; 
}

div.quotesidecol {
    float: left; 
    width: 300px; 
    margin-left: -300px; 
}

div.quotemidcol {
    float: left; 
    width: 100%; 
}

div.quotemidcolcontent {
    margin-right: 300px; 
}

div.sidebar {
    background: #FEF5CA; 
    margin: 80px 0px 40px 15px; 
    padding: 0px 8px 0px 8px; 
}

dt.quote {
    border-left: 4px solid black; 
    border-right: 4px solid black; 
    border-top: 1px solid black; 
    padding: 0px 8px 0px 8px; 
}

dd.quote { 
    color: #483D8B; 
    margin: 0.3em 0em 1.3em 0em; 
}

span.book { 
    color: #8470FF; 
    font-style: italic; 
}

