body {
	font-family: Arial,Helvetica,sans-serif;
	background-color: #333333;
        color: blue;
}
header {
	width: 80%;
	background-color: black;
	color: white;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	overflow: hidden;
}

h1 {
	font-size: 2em;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

h2 {
	font-size: 1.6;
}

h3 {
	font-size: 1.3;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

hgroup {
	width: 100%;
	float: top;
}
hgroup h1 {
	padding-top: 0;
	line-height: 1em;	
}

hgroup h2 {
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1em;
}

nav {
	width: 100%;
	float: bottom;
}

nav ul {
	list-style-type: none;
}

nav li {
	float: left;
	margin-right: 5px;
}

section {
	width: 80%;
	background-color: white;
	color: black;
	margin-right: auto;
	margin-left: auto;
	border-color: black;
	border-style: solid;
	border-width: 5px;
	padding: 5px;
}

p {
	margin: 10px;
}
aside {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: .8em;
	background: #eeff99;
	padding: 20px;
	border: 1px solid #696;
	border-radius: 20px;

}

footer {
	width: 80%;
	background-color: black;
	color: white;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding: 10px;
	overflow: hidden;

}

a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
     color: #0000FF;
}