body 
{background-color: #6699FF ;
background-image: url(gradientblue.jpg); 
color: #D5E3FF;
font-family: Arial; 
box-sizing: border-box;}
header
{background-color: #000066;
color: #FFFFFF;
text-align: center;}
#wrapper 
{width: 80%;
min-width: 700px; 
max-width: 1024px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
color: #000066;
}
.image
{position: relative;
text-align: center;}
.centered 
{position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
h1
{text-align:center; 
border:none;
text-shadow: #CCCCCC;
font-size: 3em;
padding: 10px;
line-height: 150%;
}
main
{margin-left: 180px;
padding: 20px 20px;
}
nav
{font-weight: bold;
float: left;
width: 150px;
}
nav ul
{list-style-type:none;
margin-left:0;
padding:10px;}
nav a
{text-decoration: none;}
nav a:link
{color: #3262A3}
nav a:visited
{color: #6699FF}
nav a:hover
{color: #CCCCCC}
.catergory
{font-weight: bold;
background-color: #FFFFFF;
color: #003366;
font-size: 1.1em; 
text-shadow: 1px 1px 1px #667;
}
footer
{font-size: 0.70em;
font-style: italic;
text-align:left;
padding: 10px;
margin-left: 180px;
background-color: #FFFFFF 
}
header, nav, main, footer { display: block; }