The HTML source code:
<div class="bar">
<ol title="General site navigation menu">
  <li><a href="index.shtml">Home</a></li>
  <li><a href="news.shtml">News</a></li>
  <li><a href="courses.shtml">Courses</a></li>
  <li><a href="programs.shtml">Programs</a></li>
  <li><a href="faculty.shtml">Faculty</a></li>
  <li><a href="students.shtml">Students</a></li>
</ol>
</div>


The CSS source code:

.bar  {
  width: 738px;  /* Need width restriction if want the centering */
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;

  }

 ol {
   padding: 0;
   margin: 0;
   list-style-type: none;
   }

 li {
   display: block;
   float: left;       
   background: #036;  
   border-bottom:  6px double #fff;
   margin: 0;
   padding: 0;  
  }

 ol li a {
   width: 121px;
   border-left: 1px solid #fff; 
   padding: 0;
   margin: 2px 0 2px 0;
   color: #fff;;
   text-decoration: none;
   display: block;
   text-align: center;
   font-weight: normal;
   font-size:    .9em;
   }

 ol li:first-child a {
   border-left: 1px #036; 
   }