#navbar ul {
margin: 0;
padding: 5px; /* Set margin and padding for cross browser consistency. */
list-style-type: none; /* Needed to eliminate list item marker */
text-align: center; /* Centers navigation bar */
background-color: #ffffff; /* Set as desired */
}

#navbar ul li {
display: inline; /* Needed to create horizontal effect */
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:12px
}

#navbar ul li a {
text-decoration: none; /* The setting of "none" allows the link to not be underlined. This is up to user preference. */
padding: .2em 1em; /* Gives the link space inside it's individual block. */
color: #333366; /* Set as desired */
background-color: #ffffff; /* Set as desired */
}

#navbar ul li a:hover {
color: #FFF;
background-color: #cc3333; /* Both of these values create the "Rollover effect, Set as desired */
} 

#navbar ul li a:link {
color: #000;
background-color: #fff; /* Both of these values create the "Rollover effect, Set as desired */
}