nav{
     width: 1020px;
     height: 48px;
     background-color: #000; /*#4b97de;/*light blue*/
     border: 2px solid #000;/*black colour*/
     position: absolute;
     top: 148px;
     left: -2px;
     z-index: 2;/* Sits above the header*/
} 

nav ul{
    padding-top: 0px;
    margin: 0px 20px 0px 155px; /*Move the text down and along*/
    list-style-type: none;
    overflow: hidden;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: center; /*ensures the text is centred in the text box*/
 }
 
 nav li{
     float: left; /* makes the lists items on one line*/
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 15px;
     padding-top: 15px;
 }
 
  nav ul li{
      display: inline; /* makes the lists items on one line*/
      list-style: none; /* removes the dot and underline*/
      float: left; /* makes each item left of the previous one */
 }
 
 nav a:link{
  color:#777;/* a link waiting to be clicked*/
  background-color: #0000FF;
 } 
 
 nav a:hover {
  color:#000; /* a link with the mouse over*/
  background-color: #f00;/*#aaa;*/
  }
  
 nav a:visited{
 color:#777; /* A link that has been visited*/
 background-color: #222;
 } 
 
 nav a:active {color:#ffffff;} /*selected link}*/
 
 
 nav a:link, nav a:hover, nav a:visited{
    font-family: Calibri;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none; /* Removes the line from under text*/
    padding: 0px 15px 0px 15px; /*makes space on both side of words*/
    border: 2px solid #000;
    border-radius: 6px; /* rounds the courners on the boarders */
    margin: 5px;
    color: #fff;
 }