Hi everyone! Im a newbie to CSS and im trying to figure out how to get my menu to go back to a black font. At the minute i have managed to change it so that the hover goes to grey, but the original text appears to be white and I cant seem to find the code to change it to black? Website: www.accentoarquitectura.com
Here is the code:
.sf-menu ul {list-style: none;padding: 0;margin: 0px 0 20px 0;background-color: #fff;font-size: 1em;height:40px;}
.sf-menu ul li {text-align: left;float: left;height: 40px;margin: 0;background: #fff;border-right:1px solid #fff;padding: 0;}
.sf-menu ul li a {display: block;width: 100px;padding: 7px 5px 22px 7px;color: #fff;font-size: 11px;text-decoration: none;text-shadow: 0 0 0 #000;}
#navcontainer>.sf-menu ul li a {width: auto;height: auto;height: 8px}
.sf-menu ul li a:hover,.sf-menu ul li#active a:hover {color: #666;background-color: #fff;}
.sf-menu ul li#active a {background: #000;color: #000;}
.sf-menu ul li.home {border-left: none;}
.sf-menu ul li li {border:none; border-bottom: 1px solid #333;}