Dropdown menu problem

This CSS is causing issue:

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #333;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

Remove ‘body’ from it or create a style in css for the menus output styles…

To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

There are others.

When editing CSS, use a Child Theme
http://codex.ww.wp.xz.cn/Child_Themes
Custom CSS Plugin, or Theme provided custom CSS option.
Edits to parent themes are lost on theme update.

Learn CSS: http://www.w3schools.com/css/