Customizing freshy 2 theme

I am creating a site on my local server so i can’t show my own website. I am using the freshy 2 theme. An example of this theme in use can be seen here: https://thepsychicpartners.com

I am wanting to make the navigation menu where the 2nd level pages show up only when i hover over the 1st level pages instead of just being listed directly below.

See the EVENTS tab on the above website for how the default menu looks. I want to do this because i have so many 2nd level pages that one has to scroll all the way to the bottom of the computer screen to see them all.

Any help would be appreciated.

Here is the menu.css file

#header_image {
	position:relative;
	padding-top:200px;
	height:0;
	z-index:85;
}

#menu {
	background:transparent;
	padding:10px;
	height:60px;
	margin-top:-80px;
}

html>body #menu {
	background-image:url(images/transparency/black-60.png);
}

#menu .menu_container {
	height:48px;
	line-height:48px;
	margin:0px 11px 0 0;
	padding:11px 0 0 11px;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height:37px;
	line-height:37px;
	width:100%;
	background:center left transparent repeat-x;
	position:relative;
}

#menu ul li {
	font-size:12px;
}

#menu ul li li {
	font-size:1em;
}

#menu ul li ul {
	list-style-type:none;
	margin:0;
	padding:5px 0 5px 0;
	height:auto;
	line-height:auto;
	width:auto;
	position:absolute;
	top:37px;
	left:0;
	display:none;
	opacity:.9;
	filter:alpha(opacity=90);
	background:#313131;
	border:0px none;
}

#menu ul li ul ul {
	filter:none;
	opacity:1;
	background:none;
}

#menu ul li:hover {
	position:relative;
	z-index:90;
}

#menu ul li:hover ul {
	display:block;
}

#menu ul li ul ul {
	position:relative;
	top:0;
	padding:0;
	margin:0;
}

#menu ul li {
	background:none;
	padding:0;
	vertical-align:middle;
	float:left;
	position:relative;
	height:37px;
	line-height:37px;
	position:relative;
}

#menu ul li li {
	float:none;
	clear:both;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	white-space:nowrap;
	display:block;
	position:relative;
	line-height:1.3em;
}

#menu ul li li li {
	padding:0 0 0 2em;
}

* html #menu ul li li {
	width:200px;
}

#menu ul li a {
	font-family:Arial, Helvetica, Geneva, Verdana, sans-serif;
	text-transform:uppercase;
	display:block;
	padding:0 10px 0 10px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	height:37px;
	line-height:37px;
	white-space:nowrap;
}

* html #menu ul li a {
	width:10px;
}

* html #menu ul li li a, * html #menu ul li li ul {
	width:100%;
}

#menu ul li ul li a {
	text-transform:none;
	display:block;
	font-weight:normal;
	position:relative;
	color:#ffffff;
	text-decoration:none;
	height:1.5em;
	line-height:2.5em;
}

html>body #menu .menu_container {
	background-image:url(images/menu/first_menu.png);
}

.menu_end {
	right:0;
	width:21px;
	height:80px;
	background:transparent center left no-repeat;
	position:absolute;
	bottom:0;
}

html>body .menu_end {
	background-image:url(images/menu/menu_end.png);
}

#menu ul li.current_page_ancestor a, #menu ul li:hover a, #menu ul li.current_page_parent a, #menu ul li.current_page_item a {
	background-image:url(images/menu/reflect.png);
}

#menu ul li li a {
	background-image:none !important;
	filter:none !important;
}
/*
#menu ul li li a:hover, #menu ul li li.current_page_item a {
	color:#ff6600;
}

#menu ul li li a:hover, #menu ul li li.current_page_item a:hover {
	color:#ff6600;
}
*/
#menu ul li li.current_page_item li a {
	color:#ffffff;
}

#menu ul li:hover a, #menu ul li a:hover { /*, #menu ul li a:hover {*/
	background-color:#3d3d3d;
}
/*
#menu ul li.current_page_parent:hover a, #menu ul li.current_page_parent a:hover, #menu ul li.current_page_parent a, #menu ul li.current_page_item:hover a, #menu ul li.current_page_item a:hover, #menu ul li.current_page_item a, #menu ul li.current_page_parent a, #menu ul li.current_page_item a {
	background-color:#ff6600;
}*/

#menu ul li li a:hover, #menu ul li li.current_page_item a {
	color:#ff6600;
}

#menu ul li li.current_page_item a:hover {
	color:#ff6600;
}

#menu ul li.current_page_ancestor:hover a, #menu ul li.current_page_ancestor a, #menu ul li.current_page_parent a, #menu ul li.current_page_item a {
	background-color:#ff6600;
}

#menu ul li.current_page_parent li a, #menu ul li.current_page_parent li a, #menu ul li.current_page_item li a, #menu ul li.current_page_item li a, #menu ul li li a {
	background-color:transparent !important;
}

#menu .menu_container li.langs {
	float:right;
}

#menu .menu_container li.last_menu {
	float:right;
}