Joomla 1.5 Требуется помощь. Financial Calculator - изменение ширины

Здравствуйте.
Тема financial calculator от студии themza. (В принципе, у них все темы имеют одну структуру.) Необходимо сделать шаблон уже, например, 750 px по ширине. При этом область текста и меню должны остаться по центру, т.к. у меня это пока приводило к сдвигу влево.

CSS

Код (PHP):

1. /*****************************/
2. /*** Core html setup stuff ***/
3. /*****************************/
4.  
5. html {
6.   height: 100%;
7.   margin-bottom: 1px;
8. }
9.  
10. form {
11.   display:inline;
12. }
13.  
14. body {
15.     margin: 0px 0px 0px 0px;
16.     width: 100%;
17.     display: table;
18. }
19.  
20. body, td{
21.     font-family: "Trebuchet MS";
22.     font-size: 13px;
23.     color: #333;
24.     line-height: 1.3em;
25. }
26.  
27. a:link, a:visited {
28.     text-decoration: none;
29.     font-weight: normal;
30. }
31.  
32. a:hover {
33.     text-decoration: underline;
34.     font-weight: normal;
35. }
36.  
37. input.button { cursor: pointer; }
38.  
39. p { margin-top: 0; margin-bottom: 5px; }
40.  
41. img { border: 0 none; margin:0px; }
42.  
43. /*****************************************/
44. /*** Template specific layout elements ***/
45. /*****************************************/
46. #page_bg {
47.     padding: 0px;
48.     margin: 0px;
49.     margin-bottom: 0px;
50. }
51.  
52. div#top_menu{
53.     height:54px;
54.     margin:0px auto;
55.     width: 980px;
56. }
57.  
58. #topnav{ height: 54px; width:980px; margin: 0px; padding:0px; font-weight: bold; }
59. #topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
60. #topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
61. #topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
62. #topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
63. #topnav ul li ul ul { margin: -50px 0 0 11em; }
64. #topnav ul li li { width:auto; height: 35px; }
65. #topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
66. #topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
67. #topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
68. #topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
69. #topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }
70.  
71. div#main_bg{
72.     margin:0px auto;
73.     width: 978px;
74.     text-align:left;
75. }
76.  
77. div.banner1{ background: #FFF url(../images/forex-banner1.jpg) top center no-repeat; }
78. div.banner2{ background: #FFF url(../images/forex-banner2.jpg) top center no-repeat; }
79. div.banner3{ background: #FFF url(../images/forex-banner3.jpg) top center no-repeat; }
80.  
81.  
82. div#h_area{
83.     margin:0px auto;
84.     width: 964px;
85.     text-align:left;
86.     padding-left:14px;
87.     padding-top:10px;
88. }
89.  
90.  
91. .logo{
92.     display: block;
93.     float:left;
94.     padding-top:5px;
95.     margin-bottom:10px;
96.     margin-left:10px;
97.     width:600px;
98. }
99. a.logo,a.logo:link,a.logo:hover, a.logo:visited{
100.     font-size:26px;
101.     line-height: 58px;
102.     color:#3E3E3E;
103.     text-decoration:none;
104.     font-weight:bold;
105.     font-family:"Trebuchet MS",Arial;
106. }
107.  
108. div#user4{
109.     float:right;
110.     text-align:left;
111.     margin-right: 20px;
112. }
113.  
114. div#user4 div.search{
115.     width:220px;
116.     height:46px;
117.     text-align:left;
118.     padding-top: 5px;
119.     background: url(../images/search_bg.gif) top left no-repeat;
120. }
121. div#user4 div.search .inputbox {
122.     background:#FFFFFF;
123.     width: 150px;
124.     height: 16px;
125.     margin-left: 60px;
126.     font-size: 11px;
127.     color: #454545;
128.     padding:5px 2px 2px 2px;
129.     border: 1px solid #D3D3D3;
130. }
131.  
132. div#main_top table.contentpaneopen{
133.     padding:0px;
134.     margin-top:40px;
135.     margin-left:32px;
136.     width:400px;
137.     height:164px;
138.     overflow: auto;
139.     text-align:left;
140.     color:#000;
141. }
142. div#main_top table.contentpaneopen td{
143.     color:#000;
144. }
145.  
146. div.box1, div.box2, div.box3, div.box4{
147.     margin:0px auto;
148.     width:948px;
149.     height:195px;
150.     padding:0px;
151. }
152.  
153.  
154. .search {
155.     text-align:left;
156.     width: 156px;
157.     height:43px;
158. }
159. .search .inputbox {
160.     background:#FFFFFF;
161.     width: 156px;
162.     height: 17px;
163.     font-size: 11px;
164.     color: #454545;
165.     margin:9px 0px 0px 20px;
166.     border: 1px solid #D3D3D3;
167. }
168.  
169.  
170. #leftcolumn{
171.     margin-left:9px;
172.     padding:0px;
173.     width:205px;
174.     float:left;
175. }
176. #rightcolumn{
177.     margin-right:9px;
178.     padding:0px;
179.     width:205px;
180.     float:right;
181. }
182.  
183. #maincolumn{
184.     width:530px;
185.     float:left;
186.     margin:0px 5px 0px 5px;
187.     padding:0px;
188.     overflow:hidden;
189. }
190. #maincolumn_middle{
191.     width: 740px;
192.     float:left;
193.     margin:0px 5px 0px 5px;
194.     padding:0px;
195.     overflow:hidden;
196. }
197. #maincolumn_big{
198.     width: 967px;
199.     float:left;
200.     margin:0px 5px 0px 5px;
201.     padding:0px;
202.     overflow:hidden;
203. }
204.  
205. div.path{
206.     margin:10px 0 0 0px;
207.     padding: 5px;
208.     padding-left:30px;
209.     background:url(../images/breadcrumbs_bg.png) top left no-repeat;
210. }
211.  
212. div.nopad {
213.     float:left;
214.     padding:0 0px 15px 0px;
215. }
216.  
217. div.nopad ul {
218.     clear: both;
219. }
220. .article_separator {
221.     height:35px;
222.     line-height:35px;
223. }
224. form#form-login fieldset {
225.     border: none;
226.     margin: 0;
227.     margin-left:10px;
228. }
229. form#form-login ul li{
230.     padding: 0;
231. }
232.  
233. form#form-login ul li a {
234.     text-align: left;
235.     padding: 0px;
236.     font-size: 10px;
237.     color: #858585;
238. }
239.  
240. #leftcolumn div.module_menu, #leftcolumn div.module{
241.     margin: 10px 0px 0px 0px;
242.     padding:0px;
243.     width: 205px;
244. }
245. .article_column {
246.     padding-right:10px;
247. }
248. #rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
249.     margin: 10px 0px 0px 0px;
250.     padding: 0px;
251.     width: 205px;
252. }
253. div.bannergroup_text {
254.     margin:0px 13px 15px 13px;
255. }
256. .bannerheader {
257.     font-weight:bold;
258.     margin-bottom:10px;
259. }
260. .banneritem_text {
261.     margin-bottom:10px;
262. }
263. .bannerfooter_text {
264.     margin-bottom:10px;
265. }
266. #leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div,
267. #rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
268.     background: url(../images/rub_bottom.png) center bottom no-repeat;
269. }
270. #leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{
271.     margin: 0px;
272.     padding: 0px;
273.     padding-bottom:5px;
274.     width: 205px;
275.     height:auto;
276. }
277.  
278. #leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
279.     background: none;
280.     padding:4px 8px;
281. }
282. #leftcolumn h3,
283. #rightcolumn h3{
284.     text-align: left;
285.     padding-left:15px;
286.     height: 42px;
287.     width: 190px;
288.     line-height: 40px;
289.     color:#FFFFFF;
290.     font-size:16px;
291.     margin:0px;
292.     font-weight:bold;
293. }
294. table.poll thead td {
295.     text-align: left;
296.     padding-left:10px;
297. }
298. table.poll td {
299.     text-align: left;
300. }
301. #leftcolumn ul.menu li ul{
302.     list-style: none;
303. }
304. .pollstableborder {
305.     margin: 5px 0px 10px 0px;
306. }
307. .poll td div{
308.     display:inline;
309. }
310.  
311. /* forms */
312.  
313. #leftcolumn .moduletable ul,
314. #rightcolumn .moduletable ul {
315.     margin: 6px 0;
316.     padding: 0;
317.     list-style: none;
318. }
319.  
320. #leftcolumn .moduletable ul li,
321. #rightcolumn .moduletable ul li {
322.     margin: 0;
323.     padding: 0 2px;
324. }
325. .moduletable ul {
326.     padding:5px 10px 5px 12px;
327.     margin:0px;
328. }
329.  
330. .moduletable ul li {
331.     padding:0px 10px 5px 15px;
332.     margin:0px;
333.     line-height:18px;
334. }
335. #leftcolumn ul.menu li#current ul li,
336. #rightcolumn ul.menu li#current ul li {
337.     margin: 0px;
338.     padding: 0px;
339. }
340. ul.menu {
341.     padding:5px 10px 5px 12px;
342.     margin:0px;
343. }
344. ul.menu li{
345.     padding:0px 10px 5px 15px;
346.     margin:0px;
347. }
348.  
349. ul.menu li ul {
350.     padding:0px 0px 5px 0px;
351.     margin:0px;
352. }
353. ul.menu li ul li{
354.     padding:0px 0px 0px 15px;
355.     border:none;
356. }
357. ul.menu li#current ul li a{
358.     margin-left:15px;
359.     text-decoration:none;
360. }
361. ul.mostread {
362.     padding:5px 10px 5px 12px;
363.     margin:0px;
364. }
365. ul.mostread li{
366.     padding:0px 10px 5px 15px;
367.     margin:0px;
368.     line-height:18px;
369. }
370. ul.latestnews {
371.     padding:5px 10px 5px 12px;
372.     margin:0px;
373. }
374. ul.latestnews li{
375.     padding:0px 10px 5px 15px;
376.     margin:0px;
377.     line-height:18px;
378. }
379. div.componentheading{
380.     font-size:16px;
381.     font-size:19px;
382.     margin:7px auto;
383. }
384. td.contentheading{
385.     font-weight:normal;
386.     vertical-align:top;
387.     font-size:19px;
388.     height:30px;
389.     color:#363636;
390.     background: url(../images/contentheading_ico.png) left top no-repeat;
391. }
392. table.contentpaneopen td.contentheading{
393.     padding-left:34px;
394. }
395. table.contentpaneopen{
396.     border-collapse: collapse;
397.     margin-left:5px;
398. }
399. td.buttonheading{
400.     padding:0px 2px 0px 2px;
401. }
402. table.contentpaneopen td{
403.     padding:0px;
404. }
405. .contentpaneopen p{
406.     line-height:22px;
407. }
408. span.small, td.createdate, td.modifydate{
409.     font-size:11px;
410.     color:#999999;
411. }
412. span.pagination span, span.pagination a{
413.     padding:5px;
414. }
415.  
416.  
417.  
418. div#f_area{
419.     background: #FFF url(../images/f_area_bg.png) top center no-repeat;
420.     margin:0px auto;
421.     width: 978px;
422.     text-align:left;
423.     margin-bottom:3px;
424. }
425. #f_area div.moduletable, #f_area div.moduletable_menu{
426.     float: left;
427.     margin:10px 4px 10px 6px;
428.     width: 234px;
429. }
430. #f_area h3{
431.     text-align: left;
432.     vertical-align:bottom;
433.     height: 30px;
434.     width: 180px;
435.     color:#000000;
436.     font-size:17px;
437.     font-family:"Trebuchet MS", Tahoma, Verdana;
438.     margin:0px;
439.     padding-left: 54px;
440.     padding-top:20px;
441. }
442.  
443. /* System Standard Messages */
444. #system-message { margin-bottom: 20px; }
445.  
446. #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
447.  
448. /* System Error Messages */
449. #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
450.  
451. /* System Notice Messages */
452. #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
453.  
454. #syndicate{
455.     float:left;
456.     padding-left: 25px;
457. }

UPD.
Понял, как изменить меню: уменьшается значение и в

Код (PHP):

1. div#top_menu{

, и в

Код (PHP):

1. #topnav{ height: 54px; width: 980px}

.
Возник второй вопрос: как поставить лого над меню?

 

Похоже, я уже сам решил вопрос с шириной. Если кому-то покажется полезным, опишу.
Тем не менее, остается открытым перемещение лого.