CSS how to change single line item's style in a list?

[Efendibey]

I'm certain this is a simple problem with a simple answer, but i don't have much experience working with CSS and Googling is just directing me to answers for different CSS/list questions. so any advice would be greatly appreciated.specifically, i'd like to change the font color of a single item (\[code\]id="ttm_nav_header_sale"\[/code\]) in an unordered list. but am having trouble with the cascading styles.HTML as follows:\[code\]<div id="ttm_nav_header"><ul> {% for link in linklists.main-menu.links %} {% if link.title == "Drums" or link.title == "Accessories" %} <li rel="nav_{{ link.title }}"><a href="http://stackoverflow.com/questions/13850771/{{ link.url }}">{{ link.title }}</a>&nbsp;&nbsp;&nbsp;/</li> {% elsif link.title == "Sale" %} <li id="tmm_nav_header_sale" ><a href="http://stackoverflow.com/questions/13850771/{{ link.url }}">{{ link.title }}</a></li> {% else %} <li><a href="http://stackoverflow.com/questions/13850771/{{ link.url }}">{{ link.title }}</a>&nbsp;&nbsp;&nbsp;/</li> {% endif %} {% endfor %}</ul>\[/code\]css:\[code\]#ttm_nav_header ul li a:link, #ttm_nav_header ul li a:visited, #ttm_nav_sub ul li a:link, #ttm_nav_sub ul li a:visited { text-decoration:none; color:#000;}#ttm_nav_header ul li a:hover, #ttm_nav_sub ul li a:hover { text-decoration:none; color:#229fdb;}/* !!! HERE */#tmm_nav_header_sale { font-weight:bold; color: red;}\[/code\]