* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Arial", Arial, sans-serif;
    font-size: 100%;
    color: #000;
    background-image: #ffffff;
}

#OuterWrapper {
    margin: 20px auto;
    width : 1200px;
    text-align: center;
}

header {
    width: 100%;
    height: 150px;
    text-align: center;
}

h1 {
    font-family: 'Roboto Mono', sans-serif;
    font-size: 4em;
    color: #0b1805;
}
h2 {
    font-family: 'Arial', Arial, sans-serif;
    
}

aside {
    top: 250px;
    width: 200px;
    margin: 20px;
    height: 100%;
    position: fixed;
    
}

/* this styles the sub navigation*/
#SubNav {
    font-family: 'Roboto Mono', sans-serif;
    font-size: 1.15em;
 
    
    }
#SubNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#SubNav li {
    display: block;
    padding-bottom: 20px;
}


#SubNav a:link, a:visted {
    color: #000;
    text-decoration: none;
}

#SubNav a:hover, a:active {
    color: chartreuse;
    text-decoration: overline;
    text-decoration: none;
    
}

    
}

main {
    text-align: center;
    color: azure;
}

p{
    text-align: left;
    font-size: 1em;
    margin: 0 50px;
    
}

img {
    margin-bottom: 20px;
}
/*this style's my home navigation*/

#HomeNav {
    font-family: 'Roboto Mono', sans-serif;
    font-size: 1.5em;
}

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

#HomeNav li {
    display:inline;
    padding-right: 10px;
}

#HomeNav a {
    color: #fff;
    text-decoration: none;
}

#HomeNav a:link, a:visited {
    color: #fff;
    text-decoration: none;
}

#HomeNav a:hover, a:active {
    text-decoration: underline;
    color: deepskyblue;
}

footer {
    font-family: "Times New Roman", Times, serif;
    font-size: .8em; 
    padding: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: aliceblue;
}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}