Перерисовать картинку меню
Есть меню, сделанное в виде кликабельной картинки. Картинку прилагаю, так же кусок кода, отвечающего за расположение ссылок:
#menu1 a {position: absolute; display: block; height: 20px; width: 240px; top: 30px;}
#menu2 a {position: absolute; display: block; height: 20px; width: 240px; top: 70px;}
#menu3 a {position: absolute; display: block; height: 20px; width: 240px; top: 110px;}
#menu4 a {position: absolute; display: block; height: 20px; width: 240px; top: 150px;}
#menu5 a {position: absolute; display: block; height: 20px; width: 240px; top: 190px;}
#menu6 a {position: absolute; display: block; height: 20px; width: 240px; top: 230px;}
#menu7 a {position: absolute; display: block; height: 20px; width: 240px; top: 270px;}
#menu8 a {position: absolute; display: block; height: 20px; width: 240px; top: 310px;}
Что требуется: полностью перерисовать, оставив общий стиль (схема - блокнот), но сделав красивее, интереснее, реалистичнее и т.д. Общий цвет картинки так же ближе к желтому (страницы блокнота, к примеру). Пункт меню "Форум" убрать. В коде расположение ссылок тоже, естественно, поменять. Шрифт, к сожалению, не знаю. Знаете - отлично, не знаете - подберите похожий.
Итоговая картинка должна иметь размер 50-100 кб, меньше - лучше.