/* NavBar 2.0! */

#container {
	text-align:center;
	/*width:800px;*/
	/*height:600px;*/
	padding:10px;
	background: url(images/img04.gif) repeat-x;
}
ul#navbar {
	background: url(images/img04.gif) repeat-x;
	margin:0;
	border-bottom:3px solid blue;
	border-top:1px solid blue;
	list-style-type:none;
	height:31px;
	
}
ul#navbar li {
	float:left;
	background: url(images/img04.gif) repeat-x;
}
ul#navbar li a {
	display:block;
	padding:5px 15px 4px;
	font:bold 16px "Trebuchet MS";
	font-stretch:condensed;
	text-decoration:none;
	color:white;
	letter-spacing: -0.1em;
	background: url(images/img04.gif) repeat-x;
}
ul#navbar li a:hover {
	color:blue;
	background: url(images/img04.gif) repeat-x;
}
ul#navbar li a#current {
	background: url(images/img04.gif) repeat-x;
	color:black;
}


<!-- HTML CODE BELOW -->

<table align="center">
<tr>
<td>
<center>
  <div id="container">
    <ul id="navbar">
      	  <li><a href="#" id="current">Home</a></li>
	  <li><a href="#">Products</a></li>
	  <li><a href="#">Links</a></li>
	  <li><a href="#">Contact</a></li>
    </ul>
  </div>
</center>
</tr>
</td>
</table>