Cor menu de navegação e título categorias

Qual é minha questão:
Saudações, eu vim aqui para pedir ajuda a vocês do forumeiros de como eu trocaria essa imagem onde está destacado de vermelho no print:



Uma dúvida simples, mas eu não sei como =P



Endereço do meu fórum:
http://rpgplayadventure.forumeiros.com

Versão do fórum:
PUNBB

Saudações!

São imagens que estão implementadas em códigos na sua folha de estilo CSS, neste caso, vamos aceder à:
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Faça uma busca na tua CSS por estes dois links(url):

https://i.imgur.com/AneOCBd.jpg
https://i.imgur.com/H7eKZk0.jpg

Os códigos completos das áreas circuladas em vermelho pelo senhor são:

Código:

#pun-head #pun-navlinks {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #304154;
background-image: url(http://i.imgur.com/AneOCBd.jpg);
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
height: 28px;
}

.main .main-head {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #0C70A3!important;
background-image: url(http://i.imgur.com/H7eKZk0.jpg)!important;
background-position: 50% 50%;
background-repeat: repeat-x;
border-radius: 4px 4px 0 0;
box-shadow: rgba(0,0,0,0.247059) 0 0 0 1px inset, rgba(0,0,0,0.298039) 0 1px 3px, rgba(255,255,255,0.2) 0 2px 0 inset;
color: #fff;
font-size: 12px;
font-weight: 700!important;
margin-top: 15px;
padding: 8px;
text-shadow: rgba(0,0,0,0.247059) 0 -1px 0;
}

Observação: Eu dei uma quebra de linha para separar os códigos e coloquei-os em ordem para que o senhor não os confunda.

Um abraço,
Dokyo.

Obrigado, deu certo!