css & html

body{
    font-size: 12pt;
    line-height: 1.75em;
    font-family: Arial, sans-serif;
    background: #030707 url('images/body.jpg');
    color: #c0c1c1;
}

#Header {
    padding: 30px;
    height: 60px;
    width: 36%;
    margin: 0px 0 0 500;
    overflow: hidden;

}

#Content {
    padding: 35px;
    height: 800px;
    width: 32%;
    background: grey;
    margin: 50px 0 0 529;
    vertical-align:top;
    border:1px solid red;
}

#SideBar{
    position: absolute;
    padding: 35px;
    height: 800px;
    width: 7%;
    background: grey;
    margin: 50px 0 0 260;
    vertical-align:top;
    z-index:1;
    border:1px solid red;
}

p.PosFixed
{
position:relative;
padding: 35px;
margin: -60px 0 0 -50;
z-index:2;
}

#Footer{
    padding: 30px;
    height: 60px;
    width: 37%;
    margin: 0px 0 0 500;
}

<html>
<title>Informatica-sj</title>
 <link REL="stylesheet" href="style.css" type="text/css">

</head>
<body>
<body>
<div id="Header"><center><img src="images/Header.jpg" width="100%" height="120" alt=""></center></div>
  <div id="SideBar">
      <p class="PosFixed">
  <a href="index.html" onmouseover="setOverImg('1','');" onmouseout="setOutImg('1','');" target="index.html"><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1"></a><br>
<a href="contact.html" onmouseover="setOverImg('2','');" onmouseout="setOutImg('2','');" target="contact.html"><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="1"></a><br>
<a href="po1.html" onmouseover="setOverImg('3','');" onmouseout="setOutImg('3','');" target="po1.html"><img src="buttons/button3up.png" border="0" id="button3" vspace="1" hspace="1"></a><br>
<a href="po2.html" onmouseover="setOverImg('4','');" onmouseout="setOutImg('4','');" target="underConstruction.html"><img src="buttons/button4up.png" border="0" id="button4" vspace="1" hspace="1"></a><br>
<a href="po3.html" onmouseover="setOverImg('5','');" onmouseout="setOutImg('5','');" target="underConstruction.html"><img src="buttons/button5up.png" border="0" id="button5" vspace="1" hspace="1"></a><br>
<a href="po4.html" onmouseover="setOverImg('6','');" onmouseout="setOutImg('6','');" target="underConstruction.html"><img src="buttons/button6up.png" border="0" id="button6" vspace="1" hspace="1"></a><br>
<a href="po5.html" onmouseover="setOverImg('7','');" onmouseout="setOutImg('7','');" target="underConstruction.html"><img src="buttons/button7up.png" border="0" id="button7" vspace="1" hspace="1"></a><br>
</p>
  </div>

 <div id="Content">
 <font face="28 Days Later" size="15" color="Black">
Welkome,
</font>
<font face="FangSong" size="3" color="black">
   Enter text here
   </font>
 </div>

 <div id="Footer">
 <img src="images/Footer.jpg" width="100%" height="120" alt="">
 </div>

</body>
</html>