How to remove the space between the header and the menu?

In style.css line 492

#horiz-menu, #horiz-menu ul {
border-width: 0;
font-weight: bold;
height: 42px;
list-style: none outside none !important;
margin: 0;
padding: 10px;
width: 1100px;

there is padding 10px you can take that out then you will that you will have little padding between bar and content

I tried doing that before but it only moves the menu bar up a little near to the banner but it doesn’t eliminate the space gap between the header and the menu bar.

Does anyone have any idea?

I agree with Govpatel, change:
#horiz-menu, #horiz-menu ul {
border-width: 0;
font-weight: bold;
height: 42px;
list-style: none outside none !important;
margin: 0;
padding: 10px;
width: 1100px;
}

to

#horiz-menu, #horiz-menu ul {
border-width: 0;
font-weight: bold;
height: 42px;
list-style: none outside none !important;
margin: 0;
padding: 0 10px 0;
width: 1100px;
}

I would also change:

#header {
height: 72px;
margin: 0 auto;
padding: 19px 0;
width: 960px;
}

to
#header {
height: 102px;
margin: 0 auto;
padding: 0 0;
width: 960px;
}

AND to remove the space under the nav bar to the content:
change
#navwrapper {
background: url(“”) no-repeat scroll 0 0 transparent;
height: 72px;
margin: 0 auto;
padding: 0;
width: 940px;
}

#navwrapper {
background: url(“”) no-repeat scroll 0 0 transparent;
height: 42px;
margin: 0 auto;
padding: 0;
width: 940px;
}

Oh my gosh, it works! Thank you thank you thank you CharlyLeetham!

??

Since this thread is still open, I might try to get help on a similar issue. I have a slight wight space between my banner image and the menubar. I can’t for the life of me find the CSS causing this.

I made a child style of Twenty Ten and am slowly modifying it.

Here is my site: https://nwep.ca/wordpress/

Not sure if you can access my CSS, let me know and I’ll include it.

Thank you for your help!