html

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
</head>

<body>

<div id="container"> <!-- main container -->
    <div id="top"></div>

  <div id="banner">
   <div id="bannerimg"><img src="http://i.imgur.com/xPaHvb9.png"></div>
 <div class="bannertitle"><p>BTEC Computing</p></div>


  </div> <!-- end of banner -->


 <div id="contentCont">
     <div id="contenttitle"><p>Welcome</p></div>
	<div id="leftColumn"></div>
	<div id="rightColumn"></div>
 </div>


<div id="navigate">
     <p>Navigation</p>
     <div id="buttons">
     <div style="top:0px; text-decoration:underline;" class="button"><a>News</a>
      <div id="highlightednews"></div>
       </div>
     <div style="top:-0px;" class="button"><a>Course Info</a>
      <div id="highlightednews"></div>
       </div>
     <div style="top:-200px;" class="button"><a>Contacts</a>
      <div id="highlightednews"></div>
       </div>
     <div style="top:-200px;" class="button"><a>Gallery</a>
      <div id="highlightednews"></div>
       </div>
      <div style="top:-200px;" class="button"><a>Feedback</a>
      <div id="highlightednews"></div>
          </div>
         </div>
    </div>


</div> <!-- end of main container -->


</body>