Alterar cor do Item do menu na pagina ativa.

Olá amigos, preciso de um help de vocês.

É o seguinte, estou desenvolvendo um tema para um blog, e foi solicitado que a cor de um determinado item do menu quando ativos em sua própria pagina, esse item (link) teria a cor diferente do restante dos links do menu, so que um detalhe… rsrsrs

Para cada pagina ativa a cor do item do menu (link) da pagina seria diferente.

Segue o Link de como esta no momento o projeto:

http://studiomango.com.br/cdn

Eu consegui customizar a cor do link quando ele esta ativo na “current page”, porem so com uma cor. Gostaria que quando estivesse na home o link ativo da current page fosse “verde” e quando estivesse na pagina sustentabilidade, o link ativo da current page fosse “azul”, e dessa mesma forma alterar os outros itens do menu.

segue o código do meu css:

/* Menu */

.theme_menu{
width: 1000px;
background-color: #FFF;
background-image: none;
}
.theme_menu ul li{
display:inline-block;
position:relative;
}
.theme_menu ul li a{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666;
text-decoration: none;
letter-spacing: normal;
word-spacing: 1px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.theme_menu ul li ul li{
display:block;
}

/* Menu Itens*/

.home-nav {

}

.theme_menu li.home-nav a:hover {
color: #0C3;
}

.theme_menu .current_page_item > a, .main-navigation .current-menu-parent > a {
color: #00CC33;
font-weight: bold;
}

.sustenta-nav {

}

.theme_menu li.sustenta-nav a:hover {
color: #3FF;
}

.responsa-nav {

}

.theme_menu li.responsa-nav a:hover {
color: #F90;
}

.gera-nav {
}

.theme_menu li.gera-nav a:hover {
color: #F03;
}

.cult-nav {

}

.theme_menu li.cult-nav a:hover {
color: #F0C;
}

.curioso-nav {

}

.theme_menu li.curioso-nav a:hover {
color: #FF0;
}

.agenda-nav {

}

.theme_menu li.agenda-nav a:hover {
color: #0C3;
}

.nav-primary a:hover, {
color: #333;
background: #fff;
}

.current-menu-item > a {
color: #C6F;
}

.menu-primary a:hover {
-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
-moz-box-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
box-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
}

.menu-primary a, .menu a {
color: #fff;
}

.genesis-nav-menu .sub-menu a {
color: #333;
}

#menu-primary ul li a.home-nav {
color: #F0F;
}

Se alguém ai me ajudar, desde ja agradeço.

Obrigado.