Changing width of header and main menu.

How do I change header and main menu to the same size as breadcrumb, banner promo, and footer width? I do not know if overlooking.  I just need for it to be unified.

Thanks for any help.

quickest way is to down load deanos tools mod and chose 100% for all page widths

For header and section in between both menus

templates/base/css/general.css

I found this

div.sys_main_logo {

position: relative;

z-index: 56;

background-color: #FFFFFF;

}

and replaced it with this

div.sys_main_logo {

position: relative;

z-index: 56;

width:975px;

background-color: #FFFFFF;

}

That is the width of my pages  you can change width to what you like.  You can use px or %

Next go to templates/base/css/top_menu.css

I found this at the top

div.sys_top_menu {

min-height: 31px;

position: relative;

z-index: 100;

and replaced with this

div.sys_top_menu {

min-height: 31px;

position: relative;

width:975px;

z-index: 100;

It  changed the width.  Now can someone tell me how to center it.  I cannot get it centered.  It is on the left side and if I try in _sub_header.html it moves my logo to middle.