/*
 * orange: background-color: #fbc97f;
 * blue  : background-color: #709dc7;
 * brown : background-color: #bcb098;
 * red   : background-color: #cd6969;
 * green : background-color: #a5ad85;
 * antiquewhite: background-color: #FAEBD7;

 */

body {
    font: normal normal normal 1em/1.45 Roboto,Arial,Helvetica,sans-serif;
    font-size: 16pt;
    background-color: #F5F5DC;
    color: navy;
}

h1, h2 {
    text-transform: uppercase;
}

h2 {
    font-size: 35pt;
}

h3 {
    font-size: 25pt;
}

p {
    margin-right: 20px;
}

.header {
    margin: auto;
    padding: 20px;
    overflow: hidden;
    color: #F5F5DC;
    background-color: #054b81;			       
}

.header img {
    background-color: #F5F5DC;
    margin-right: 15px;
    float: left;
}

.header a {
    color: #F5F5DC;
}

a:hover {
    font-weight:bold;
}

.header p {
    text-align: right;
    line-height: 200%;
}

.contact {    
    margin: auto;
    padding: 20px 20px 20px 0px;
    color: #F5F5DC;
    background-color: #054b81;			       
}

.contact a {
    color: #F5F5DC;
}

.contact h3 {
    margin-left: 20px;
}

.contact p {
    margin-left: 20px;
}

.page-content {
    margin-left: 20px;
}

.item {
    margin-top: 10px;
    margin-bottom: 40px;
}

.item-intro {
    font-style: italic;
}

#content {
    margin-left: 20px;
}

.title {
    display: none;
}

li {
    margin-top: 10px;
    margin-bottom: 20px;
}

a {
    color: rgb(0,0,230);
}

.todo {
    color: red;
}

.done {
    color: green;
}