HTML - Menu Tab

• Item 1
• Item 2
• Item 3
• Item 4

<ul id="TabMenu1">
<li><a href="http://www.blogger.com/blogger.g?blogID=1148059148575905031#">Item 1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=1148059148575905031#">Item 2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=1148059148575905031#">Item 3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=1148059148575905031#">Item 4</a></li>
</ul>
</div>
<style type="text/css">
#TabMenu1
{
   text-align: left;
   margin: 0px 0 1px 0;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   border-bottom: 1px solid #5594D2;
   list-style-type: none;
   padding: 14px 0px 3px 10px;
}
#TabMenu1 li
{
   display: inline;
}
#TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active
{
   border-bottom: 1px solid #627080;
   background-color: #627080;
   color: #FFFFFF;
   position: relative;
   padding-top: 3px;
   font-weight: normal;
   text-decoration: none;
}
#TabMenu1 a:link, #TabMenu1 a:visited
{
   padding: 3px 4px;
   border: 1px solid #5594D2;
   background-color: #6FA6DE;
   color: #FFFFFF;
   margin-right: 0px;
   text-decoration: none;
   border-bottom: none;
}
#TabMenu1 a:hover
{
   background: #627080;
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: underline;
}
</style>