выделение пункта меню хелп

Никак не могу справиться с выделением пункта меню на котором нахожусь.
понимаю что в CSS надо вставить

Код (CODE):

1. a.mainlevel-bot:link#active_menu, a.mainlevel-bot:visited#active_menu{
2.    font-family:Arial;
3.    font-size: 13px;
4.    color:#000099;
5.    font-weight: bold;
6.    text-decoration: none;
7. }

но куда его вставлять в моём случае мне непонятно бьюсь неделю хелп.
положу на тел 300рублей тому кто поможет или так помогите...

Код (CODE):

1. /* begin Menu */
2. /* menu structure */
3.  
4. .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover, .artmenu a:active
5. {
6.   text-align:left;
7.   text-decoration:none;
8.   outline:none;
9.   letter-spacing:normal;
10.   word-spacing:normal;
11. }
12.  
13. ul ul li a:hover, ul ul li#current a  {
14. color:#D40303;
15. text-decoration:none;
16. }
17. .artmenu, .artmenu ul
18. {
19.   margin: 0;
20.   padding: 0;
21.   border: 0;
22.   list-style-type: none;
23.   display: block;
24. }
25.  
26. .artmenu li
27. {
28.   margin: 0;
29.   padding: 0;
30.   border: 0;
31.   display: block;
32.   float: left;
33.   position: relative;
34.   z-index: 5;
35.   background:none;
36. }
37.  
38. .artmenu li:hover
39. {
40.   z-index: 10000;
41.   white-space: normal;
42. }
43.  
44. .artmenu li li
45. {
46.   float: none;
47. }
48.  
49. .artmenu ul
50. {
51.   visibility: hidden;
52.   position: absolute;
53.   z-index: 10;
54.   left: 0;
55.   top: 0;
56.   background:none;
57. }
58.  
59. .artmenu li:hover>ul
60. {
61.   visibility: visible;
62.   top: 100%;
63. }
64.  
65. .artmenu li li:hover>ul
66. {
67.   top: 0;
68.   left: 100%;
69. }
70.  
71. .artmenu:after, .artmenu ul:after
72. {
73.   content: ".";
74.   height: 0;
75.   display: block;
76.   visibility: hidden;
77.   overflow: hidden;
78.   clear: both;
79. }
80. .artmenu, .artmenu ul
81. {
82.   min-height: 0;
83. }
84.  
85. .artmenu ul
86. {
87.   background-image: url(../images/spacer.gif);
88.   padding: 10px 30px 30px 30px;
89.   margin: -10px 0 0 -30px;
90. }
91.  
92. .artmenu ul ul
93. {
94.   padding: 30px 30px 30px 10px;
95.   margin: -30px 0 0 -10px;
96. }
97.  
98.  
99. /* menu structure */
100.  
101. .nav
102. {
103.   position: relative;
104.   margin: 0  auto;
105.   width: 886px;
106.   height: 29px;
107.   z-index: 100;
108. }
109.  
110. .artmenu
111. {
112.   padding: 2px 2px 2px 2px;
113. }
114.  
115.  
116. .nav .l, .nav .r, .nav .r div
117. {
118.   top: 0;
119.   position: absolute;
120.   z-index: -1;
121.   overflow: hidden;
122.   height: 29px;
123. }
124.  
125. .nav .l
126. {
127.   left: 0;
128.   right: 0px;
129. }
130.  
131.  
132. .nav .r
133. {
134.   right: 0;
135.   width: 0px;
136. }
137.  
138.  
139. .nav .r div
140. {
141.   width: 886px;
142.   right: 0;
143. }
144.  
145.  
146. .nav .l, .nav .r div
147. {
148.   background-position: left top;
149.   background-repeat: no-repeat;
150.   background-image: url('../images/nav.png');
151. }
152.  
153. /* end Menu */
154.  
155. /* begin MenuItem */
156. .artmenu ul li
157. {
158.   clear: both;
159. }
160. .artmenu a , .artmenu a span
161. {
162.   height: 25px;
163.   display: block;
164. }
165.  
166.  
167. .artmenu a
168. {
169.   cursor: pointer;
170.   text-decoration: none;
171.   margin-right: 2px;
172.   margin-left: 2px;
173.  
174. }
175. .artmenu a
176. {
177.   background-image: url('../images/item-left.png');
178.   background-position: left top;
179.   background-repeat: no-repeat;
180. }
181.  
182. .artmenu a span
183. {
184.   background-image: url('../images/item-right.png');
185.   background-position: right top;
186.   background-repeat: no-repeat;
187. }
188. .artmenu a span span
189. {
190.   font-family: Arial, Helvetica, Sans-Serif;
191.   font-size: 30px;
192.   font-style: normal;
193.   font-weight: bold;
194.   letter-spacing: 1px;
195.   text-transform: uppercase;
196.   color: #CCCCCC;
197.   padding: 0 7px;
198.   margin: 0 6px;
199.   line-height: 25px;
200.   text-align: center;
201.   background-image: url('../images/item-center.png');
202.   background-position: left top;
203.   background-repeat: repeat-x;
204.  
205. }
206.  
207.  
208. .artmenu a:hover
209. {
210.   background-position: left -25px;
211. }
212.  
213. .artmenu li:hover>a
214. {
215.   background-position: left -25px;
216. }
217. .artmenu li:hover a span
218. {
219.   background-position: right -25px;
220. }
221.  
222. .artmenu a:hover span
223. {
224.   background-position: right -25px;
225. }
226.  
227.  
228. .artmenu a:hover span span
229. {
230.   color: #000000;
231.   background-position: left -25px;
232. }
233.  
234. .artmenu li:hover a span span
235. {
236.   color: #000000;
237.   background-position: left -25px;
238. }
239. .artmenu a.active
240. {
241.   background-position: left -50px;
242. }
243. .artmenu a.active span
244. {
245.   background-position: right -50px;
246. }
247.  
248. .artmenu a.active span span
249. {
250.   color: #FFFFFF;
251.   background-position: left -50px;
252. }
253.  
254. /* end MenuItem */

 

Первый код ваще неправильный.
Дайте ссылку на сайт

 

7d-project.ru

 

li#current a { font-family:Arial; font-size: 13px; color:#000099; font-weight: bold; text-decoration: underline; } - для просматриваемого пункта
соответственно
.menu a:hover - отображение при наведение
.menu a:visited - отображение после нажатия