Почему в данном случае CSS ID не является правилом CSS с наивысшим приоритетом?

Я создал заголовок навигации CSS, и он работает именно так, как я хочу, в отношении позиционирования, стилизации и всего такого. Это CSS, который его стилизует:

#header ul {
padding:72px 0 0 0;
text-align:center;
}

#header ul, #header ul li {
margin:0;
list-style:none;
}

#header ul li {
display:inline;
}

#header ul li a {
font-size:17px; color:#69C; text-decoration:none;
display:inline-block;
height:44px;
line-height:44px;
margin:3px 6px;
padding:0 26px;
}

#header ul li a:hover {
background:#69C;
color:#FFF;
}

И это список:

   

      
HOME
      
WHAT WE DO
      
ABOUT US
      
GET STARTED TODAY!
   

Довольно простой материал (и в настоящее время его можно просмотреть на http://www.pmind.com/staging , но я добавил код здесь для потенциальных будущих читателей).

Вы можете заметить в списке, что последний li имеет присвоенный ему идентификатор. Когда я добавляю это правило в CSS:

#get_started {
color:#3C0;
}

Ничего не происходит. Насколько я понимаю, правила A. CSS, которые появляются позже в документе CSS, имеют приоритет над правилами, которые появляются раньше, а B. Правила CSS, используемые с селектором идентификатора, имеют наивысший приоритет, несмотря ни на что. Но очевидно, что синяя окраска, происходящая из более ранних правил CSS, по-прежнему имеет приоритет над окраской окончательного li в зеленый цвет. Я попытался удостовериться, что выполнил должную осмотрительность в поиске решения в Google, но все, что я нашел, говорит о том, что идентификаторы имеют наивысший приоритет (и это также было моим пониманием на практике для всего, что я кодировал до этой проблемы). ]