#subnav ul {font-family: Arial; margin: 7px 20px 7px 0px; padding: 0px; position: relative;}
#subnav li { list-style: none; font-size: 12px; line-height: 12px; float: left; background: url(../images/subnav_bg.gif) repeat-x scroll 0 -60px; padding: 0 !important; }
#subnav li a { color: #696969; text-decoration: none; outline: none; padding: 3px 0px 5px 0px; margin: 0px 8px; display: block; float: left; }
#subnav li strong { float: left; display: block; width: 5px; height: 20px; margin-right: -5px; background: url(../images/subnav_bg.gif) no-repeat scroll 0px -0px; }
#subnav li em { float: left; display: block; width: 5px; height: 20px; margin-left: -5px; background: url(../images/subnav_bg.gif) no-repeat scroll -7px -20px; }
#subnav li.activ { padding: 0 !important; background: #81da5e url(../images/subnav_bg.gif) repeat-x 0 -40px !important; list-style: none; font-size: 12px; line-height: 12px; float: left; }
#subnav li.activ strong { background: url(../images/subnav_bg.gif) no-repeat -0 -20px !important;height: 20px;  }
#subnav li.activ em { background: url(../images/subnav_bg.gif) no-repeat -7px -0px !important;height: 20px;  }
#subnav li.activ a { color: #fff; text-decoration: none; outline: none; padding: 3px 0 5px 0; margin: 0 8px; display: block; float: left; }
#subnav li:hover {background: #81da5e url(../images/subnav_bg.gif) repeat-x 0 -40px !important;}
#subnav li:hover strong { background: url(../images/subnav_bg.gif) no-repeat -0 -20px !important;height: 20px;  }
#subnav li:hover em { background: url(../images/subnav_bg.gif) no-repeat -7px -0px !important;height: 20px;  }
#subnav li:hover a { color: #fff; text-decoration: none;}