Modificacion de CSS en una plantilla

Hola a todos. Primero quiero pedir que me perdonen si no es el lugar adecuado ni la forma en que haré mi consulta, no soy nada experto en HTML ni en CSS. Estoy usando en mi sitio Joomla! 1.7.5 la plantilla “siteground-j16-3” la cual no trae casi nada para su configuracion. Es muy sencilla y tanto que los menu por defecto no son desplegables. Pero ahora quiero incluir submenues y he modificado “template.css” con parametros que me funcionan en un HTML de prueba pero por mas que lo intento en la plantilla no lo logro. Les adjunto mi HTML de prueba y mi “template.css” modificada de la linea 58 a la 81 a ver si me dan una idea de donde esta el pro y como solucionarlo. Saludos y gracias de antemano.