@charset "UTF-8";

article, aside, header, footer, main, nav, section{
	display: block;
}

html, body, h1, h2, h3, h4, ul, li, a, p,
article, aside, header, footer, main, nav, section{
	padding: 0; 
	margin: 0; 
}

.banner{
	background-image: url("images/photo11.jpg");
	background-color: #0d0d0d;  
	color: white;  
	padding: 30px 10px 120px 10px;	
	text-align: center; 
	}
	
	body{
	width: 100%;  
	margin-left: 0%; 
	margin-right:0%; 
	background-color: #999966; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 15px;
	}	
	
	section{
	background-color: #bbbbbb; 
	margin-top: 10px; 
	padding: 5px; 
	}
	
article{
	background-color: white; 
	margin-top: 5px;  
	padding: 10px 15px; 
	}
	
	main{
	width: 74.5%; 
	margin-bottom: 8px;  
	float: left; 
	}
	
aside{
	background-color: #bbbbbb;
	width: 20%; 
	float: right; 
	padding: 2.50%;
	margin-top: 10px; 
	}
	
footer{
	clear: both; 
	background-color: #20416c; 
	color: white; 
	padding: 50px 20px; 
	}
	
nav {
    width: 100%; 
    background: #2eb82e; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: 1px; 
	float: left;  
    padding: 0; 
	}	
 
nav ul {
    margin: 0; 
    padding: 0; 
	}
 
nav ul li { 
    list-style: none; 
    float: left; 
    text-align: center; 
    width: 8.33%; 
	}
 
nav ul li a { 
    display: block;
    text-decoration: none; 
    padding: 10px; 
    color: #fff; 
    transition: .5s background-color; 
	}

nav ul li a:hover { 
    background-color: #196619; 
	}	
	
.left {
	float:left;
	margin-right:20px;
}
.right {
	float:right;
	margin-left:20px;
}
.left, .right {
	padding:0px 0px 10px 0px;
	border:0px solid #000;
}
.center {
	display: block;
    margin-left: auto;
    margin-right: auto
}