Alterar a cor do elemento da nav

<nav>
                        <div id="menubar">
                                <ul id="menu">
                                        <li class="selected"><a href="Index.html">Home</a></li>
                                        <li><a href="#">Ilustracao</a></li>
                                        <li><a href="#">3ds</a></li>
                                        <li><a href="#">video</a></li>
                                        <li><a href="#">Contacto</a></li>
                                        <li><a href="#">teste</a></li>
                                </ul>
                        </div>
                </nav>

/*----------------------------------------------------------------------
                                 // nav //
----------------------------------------------------------------------*/
nav {
margin:0;
padding:0;
height:50px;
background-color:#00006A;}
#menubar {
height: 50px;
padding-left:50px;}
ul#menu, ul#menu li {
float: left;
margin: 0;
padding: 0;}
ul#menu li {
  list-style: none;}
ul#menu li a {
letter-spacing: 0.1em;
font: normal 100% 'lucida sans unicode', arial, sans-serif;
display: block;
float: left;
height: 24px;
padding: 13px 26px 13px 26px;
text-align: center;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
background: transparent;}
ul#menu li a:hover, ul#menu li.selected a:active,ul#menu li.selected a {
                color:#FFF;
   background:#CCC;}