* {
    margin:     0;
    padding:    0;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    height:           100%;
    font-family:      Georgia, "Times New Roman", serif;
    font-size:        100%;
    color:            #000064;
    background-color: white;
    background-image: url( lightpaperfibers.png );
}

#frame
{
    height: 100%;
    margin: 0 auto 0 auto;
}

.backlink
{
    margin:         5px auto;
    font-size:      0.8em;
    text-align:     center;
}

#logo-container {
    margin:     10px auto 0 auto;
    text-align: center;
}

.head {
    font-weight: bold;
    text-align:  center;
}

.site {
    font-size: 1.8em;
    color:     #006400;
}

.page {
    margin:    15px 0 10px 0;
    font-size: 1.4em;
    color:     #640000;
}

.section {
    margin:    12px 0;  /* same as paragraph margins */
    font-size: 1em;     /* makes it the same as containing div */
    color:     #000064;
}

#content {
    width:         80%;
    margin:        0 auto;
    font-size:     1.2em;
    line-height:   1.4em;
}

.summary {
    margin:     0 10px;
    font-style: italic;
}

li {
    margin: 20px 0;
}

#source_info
{
    margin:        0px 25px;
    font-size:     0.9em;
}

@media screen and (min-width: 1500px) {
    #frame {
        width: 45%;
    }

    p.table-width, table.normal {
        width: 60%;
    }
}

@media screen and (max-width: 1499px) {
    #frame {
        width: 50%;
    }

    p.table-width, table.normal {
        width: 65%;
    }
}

@media screen and (max-width: 1199px) {
    #frame {
        width: 75%;
    }

    p.table-width, table.normal {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    #frame {
        width: 85%;
    }

    p.table-width, table.normal {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    #frame {
        width: 95%;
    }

    #content {
        width:   100%;
        padding: 0 5px;
    }
}

@media screen and (max-width: 500px) {
    #frame {
        width: 100%;
    }
}

.backlink {
    margin:      5px auto;
    font-family: Verdana, "sans serif";
    font-size:   0.8em;
    text-align:  center;
}

/* For mobile devices: */
@media ( max-width: 768px ) {
    #logo {
        display: none;
    }
}

@media ( max-height: 500px ) {
    #logo {
        display: none;
    }
}
/* End of mobile device styles */

sup {
    color: #AAB;
    font-size: 0.9em;
}

hr.w25 {
    width: 25%;
    margin: 0 auto;
}

a {text-decoration:none;}
a:link    { color: blue;}
a:active  { color: blue;}
a:visited { color: blue;}
a:hover   { color: red; }

/*============== Paragraph styles =================*/
p {
    margin: 12px 0px 12px 0px;
}

.centered {
    text-align: center;
}
.centered_heading {
    margin:          5px 0 0 0;
    font-size:       0.9em;
    text-align:      center;
    text-decoration: underline;
}

.indent-line1 {
    text-indent: 20px;
}

.no-top-margin {
    margin-top:    0;
    margin-bottom: 12px;
}

.no-bottom-margin {
    margin-top:    12px;
    margin-bottom: 0;
}

.no-vert-margins {
    margin-top:    0;
    margin-bottom: 0;
}

.in1 {
    margin-left: 20px;
}

.in2 {
    margin-left: 40px;
}

.in3 {
    margin-left: 60px;
}

.in4 {
    margin-left: 80px;
}
/*===========================================================*/