have the dropdown nav bar working can't get colors right

[smile.its.me]

I think I have started over on this like 500 times! The coding for the nav bar is in place. I just can't get my css right! I would like for my smugmug site to mirror my wordpress site. (It does not have to be exact, but close would be nice.)

How do I go about getting my drop down to mirror what it does here:

http://www.octoberdawn.com/

Here is my smug site:

http://www.octoberdawnphotography.com/

Thanks in advance!!!

[jfriend]

What specific thing do you want to change on your Smugmug site?

[smile.its.me]

I would like to hover over my menu text and have it turn brown. But when I go down to the second level, I would like the text hover to change to green and not be a hover "box". If that is not possible...I can live with how it is now. It is MUCH better than when I posted the above thread. Thanks!

[jfriend]

I would like to hover over my menu text and have it turn brown. But when I go down to the second level, I would like the text hover to change to green and not be a hover "box". If that is not possible...I can live with how it is now. It is MUCH better than when I posted the above thread. Thanks!To change the hover color at the top level, change the two parts of your existing CSS shown in red:

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#381c0E;
background: blue;

}
.menu :hover > a, .menu ul ul :hover > a {
color:#381c0E;
background:#d5df20;
opacity:1;
}

And, then add this line of CSS at the end of your CSS:

.menu ul ul :hover > a {background-color: #381C0E; color: #D5DF20;}