html, body {
	width: 100%;
	font-family:  helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, p {
	padding-left: 1em;
	padding-right: 1em;
	}
	
li {
	padding-bottom: 1em;
}
	
header{
	text-align: center;
	text-size: 120%;
	background-color:tan;
	}

header:hover {
	background: gray;
	}

#profile{
	width:20%;
	height:100em;
	float:left;
	background-color:tan;
	}
	
#profile:hover {
	background: gray;
	}
	
#profile p img {
	min-width: 10%;
	max-width: 100%;

	}
	
aside:hover  {
	background: gray;
	}
	
aside {
    width: 20%;
   	height: 40em;
    float:right;
    background-color: tan;
    min-width:10%;
    max-width:20%;
    
    }

aside iframe {
	min-width:60%;
	max-width:100%;
	}
    

#middle:hover {
	background: gray;
	}
	
#middle {
	background-color: tan;
	min-width:40%;
	max-width:60%;
	left-margin: 50em;
	float:left;
	}
	
#information:hover {
	background: gray;
	}
	
#information {
	background-color: tan;
	min-width:40%;
	max-width:60%;
	left-margin: 50em;
	float:left;
	}
	
	
footer{
	width: 100%;
	clear:both;
	}
	
footer:hover{
	background:gray;
	
	}