body {
margin: 0;
padding: 0;

background-color: #d4d0c8;
color: #000000;

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

header {
background-color: #000080;
color: #ffffff;

text-align: center;

padding: 20px;
border-bottom: 6px solid #808080;
}

header h1 {
margin: 0;

font-size: 42px;
letter-spacing: 2px;
}

header p {
margin: 8px 0 0;

font-size: 18px;
}

main {
width: 760px;

margin: 25px auto;
padding: 20px;

background-color: #ffffff;
border: 3px solid #808080;
}

h2 {
color: #000080;
}

hr {
border: 0;
border-top: 2px solid #808080;

margin: 25px 0;
}

a {
color: #0000ee;
font-weight: bold;
}

a {
color: #551a8b;
}

a {
color: #ff0000;
}

ul {
list-style-type: none;
padding: 0;
}

li {
margin: 12px 0;
}

li a {
display: inline-block;

padding: 10px 18px;

background-color: #e0e0e0;

border-top: 3px solid #ffffff;
border-left: 3px solid #ffffff;
border-right: 3px solid #666666;
border-bottom: 3px solid #666666;

text-decoration: none;
}

li a {
border-top: 3px solid #666666;
border-left: 3px solid #666666;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}

footer {
text-align: center;

color: #666666;
font-size: 13px;

margin: 30px;
}

footer p {
margin: 5px;
}