/* CSS container shadow */
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    }
/* CSS container shadow */

body
{
    color: black;
    font-family: Arial;
    font-size: 12px;
}
h1
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #800000;
    font-family: Arial;
}
h2
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #000080;
    font-family: Arial;
}
h3
{
    font-weight: bold;
    font-size: 12px;
    color: blue;
    font-family: Arial;
}
P
{
    background-color: white;
    text-align: justify;
}
a
{
    text-decoration: none;
    color: #0000cd;
}

a:hover
{
    text-decoration: none;
    color: #000000;
}

.instructions
{
    background-color:transparent;
    border-right: #ff8c00 1px solid; 
    border-top: #ff8c00 1px solid; 
    border-left: #ff8c00 1px solid; 
    border-bottom: #ff8c00 1px solid;
}
.midlinks
{
    text-decoration: none;
    color: #ffa500;
}
.external
{
    text-decoration: none;
    color: #ffa500;
        
 }
a.external:hover
{
    text-decoration: none;
    color: #ffffff;
        
 }
 .sources
 {
    text-decoration: none;
    color: #ffffff;
 }
 a.sources:hover
 {
    text-decoration: none;
    color: #ffa500;
 }