* {
 margin: 0 0;    
}
html {
 height: 100%;   
}
body { 
    font-family: Oxygen;
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
}
main {
 min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3em;
}
.push, footer {
 height: 2em;   
}
ul {
    list-style-type: none;
    padding: 0;
    padding-top: 1em;
    
    width: 85%;
}
nav ul {
    margin: 0 auto;
}
nav li{
    float: left;    
    //display: inline-block;
    width: 25%;
    text-align: center;
    font-weight: 400;
}
nav li:hover {
    background-color:cadetblue;
}
a {
    text-decoration: none;
    color: darkslategray;
    font-size: 1em;
}
nav li.cur {
    background-color:cadetblue;
}
h1 {
    color:dimgrey;
    text-align: center;
    padding-bottom: .25em;
    font-size: 3em;
    margin: 0;
    font-style: normal;
    font-weight: 300;
    border-bottom: .05em solid darkslategray;
}
h3 {
    padding-top: .5em;
    font-weight: 300;
    font-size: 1.25em;
}
dl {
    width: 85%;
    margin: 0 auto;
}
dt {
    padding-top: 1em;   
}
dd {
    padding-top: 1em;
    padding-bottom: 1em;
  //text-align: center;
}
article {
    width: 85%;
    margin:0 auto;
    padding-bottom: 3em;
}

h2 {
    padding-top: 1em;
    font-size: 1.75em;
    font-weight: 300;
    width: auto;
    border-bottom: .05em solid darkslategray; 
}
img {
// margin-left: 1em;
    //border: 1px solid darkslategray;
}
img.right {
    float: right;   
}
p {
    padding-top: .5em;
}

.clearer {
 clear: both;   
}
footer {
    text-align: center;
    max-width: 1100px;
    clear: both;
    padding-top: 1em;
}
footer p:first-child {
    padding-top: .5em;
 border-top: 1px solid darkslategray;   
}
footer p {
 color: gray;
}