Mudar o menu

Qual é minha questão:
Opa, olá... Bom, eu gostaria de saber como eu deixo o menu do meu fórum deste jeito:
https://2img.net/r/ihimizer/img543/6167/fiv5.png
Obrigado pela atenção!

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

Versão do fórum:
PHPBB3

Saudações!

Aceda à "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Código:

Código:

a.mainmenu:hover {
  background-image: url(http://i.imgur.com/kGLZABr.png) no-repeat top center;
}

#page-header .navbar{background-color:#000;background-image:-o-linear-gradient(#313029,#58564A50%,#313029);border-bottom:transparent!important;border-color:#CCC;border-top:5px solid orange !important;height:44px;overflow:visible!important;padding:1px 9px!important}ul.navlinks{border-bottom:transparent!important}#page-header .navbar li:hover{-webkit-transition:all .2s linear;background:url(http://i.imgur.com/kGLZABr.png) no-repeat 30% top}#page-header .navbar ul[class="clearfix"]{border:0!important;padding-top:3px;width:100%}#page-header .navbar a,#page-header .navbar a:visited{text-decoration:none}#page-header .navbar a,#page-header .navbar a{color:#FFF;font-family:Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;margin:0}#page-header .navbar li a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;color:#fff;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700;margin:0!important;padding:14px 7px 14px 0;text-decoration:none!important}#page-header .navbar li{-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;background:url(http://img69.imageshack.us/img69/9241/semttulo1ak.png) no-repeat 30% 50px;display:inline;font-size:1.15em;padding-top:14px;position:relative;transition:all .2s linear}

Salve.

Até mais.
Lervisic

Uhu, funcionou brigadão!!