html {
     width: 97%;
    }

  body {
    margin: 0 0 0  0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #000;
    color: white; 
    width: 99%;
    }

  A {
    color: white; 
    font-weight: bold;
    text-decoration: none;
  }  
  
  A:hover  {
    color: blue;
    text-decoration: underline;
  }

/* we have determined that with the font size specified for 
ID=header and class=header_small and with three lines in heading
these three lines will need 120 px height. This is why we specify
top: 120px  for ID=navleft and ID=links

But the problmes is that in the future if we want to have more
lines in heading or if we want to increas the font size of text
in heading, we will have to change the settings in the css file.
This can be avoided if we use the techniques used by Darren James
Harness in his 'nasty' Journal. 
------------------------------------------------------------------ */ 
    
  #header  {
    position: absolute;
    color: #fff;
    top: 0px;
    left: 0px;
    width:60%;
    text-align:center;
    font-size: 40px;
    }
 /* header_small will be used within ID=header 
 This way all the attributes of ID=header will apply
 except for attributes given for it.  
 ------------------------------------------------------ */ 
    
  .header_small  {
    font-size: 20px;
    }

/* we specify top: 120px for navleft, the reason being that the top
120PX will be used for heading.
------------------------------------------------------------- */      
  #navleft  {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 60%;
    background-image: url("nice1.jpg");
    background-repeat: repeat;     
    }
    
 /*------------------------------------------------
 class copyright will be used within ID=navleft 
 This way it will go just below navleft
 This is why we only specify width for copyright
 -------------------------------------------------  */ 
    
  .copyright  {
    text-align: center;
    width :100%; 
    border-top: 2 px solid white; 
    font-size: 12px; 
    color: #000000;
    font-weight: bold;
    }


/* ID=links has same position attributes as ID=navleft 
--------------------------------------------------------------- */   
  #links  {
    position: absolute;
    font-size: 25px;
    color: white; 
    text-decoration: none; 
    top: 180px;
    left: 0px;
    width:60%;
    }
  
  #content  {
    position: absolute;
    top: 0px;
    left: 60%;
    width:40%;
    font-size: 14px;
    text-align: center; 
    }