/* Layout Stylesheet */ 
body{
 margin: 0;
 padding:0; 
 background:#000000;
 color: #333333;
 }	 
	 
#lh-col{
 position:absolute;
 top:62px;
 left:0;
 width:140px;
 z-index:3;
 background:#c0c0c0;
 color: #333333;}

#rh-col{
 position:absolute;
 top:62px;
 right:0;
 width:140px;
 z-index:2;
 background:#c0c0c0;
 color: #333333;}

#c-block {
 width:100%;
 z-index:1;
 background:#c0c0c0;
 color: #333333;
 height:80%;}

#hdr{
 height:60px; 
 border-bottom:1px solid #FFFFFF; 
 width:100%; 
 background:#000000;
 color: #333333; 
 margin:0;
  }

#c-col{
 margin:0 142px 0 142px;
 position:relative;
 background:#ffffff;
 color: #000000;
 z-index:5;
 border: solid #000000;
 border-width:0 1px;
 }

#ftr {
 width:100%;
 height:35px;
 border: solid #FFFFFF; 
 border-width:1px 0;
 background:#000000;
 color: #FFFFFF;
 margin:0;
 }

#list-menu {
width: 132px;
/* this width value is also effected by
the padding we will later set on the links. */
}

<ul>
<li><a href="#">gbwf.org</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul> 

#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
} 

font-family: verdana, arial, sanf-serif;
font-size: 12px; 

#list-menu li {
margin: 2px 0 0;
} 

#list-menu a {
display: block;
width:120px;
padding: 2px 2px 2px 10px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
border: 1px solid #000000;
background: #333333;
color: #ffffff;
}