You may have already gotten this figured out, but here's my suggestion.

Find the part in the style.css file of the directory of the skin you're using (plain, I think) that looks like this:

#menu {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#003333;
	margin-bottom:50px;
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-variant:small-caps;
	background-image:url(images/backgrounds/menu.jpg);
}

In order to play around with the margin in question you should go to the line that says margin-bottom:50px;

I tinkered with that and thought that it looked nice at about

margin-bottom:10px;

instead of the 50 pixels it was previously. If you want, you can simply replace the 50 with 10. That'll do the trick.

You can tinker with your own stylesheets by using firefoxes web developer toolbar. [url=https://addons.mozilla.org/extensions/moreinfo.php?id=60]Available here for free[/url].

Also, for more info about CSS stuff go check out http://www.w3schools.com . That's also free and very informative.

THANKS!!!! That did it.