* {margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    margin: .5em 15em;
}


body header {	
background-color:teal;
height:5em;
width:auto;	
}

body header h1 {
	font-size: 200%;
	text-align:center;
	color: rgb(80%, 80%, 20%); 	
}   

#nav_bar ul {
	
	list-style: none;
	padding: .5em 0em;
	background-color: green;
	border-bottom: 5px solid olive;
	margin: .5em 0;
}

#nav_bar li { display:inline; 
              text-align: center;
              padding: 0 1em;}

#nav_bar a {
	padding: .5em 3em;
	text-decoration: none;
	color: maroon;
	font-weight: bold;
	border-right: 2px solid white; }

#nav_bar a.current { color: yellow;}

#nav_bar a:hover, a:focus {background-color:olive;}

aside {margin: .5em;
       padding: 0;
       height: 400px;
       width:20%;
       float: right;
}

h2 {padding-bottom: .5em;
     margin: .5em;
     text-align:center;}

ol {padding-left: 2em;}

li {padding-bottom: .5em;}

article {
     height:auto;
     width: 70%; 
     margin-left: 1em;
      border-right: 2px solid maroon;
      padding-right: 1em;   		
}

article img {padding: .5em;
             float:left;
             }

article {-moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;}        

/* the styles for the footer */
footer {
	clear: both;
}
footer p {
	margin: 6em;
	padding: 1em 0;
	text-align: center;
	border-top: 2px solid teal;	
}