body {
    background-color: white; 
    font-family:serif;
}


a:link {
    text-decoration: none;
    color: #0D0E51;
    padding: 2px 3px 0px 3px;
}

a:visited {
    text-decoration: none;
    color: #161782; 
    padding: 2px 3px 0px 3px;
}
    
a:hover, a:active {
    color: black;
    padding: 2px 3px 0px 3px;
    background-color: #56ACFE;
}

/* for image links*/
a.img {
    border-width: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    background-color:white;
}

img {
    border: 0px;
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    
li {
    margin: 5px 2px 5px 2px;
}

p {
    font-family: times, serif;
    color: black;
    max-width: 90%;
}


div {
    
    padding: 5px 5px 5px 5px;
    width: 90%;
    
    margin: 1em 1em 1em 1em;
}

span.mainheading {
    color: black;
    background-color: #E8F6F6;
    border-color: #C9C6D0;
    
    
    font-size: 100%;
    text-align: left;

    white-space: nowrap;
    
    padding: 0.2em 5em 0.2em 0.5em;    
    
    border-style: solid;
    border-width: 0px 0px 5px 0px;
}


/* for the page modified date */
.modified {
    font-size: 70%;
}

.note {
    background-color: #D7D7D4;
    color: black;
    
    margin: 1em 1em 1em 1em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #B3B3B0;
}


img {
    border: 0px;
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* float the image to the right */
img.right { 
    float: right; 
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* float the image to the left */
img.left { 
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}