.color-primary-0 { color: #234672 }	/* Main Primary color */
.color-primary-1 { color: #5C7AA1 }
.color-primary-2 { color: #385A86 }
.color-primary-3 { color: #11315B }
.color-primary-4 { color: #051E3F }

.color-secondary-1-0 { color: #AE2A2A }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #F58282 }
.color-secondary-1-2 { color: #CC4B4B }
.color-secondary-1-3 { color: #8B0F0F }
.color-secondary-1-4 { color: #600000 }

.color-secondary-2-0 { color: #AEA02A }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #F5E982 }
.color-secondary-2-2 { color: #CCBF4B }
.color-secondary-2-3 { color: #8B7F0F }
.color-secondary-2-4 { color: #605700 }


html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
    font-family: verdana, arial, helvetica;
    margin: 0;
}

code {
    font-family: lucida console, courier new, courier;
}

a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#header {
    width: 100%;
    background-color: black;
    color: white;
    padding: 0.2em;
}

#header a {
    color: white;
}

#header ul {
    display: inline;
    margin: 0;
    margin-left: 1em;
    padding: 0;
}

#header ul li:before {
    content: "| ";
}

#header ul li {
    display: inline-block;
    margin-right: 1em;
}

#content {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.7em;
}

#projectheader {
    padding: 0.1em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #234672;
    color: white;
    margin-bottom: 0.7em;
}

#quotebox {
    background-color: #CCBF4B;
    padding: 0.5em;
}

.comments {
    padding-left: 4px;
    padding-right: 4px;
    background-color: #aaaaaa;
}

div.download {
    margin-top: 0.7em;
}

div.downloadcomment {
    padding-left: 3em;
}

hr {
    margin-top: 2em;
}