* {padding:0; margin:0}
* html body {background:#f7f8f8;line-height:18px; font-family:Verdana, Tahoma, Helvetica, sans-serif; color:#666; font-size:12px; text-align:left; background:#fff}

ul {list-style:none}
img {border:0; vertical-align:middle; font-size:12px}
div {vertical-align:top}

/* Holders and hacks end */

/* Header navigation begin */
#top-menu {display:block; height:40px; font-family:Verdana; font-size:12px; color:#FFFFFF; background:#f1f1f1 url(bar_grad.gif) 0 0 repeat-x}
#top-menu li {float:left; height:40px; line-height:40px; white-space:nowrap}
#top-menu li a {display:block; padding:0 28px}
#top-menu li a:hover {background:#fff url(bar_grae.gif)}
#top-menu li.active {background:#fff url(bar_grae.gif) /*сюда вставляем имя нажатого фона картинки*/}
/* Header navigation end */



#left-menu {display:block; height:30px; font-family:Verdana; font-size:12px; color:#FFFFFF;width:260px;}
#left-menu li {float:top;text-align: justify; height:30px; line-height:30px; white-space:nowrap; margin: 0 0 -1px;}
#left-menu li a {display:block;padding:0 28px;color: #555555;  text-decoration: none}
#left-menu li a:hover {display:block; background:#98e163 url(); color: #000000; text-decoration: none;}
#left-menu li.active {display:block;background:#98e163 url(); text-decoration: none;}
#left-menu li.active2 {display:block;background: #ecf1f4 url(); text-decoration: none;}
 

