retocar menu

[veronica21]

hola a todos,

Estoy haciendo una pagina de pesca y me gustaria insertar un logo a la izquierda del menu
pero no que retocar en el css del template. Sé que tendria que disminuir el tamaño del menu y ponerlo a la izquierda para hacer hueco al logo y que éste fuera a la izquierda. Eso sé hacerlo en una pagina con codigo mio pero en joomla se me hace todo mucho más dificil. si quereis os copio el css del menu para ver si me podeis dar una ayuda.

El logo lo he metido en la misma posicion del menu y aunque le he dado prioridad (He puesto en la primera posicion el logo y en la segunda el menu) el menu está por encima y el logo por debajo. Aqui os copio el css del menu:

* begin Menu */
/* menu structure */

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
outline: none;
}

.art-hmenu, .art-hmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.art-hmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}

.art-hmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-hmenu li li
{
float: none;
}

.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
min-height: 0;
background-image: url('../images/spacer.gif');
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.art-hmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.art-hmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.art-hmenu:after, .art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-hmenu{
min-height: 0;
position:relative;
padding: 6px 6px 6px 6px;
float: right;
}

.art-hmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

ul.art-hmenu
{
float: right;
}

/* menu structure */

.art-nav
{
position: relative;
width: 100%;
margin:0 auto;

min-height: 38px;
z-index: 100;
margin-top: 0;
margin-bottom: 30px;
}

.art-nav-outer
{
position:absolute;
border: 1px solid red;
}

.art-nav-l, .art-nav-r
{
position: absolute;
z-index: -1;
top: 0;
height: 100%;
background-image: url('../images/nav.png');
}

.art-nav-l
{
left: 0;
right: 5px;
}

.art-nav-r
{
right: 0;
width: 1000px;
clip: rect(auto, auto, auto, 995px);
}

.art-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: 38px;
background-position: center;
}

.art-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: 38px;
background-position: center;
}

un saludo y gracias de antemano,