in desperate need of help

I will save the long story but the short version is I have done a favour for a friend which has gone horribly wrong. It doesnt help I am leaving the country in 2 days

I have put together a joomla powered site here
using the following CSS here

I am "attempting" to do 2 things


1 - Increase size and colors of the main menu
2 - On the menu on the left, same again and put some spacers between the menu so its more spread out

I have hours to sort this out and if anyone can help you have no idea how much I will appreciate it

 

in the css move the menu section after the links section so like this:

(the reason to do this is that your links section a:link, a:visited was overiding your menu css so then it wouldnt take the bigger size and green color)

/* ########################### LINKS ########################## ok */

a:link, a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
}

a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFAD01;
  font-weight: bold;
  text-decoration  : underline;
  background-color: inherit;
}

a.category:link, a.category:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  background-color: inherit;
}

a.category:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFAD01;
  font-weight: bold;
  text-decoration: underline;
  background-color: inherit;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# ok */

a.mainlevel {
	display: inline;
	
}

a.mainlevel {
color:#32a743;
font-size:15px;
}
a.sublevel {

}

a.mainlevel:hover {
	text-decoration: none;
}

a.sublevel:hover {
	text-decoration: none;
}

#inset a.mainlevel {
	display: inline;
	background: none;
	padding: 0 15px;

}

Code (markup):