I created a wider logo than the default and adjusted the width of the #top .logo, .logo a container to 286 to accommodate the wider logo. This caused the logo to overlap with the header menu. So I then changed the left margin of the .nav, .nav ul container to 280, which moved it to the right, so it did not overlap.
However, this also moved the drop down menu items to the right, so the drop down menus do no align with the page links. Where do I edit the CSS to move the drop down menu items to the left, i.e., so they align with the appropriate page links?