#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: #2C5F3F; /* Set as desired */ 
} 

#navbar ul li { 
display: inline; /* Needed to create horizontal effect */ 
} 

#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: #fff; /* Set as desired */ 
background-color: #2C5F3F; /* Set as desired */ 
} 

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