Janet,
Since I don't know the menu maker you are using, I can't advise you how to edit your menu in it, but I've found a workaroud for you, and an error that you have to edit in the menu code:
<ul id="ebul_mb73g0_5" class="ebul_mb73g0" style="width: 350px;">
<li><a href="http://www.nannerch.com/cf.html" title="">Cross Foxes</a></li>
<li><a href="http://www.nannerch.com/cp.html" title="">Cherry Pie</a></li>
<li><a href="http://www.nannerch.com/oldmill.html" title="">Old Mill Hotel</a></li>
</ul>
<ul id="ebul_mb73g0_8" class="ebul_mb73g0" style="width: 350px;;">
<li><a href="http://www.nannerch.com/brownies.html" title="">Brownies/Rainbows</a></li>
<li><a href="http://www.nannerch.com/playgroup.html" title="">Playgroup/Toddlers</a></li>
<li><a href="http://www.nannerch.com/sportsclub.html" title="">Sports Club</a></li>
<li><a href="http://www.nannerch.com/players.html" title="">Nannerch Players</a></li>
<li><a href="http://www.nannerch.com/wi.html" title="">W.I.</a></li>
<li><a href="http://www.nannerch.com/golf.html" title="">Golf Society</a></li>
</ul>
Note how I have written the names of these establishments; Cross Foxes etc. Instead of using a normal space, I've used a 'non breaking space'. If you want the submenu to be wider, add more of those before, between or after, just make sure you don't have any normal spaces in between.
The error: Look at this line: <ul id="ebul_mb73g0_8" class="ebul_mb73g0" style="width: 350px;;">
You see it has two semicolons after 350px. Remove one of them.