body,
h1,
h2,
h3,
h4,
p,
td,
th {
        margin: 0;
        padding: 0;
}

body {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        background-color: #f8f8f8;
        font-size: 17px;
        font-family: 'Calibri', sans-serif, Helvetica;
        color: #404040;
}

h1 {
        font-weight: normal;
        font-size: 36px;
        color: #6060C0;
        margin: 10px 0px 7px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: 1px solid #606060;
        text-align: center;
}

h2 {
        font-weight: normal;
        font-size: 1.5em;
        color: #6060C0;
        margin: 10px 0px 10px 0px;
}

h3 {
        font-weight: normal;
        font-size: 1.1em;
        color: #6060C0;
        margin: 10px 0px 10px 0px;
}

h4 {
        font-weight: normal;
        font-size: 1em;
        color: #6060C0;
        margin: 10px 0px 10px 0px;
}

p {
        text-align: justify;
        margin: 5px 0px 5px 0px;
}

a {
        text-decoration: none;
}

a:link {
        color: #6060C0;
}
a:visited {
        color: #6060C0;
}
a:hover {
        color: #6060C0;
      }
a:active {
        color: #6060C0;
      }

table {
        caption-side: bottom;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        border: 1px solid #a0a0a0;
        border-collapse: collapse;
}
table th,td {
        border: 1px solid #a0a0a0;
        padding: 5px;
        margin: 20px 0px 20px 50px;
        font-size: 1em;
}

#content {
        width: 100%;
        float: left;
        padding: 3px 0px 10px 2px;
}

#main {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
}

#subl {
        width: 45%;
        float: left;
        padding: 0px 15px 0px 0px;
}

#subr {
        width: 45%;
        float: left;
        padding: 0px 0px 0px 15px;
}

#footer {
        font-size: 80%;
        clear: both;
        width: 100%;
        border-top: 1px solid #808080;
}

.footer-fb {
        float: left;
        min-width: 350px;
        padding: 3px 5px 5px 0px;
}

.footer-copy {
        padding: 5px 5px 5px 0px;
}

.footer-copy a {
        text-decoration: none;
}

.footer-index {
        float: right;
}

.hide {
        display: none;
}

.indent {
        margin-left: 70px;
}

.border {
        border: 1px solid #a0a0a0;
        border-spacing: 10px;
        padding: 10px;
        margin: 10px;
}

figure {
        text-align: center;
        font-style: italic;
}
figure img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
        max-height: 275px;
        max-width: 350px;
}

.aside {
        background-color: #e8e8e8;
        padding: 2px 5px 2px 5px;
}

.example {
        font-size: 0.9em;
/*        font-style: italic; */
/*        border-top: 1px solid #a0a0a0; */
/*        border-bottom: 1px solid #a0a0a0; */
        background-color: #ececec;
        padding: 5px; 
        margin-top: 10px;
        margin-bottom: 10px;
}

.unjustified {
        text-align: left;
}

.almanac-page {
        height: 50%;
        width: 50%;
        margin-top: 10px;
        margin-bottom: 10px;
}