Помогите найти нужное место в коде меню =(

Облазила Форум касательно верстки меню - все ясно, но как водится у себя разобраться не смогла!
Joomla 1.5.22, сайт на локалхосте
Меню имеет слишком сложную структуру для меня, в итоге не ясно где нужно исправить, чтоб при наведении на родительский элемент показывались вложенные =( сейчас только при нажатии на него. и вложенные пункты не рядом, а ниже отображаются. я догадываюсь КАК это менять, только не разберусь никак где!
Исправляла в разных местах, сюда вот
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
вставляла display: block; и тд, но есть еще класс .art-BlockContent-body там же, в template.css который вроде и отвечает за вывод меню... но где там изменить не нашла.. знающие люди, гляньте файл, пожалуйста.

Код (CODE):

1. /* begin Menu */
2. /* menu structure */
3.  
4. .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
5. {
6.     text-align:left;
7.     text-decoration:none;
8.     outline:none;
9.     padding: 5px 5px;
10.     letter-spacing:normal;
11.     word-spacing:normal;
12. }
13.  
14. .art-menu, .art-menu ul
15. {
16.     margin: 0;
17.     padding: 0;
18.     border: 0;
19.     list-style-type: none;
20.     display: block;
21. }
22.  
23. .art-menu li
24. {
25.     margin: 0;
26.     padding: 0;
27.     border: 0;
28.     display: block;
29.     float: left;
30.     position: relative;
31.     z-index: 5;
32.     background:none;
33. }
34.  
35. .art-menu li:hover
36. {
37.     z-index: 10000;
38.     white-space: normal;
39. }
40.  
41. .art-menu li li
42. {
43.     float: none;
44. }
45.  
46. .art-menu ul
47. {
48.     visibility: hidden;
49.     position: absolute;
50.     z-index: 10;
51.     left: 0;
52.     top: 0;
53.     background:none;
54. }
55.  
56. .art-menu li:hover>ul
57. {
58.     visibility: visible;
59.     top: 100%;
60. }
61.  
62. .art-menu li li:hover>ul
63. {
64.     top: 0;
65.     left: 100%;
66. }
67.  
68. .art-menu:after, .art-menu ul:after
69. {
70.     content: ".";
71.     height: 0;
72.     display: block;
73.     visibility: hidden;
74.     overflow: hidden;
75.     clear: both;
76. }
77. .art-menu, .art-menu ul
78. {
79.     min-height: 0;
80. }
81.  
82. .art-menu ul
83. {
84.     background-image: url(../images/spacer.gif);
85.     padding: 10px 30px 30px 30px;
86.     margin: -10px 0 0 -30px;
87. }
88.  
89. .art-menu ul ul
90. {
91.     padding: 30px 30px 30px 10px;
92.     margin: -30px 0 0 -10px;
93. }
94.  
95.  
96.  
97.  
98.  
99. /* menu structure */
100.  
101. .art-menu
102. {
103.     padding: 0px 0px 0px 0px;
104. }
105.  
106. .art-nav
107. {
108.     position: relative;
109.     height: 28px;
110.     z-index: 100;
111. }
112.  
113. .art-nav .l, .art-nav .r
114. {
115.     position: absolute;
116.     z-index: -1;
117.     top: 0;
118.     height: 28px;
119.     background-image: url('../images/nav.png');
120. }
121.  
122. .art-nav .l
123. {
124.     left: 0;
125.     right:0px;
126. }
127.  
128. .art-nav .r
129. {
130.     right: 0;
131.     width: 1004px;
132.     clip: rect(auto, auto, auto, 1004px);
133. }
134.  
135.  
136. /* end Menu */
137.  
138. /* begin MenuItem */
139. .art-menu ul li
140. {
141.     clear: both;
142. }
143.  
144. .art-menu a
145. {
146.     position:relative;
147.     display: block;
148.     overflow:hidden;
149.     height: 28px;
150.     cursor: pointer;
151.     text-decoration: none;
152.     margin-right: 0px;
153.     margin-left: 0px;
154. }
155.  
156.  
157. .art-menu a .r, .art-menu a .l
158. {
159.     position:absolute;
160.     display: block;
161.     top:0;
162.     z-index:-1;
163.     height: 84px;
164.     background-image: url('../images/MenuItem.png');
165. }
166.  
167. .art-menu a .l
168. {
169.     left:0;
170.     right:0px;
171. }
172.  
173. .art-menu a .r
174. {
175.     width:400px;
176.     right:0;
177.     clip: rect(auto, auto, auto, 400px);
178. }
179.  
180. .art-menu a .t
181. {
182.     font-family: Georgia, "Times New Roman", Times, Serif;
183.     font-size: 13px;
184.     font-style: normal;
185.     font-weight: normal;
186.     color: #B6D3C3;
187.     padding: 0 12px;
188.     margin: 0 0px;
189.     line-height: 28px;
190.     text-align: center;
191. }
192.  
193. .art-menu a:hover .l, .art-menu a:hover .r
194. {
195.     top:-28px;
196. }
197.  
198. .art-menu li:hover>a .l, .art-menu li:hover>a .r
199. {
200.     top:-28px;
201. }
202.  
203. .art-menu li:hover a .l, .art-menu li:hover a .r
204. {
205.     top:-28px;
206. }
207. .art-menu a:hover .t
208. {
209.     color: #E9F1EA;
210. }
211.  
212. .art-menu li:hover a .t
213. {
214.     color: #E9F1EA;
215. }
216.  
217. .art-menu li:hover>a .t
218. {
219.     color: #E9F1EA;
220. }
221.  
222.  
223. .art-menu a.active .l, .art-menu a.active .r
224. {
225.     top: -56px;
226. }
227.  
228. .art-menu a.active .t
229. {
230.     color: #D9E8E0;
231. }
232.  
233.  
234. /* end MenuItem */
235.  
236. /* begin MenuSeparator */
237. .art-nav .art-menu-separator
238. {
239.     display: block;
240.     width: 2px;
241.     height: 28px;
242.     background-image: url('../images/MenuSeparator.png');
243. }
244.  
245. /* end MenuSeparator */
246.  
247. /* begin MenuSubItem */
248. .art-menu ul a
249. {
250.     display:block;
251.     text-align: center;
252.     white-space: nowrap;
253.     height: 20px;
254.     width: 180px;
255.     overflow:hidden;
256.     line-height: 20px;
257.     margin-right: auto;
258.  
259.  
260.     background-image: url('../images/subitem-bg.png');
261.     background-position: left top;
262.     background-repeat: repeat-x;
263.     border-width: 1px;
264.     border-style: solid;
265.     border-color: #69A585;
266. }
267.  
268. .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
269. {
270.     display: inline;
271.     float: none;
272.     margin: inherit;
273.     padding: inherit;
274.     background-image: none;
275.     text-align: inherit;
276.     text-decoration: inherit;
277. }
278.  
279. .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
280. {
281.     text-align: left;
282.     text-indent: 12px;
283.     text-decoration: none;
284.     line-height: 20px;
285.     color: #E6EFE7;
286.     font-family: Georgia, "Times New Roman", Times, Serif;
287.     font-size: 13px;
288.     font-style: normal;
289.     font-weight: normal;
290. }
291.  
292. .art-menu ul ul a
293. {
294.     margin-left: auto;
295. }
296.  
297. .art-menu ul li a:hover
298. {
299.     color: #000000;
300.     border-color: #5A905F;
301.     background-position: 0 -20px;
302. }
303.  
304. .art-menu ul li:hover>a
305. {
306.     color: #000000;
307.     border-color: #5A905F;
308.     background-position: 0 -20px;
309. }
310.  
311. .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
312. {
313.     color: #000000;
314. }
315.  
316. .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
317. {
318.     color: #000000;
319. }
320.  
321.  
322. /* end MenuSubItem */
323.  
324.  
325. .art-Block-body
326. {
327.     position: relative;
328.     z-index:1;
329.     padding: 0px;
330. }
331.  
332.  
333.  
334. .art-Block
335. {
336.     margin: 10px;
337. }
338.  
339. /* end Box, Block */
340.  
341. /* begin BlockHeader */
342. .art-BlockHeader
343. {
344.     position:relative;
345.     z-index:0;
346.     height: 30px;
347.     padding: 0 8px;
348.     margin-bottom: 2px;
349. }
350.  
351. .art-BlockHeader .t
352. {
353.     height: 30px;
354.     color: #000000;
355.     font-family: Georgia, "Times New Roman", Times, Serif;
356.     font-size: 13px;
357.     font-style: normal;
358.     font-weight: bold;
359.     white-space : nowrap;
360.     padding: 0 6px;
361.     line-height: 30px;
362. }
363.  
364. .art-BlockHeader .l, .art-BlockHeader .r
365. {
366.     display:block;
367.     position:absolute;
368.     z-index:-1;
369.     height: 30px;
370.     background-image: url('../images/BlockHeader.png');
371. }
372.  
373. .art-BlockHeader .l
374. {
375.     left:0;
376.     right:7px;
377. }
378.  
379. .art-BlockHeader .r
380. {
381.     width:1004px;
382.     right:0;
383.     clip: rect(auto, auto, auto, 997px);
384. }
385.  
386.  
387.  
388.  
389.  
390. .art-header-tag-icon
391. {
392.     display:inline-block;
393.     background-position:left top;
394.     background-image: url('../images/BlockHeaderIcon.png');
395.     padding:0 0 0 20px;
396.     background-repeat: no-repeat;
397.     min-height: 20px;
398.     margin: 0 0 0 5px;
399. }
400.  
401.  
402. /* end BlockHeader */
403.  
404. /* begin Box, BlockContent */
405. .art-BlockContent
406. {
407.     position:relative;
408.     z-index:0;
409.     margin:0 auto;
410.     min-width:15px;
411.     min-height:15px;
412. }
413.  
414. .art-BlockContent-body
415. {
416.     position: relative;
417.     z-index:1;
418.     padding: 8px;
419. }
420.  
421. .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
422. {
423.     position:absolute;
424.     z-index:-1;
425. }
426.  
427. .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
428. {
429.     width: 14px;
430.     height: 14px;
431.     background-image: url('../images/BlockContent-s.png');
432. }
433.  
434. .art-BlockContent-tl
435. {
436.     top:0;
437.     left:0;
438.     clip: rect(auto, 7px, 7px, auto);
439. }
440.  
441. .art-BlockContent-tr
442. {
443.     top: 0;
444.     right: 0;
445.     clip: rect(auto, auto, 7px, 7px);
446. }
447.  
448. .art-BlockContent-bl
449. {
450.     bottom: 0;
451.     left: 0;
452.     clip: rect(7px, 7px, auto, auto);
453. }
454.  
455. .art-BlockContent-br
456. {
457.     bottom: 0;
458.     right: 0;
459.     clip: rect(7px, auto, auto, 7px);
460. }
461.  
462. .art-BlockContent-tc, .art-BlockContent-bc
463. {
464.     left: 7px;
465.     right: 7px;
466.     height: 14px;
467.     background-image: url('../images/BlockContent-h.png');
468. }
469.  
470. .art-BlockContent-tc
471. {
472.     top: 0;
473.     clip: rect(auto, auto, 7px, auto);
474. }
475.  
476. .art-BlockContent-bc
477. {
478.     bottom: 0;
479.     clip: rect(7px, auto, auto, auto);
480. }
481.  
482. .art-BlockContent-cr, .art-BlockContent-cl
483. {
484.     top: 7px;
485.     bottom: 7px;
486.     width: 14px;
487.     background-image: url('../images/BlockContent-v.png');
488. }
489.  
490. .art-BlockContent-cr
491. {
492.     right:0;
493.     clip: rect(auto, auto, auto, 7px);
494. }
495.  
496. .art-BlockContent-cl
497. {
498.     left:0;
499.     clip: rect(auto, 7px, auto, auto);
500. }
501.  
502. .art-BlockContent-cc
503. {
504.     position:absolute;
505.     z-index:-1;
506.     top: 7px;
507.     left: 7px;
508.     right: 7px;
509.     bottom: 7px;
510.     background-color: #ECF4EF;
511. }
512.  
513.  
514. .art-BlockContent-body
515. {
516.     color:#1D3026;
517.     font-family: Georgia, "Times New Roman", Times, Serif;
518.     font-size: 13px;
519.     font-style: normal;
520.     font-weight: normal;
521. }
522.  
523. .art-BlockContent-body a:link
524. {
525.     color: #3F6441;
526.     font-family: Georgia, "Times New Roman", Times, Serif;
527.     text-decoration: underline;
528. }
529.  
530. .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
531. {
532.     color: #6CA788;
533.     font-family: Georgia, "Times New Roman", Times, Serif;
534.     text-decoration: underline;
535. }
536.  
537. .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
538. {
539.     color: #548757;
540.     font-family: Georgia, "Times New Roman", Times, Serif;
541.     text-decoration: none;
542. }
543.  
544. .art-BlockContent-body ul
545. {
546.     list-style-type: none;
547.     color: #2A4637;
548.     margin:0;
549.     padding:0;
550. }
551.  
552. .art-BlockContent-body li
553. {
554.     font-family: Georgia, "Times New Roman", Times, Serif;
555.     font-size: 16px;
556.     text-decoration: none;
557. }
558.  
559.  
560. .art-BlockContent-body ul li
561. {
562.     padding:0px 0 0px 13px;
563.     background-image: url('../images/BlockContentBullets.png');
564.     background-repeat:no-repeat;
565.     margin:0.5em 0 0.5em 0;
566.     line-height:1.2em;
567. }
568.  
569. /* end Box, BlockContent */

 

Надо посмотреть еще и JavaScript'ы — вся динамика там происходит.

 

А в коде меню вы этого не нашли?=( Вроде все это в шаблоне прописывают...

 

Событие нажатия можно обработать только JS. Значит, сейчас как минимум, какой-то яваскрипт там работает. Хорошо бы на него взглянуть.
А то моих магических способностей недостаточно для полного излечения неизвестного сайта на расстоянии по фотографии )

 

Для меню есть куча компонентов которые позволяют автоматом настраивать, вот например swMenuMaker

 

А в swMenuMaker можно настроить вид уже созданного меню, с материалами и тд, или нужно новое создавать, сразу в нем?

 

А побывать?
Там можно привязать к меню которое созданное в джумле, и уже настроить как он будет выглядит...