 body {
 background-color: #000000;
 font-color: #ffffff;
 font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 div#wrapper {
 width: 86%;
 background-color:#000000;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border: thin solid #000000;
 }
 div#header {
 padding: 2px;
 margin: 0px;
 text-align: center;
 }
 div#nav {
 width: 18%;
 padding: 10px;
 margin-top: 1px;
 float: left;
 border: thin solid #000000;
 }
 div#main {
 margin-left: 20%;
 margin-top: 1px;
 padding: 10px;
 }
 div#footer {
 padding: 0px;
 margin: 0px;
 border-top: thin solid #000000;
 }

a:link {
 text-decoration: none;
 }
 a:visited {
 text-decoration: none;
 }
 a:hover {
 text-decoration: underline;
 color: #FF0000;
 }
 a:active {
 text-decoration: none;
 }





 <body>
 <div id="wrapper">
 <div id="header">
 <h1>How To Build a Basic CSS Layout</h1>
 </div>
 <div id="nav">
 <h2>Navigation</h2>
 </div>
 <div id="main"></div>
 <div id="footer"></div>
div#footer ul li{
 color : #000000;
 background-color : transparent;
 display: inline;
 }

div#footer ul li a{
 color : #115EAC;
 background-color : transparent;
 text-decoration : none;
 }

div#footer ul li a:hover{
 text-decoration : underline;
 }
 -->

 </div>
 </body>
 </html>