@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');
@import url('https://fonts.googleapis.com/css?family=Roboto');

body, p {
        font-family: 'Roboto';
        color: #000080;
}
a {
        text-decoration: none;
}
a h4 {
        color: #000080;
}
p a {
        text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
        font-family: 'Fredericka the Great';
        font-weight: 400;
}
div {
        padding: 14px;
}
#content {
        background-color: #ffffff;
}
#head, #footer {
        background-color: #ffaa00;
        padding-top: 4px;
        padding-bottom: 4px;
        border-radius: 4px;
}
#title {
        background-color: #ffffff;
        padding-top: 8px;
        padding-bottom: 8px;
        color: #8b0000;

}
.main {
        border-top: 4px solid #006400;
}
.main, .main-sub {
        background-color: #ffffff;
        color: #006400;
}
.main-sub {
        border-top: 2px dashed #006400;
}
#footer {
        margin: 14px;
        position: fixed;
        bottom: 14;
        left: 0;
        width: calc(100% - 56px);
        font-size: 8px;
}
#footer-bg {
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 49px;
        background-color: #ffffff;
}