* {   
    margin: 0;
    padding: 0;
}
  

body {   

     font-family: 'PT Serif', serif;
     font-size: 100%;
     color: black;
   ;
}

#OuterWrapper {   
    margin: 20px auto;
    width: 1200px;
    background-color: white;
}

header  {   
    width: 100%;
    height: 150px;
    text-align: center;
}
 
h1, h2, h3 {   
    font-family: 'Cinzel', serif;    
}

h1 {   
    font-size: 2em;
    
}

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

main {   
   text-align: center;
}

p {
    text-align: left;
    margin-left: 30px;
    
    
    
}
#MainNav {   
   font-size: 1.5em;
   font-family: 'Cinzel', serif;
}

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

#MainNav li{   
    display: inline;
    padding-right: 20px;
}

#MainNav a{   
   color: black;
    text-decoration: none;
}

#MainNav a:hover, a:active {   
   color: cadetblue;
    text-decoration: underline;
}

/*this is where you style the homepage*/
#HomeNav {   
   font-size: 2em;
   font-family: 'Cinzel', serif;
}

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

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

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

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

/*this is where you style the subnav*/
#SubNav{   
    font-size: 1.5em;
    font-family: 'Cinzel', serif;   
}

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

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

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

#SubNav a:hover, a:active {   
   color: cadetblue;
    text-decoration: underline;
}

/*this is where you style the footer*/
footer {   
   font-family: "Times New Roman", Times, serif;
    font-size: .8;
    padding: 30px;
    position: fixed;
    bottom: 0;
    width: 100%;
}