Uz se mi to libi o neco vic.
Ohledene toho schovavani... jednoduse to pujde javascriptem

Kód:
function balik(co){
if (document.getElementById(co).style.display=="block") document.getElementById(co).style.display="none";
else document.getElementById(co).style.display="block";
return false;
}
Musis nastavid id toho UL jak v nem je submenu na sub1, a tomu odkazu onclick="return balik('sub1');"
A pak jeste stylem skryt #sub1 {display:none;}

Udelal jsem screenshot par barvicek:
http://smitka.org/belza.png
Mozna by pozadi hlavicky mohlo byt stejne jaku u paticky, to chce zkusit.

Taky bych vecentroval hledatko

A jeste pridam odkaz na jeden jednoduchy nastroj, co pouzivam na barvy
http://smitka.org/pc-elektor/michatko-rgb