CSS horizontal menubar

Put this code in the {STYLE}..{/STYLE} tags [Angle brackets in the original!]

/* Begin Navigation Bar Styling */
#nav {
width: 100%;
float: left;
margin: 0 0 3em -1px;
padding: 0;
list-style: none;
background-color: #93A9D5;
border: 1px solid #000; }

#nav li {float: left; }

#nav li a {
display: block;
padding: 8px 14px;
text-decoration: none;
font-weight: bold;
color: navy;
border-right: 1px solid black; }

#nav li a:hover {color: #b22222;background-color: #fff; }
/* End navigation bar styling. */

Very simple CSS horizontal menubar. Use this in place of a footer! Called by the following code:
[NB Curly brackets used rather than angle brackets to ensure links are not live!]

{ul id="nav"}
  {li} ©Mike Hart, 2013  {/li}
  {li style="border-left:1px solid black">DirList{/li}
  {li}Item 2{/li}
  {li}Item 3{/li}
  {li}Item 4{/li}
  {li}Item 5{/li}
  {li}Item 6}/li}
  {li}Item 7}/li}
  {li}Item 8{/li}
{/ul}

____________________________________________________________________________________________________________________________________