#nav-bar ul {
list-style: none;
height: 40px;
background: #fff9c8; }

#nav-bar ul li {
float:left;
display: inline;
width: 126px;
height: 36px; 
background: #5a7acf;
margin-left: 2px; }

#nav-bar ul li a {
line-height: 36px;
display:block;
text-decoration: none;
color: #fff;
font-size: 14px;
text-align:center; }

#nav-bar ul li:hover, #nav-bar ul li a:hover, #nav-bar ul li.active, #nav-bar ul li a.active, #nav-bar ul li.active:hover, #nav-bar ul li a.active:hover {
background: #2658CF;  }

 /* adjust first nav-bar link  - lose margin on left, add 2px to width to fill the full 1024px width. */ 
#nav-bar ul li#first_link {
width: 128px;
margin-left: 0px; }