#menu {
position: relative;
margin: 0px auto 0px auto;
width: 820px;
height: 36px;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
font-size: 12px;
}

#menu li {
display: inline;
position: relative;
}

#menu a {
text-decoration: none;
font-family: helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
vertical-align: bottom;
color: #FFFFFF;
/*letter-spacing: .08em;*/
}

#menu-item-blue {
position: relative;
width: 164px;
height: 36px;
margin: 0px;
border: 0px;
float: left;
background-color: #6789B6;
}

#menu-item-blue:hover {
color: #6789B6;
background-color: #a3b9d6;
}

#menu-item-green {
position: relative;
width: 164px;
height: 36px;
margin: 0px;
border: 0px;
float: left;
background-color: green;
}

#menu-item-green:hover {
color: green;
background-color: #55A655;
}

#menu-item-orange {
position: relative;
width: 164px;
height: 36px;
margin: 0px;
border: 0px;
float: left;
background-color: #FF7000;
}

#menu-item-orange:hover {
color: #FF7000;
background-color: #FFA45A;
}

#menu-item-purple {
position: relative;
width: 164px;
height: 36px;
margin: 0px;
border: 0px;
float: left;
background-color: #4E21D6;
}

#menu-item-purple:hover {
color: #4E21D6;
background-color: #886DD5;
}

#menu-item-red {
position: relative;
width: 164px;
height: 36px;
margin: 0px;
border: 0px;
float: left;
background-color: #CC0000;
}

#menu-item-red:hover {
color: #CC0000;
background-color: #C85252;
}

#menu-item-yellow {
position: relative;
width: 164px;
height: 36px;
margin: 0px;
border: 0px;
float: left;
background-color: #E6E600;
}

#menu-item-yellow:hover {
color: #E6E600;
background-color: #E3E265;
}