Ul menu

1

I’ve added my menu inside a div:

<div id="menu">
    <ul class="current"><a href="index.html">Home</a></ul>
    <ul><a href="illumination.html">Illumination</a></ul>
    <ul><a href="music.html">Music</a></ul>
    <ul><a href="peopleandevents.html">People and Events</a></ul>
    <ul><a href="shapeandform.html">Shape and Form</a></ul>
    <ul><a href="urbanlandscape.html">Urban Landscape</a></ul>
    <ul><a href="weddings.html">Weddings</a></ul>
</div>

then set the css for it:

#menu  {
	z-index: 10;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #FFF;
	position: absolute;
	bottom: 52px;
	left: 50px;
	letter-spacing: 1.5px;
}
#menu a{
	font-family: "Century Gothic";
	font-size: 12px;
	color: #FFF;
}
#menu a:hover, a:focus, ul.current  a{
	font-family: "Century Gothic";
	font-size: 12px;
	color: #06F;
	text-decoration: underline;
}

But my HOME button remains white, I’d like it to be the [COLOR=“Blue”]blue[/COLOR] color like the hover state.

I believe it’s got something to do with the ul.current a, but not sure how to fix it.