body {
  font-family:Arial,Helvettica,sans-serif;
  background-color:#333333;
}

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.5;
  font-style:bold;
  margin-bottom:0;
  margin-left:5px;
}

h4{
margin-top:0;
margin-bottom:0;
margin-left:5px;
}

h5{
margin-top:0;
margin-left:8px;
color:grey;
}

h6{
font-size:1.75;
margin-left:20px;
}

td{ 
width:8px;
text-align:right;}


th{
 text-align:left;
 text-transform:uppercase;
 colspan="3" ;
}
hgroup {
  width:70%;
  float:left;
}
table{
margin-top:15px;
}


hgroup h1 {
  padding-top:0;
  line-height:1em;
}

hgroup h2 {
  text-transform:uppercase;
  font-size:1.2em;
  line-height:1em;
  }
hgroup h3 {
  
  font-size:1em;
  line-height:1em;
  color:white;
  margin-top:0px
  margin-bottom:0px;
}


nav {
  width:30%;
  float:right;
}

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

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

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

p {
  margin:10px;
}

img {
  float:left;
  margin:0px 10px 0px 5px;
  box-shadow:3px 3px 5px 1px #cccccc;
}
hr{border-color:orange;}

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;
}

<STYLE type=text/css>
A:link {color:red}
A:visited{color:grey}
A:hover{color:green}
</style>