/* вертикальное меню */
div#menunav {
   width: 120px;
   font-size: 10pt;
   text-align:center;
   background: #99eeff;
   padding: 0px 2px 0px 2px;}
div#menunav ul {
   margin: 0px;
   padding: 0px;
   z-index: 100;}
* html div#menunav ul li{margin:-3px opx opx 0px;}
* html div#menunav ul li ul li{	top:3px;left:4px;margin:-3px opx opx 0px;} 
#menunav ul li:hover ul, #menunav ul li.jshover ul {display: block;}
#menunav ul li ul:hover, #menunav ul li ul.jshover { display: block;}
div#menunav li {
   position: relative;
   margin: 0px;
   padding: 0px; 
   list-style-type: none;
   background: #EFEFEF url('../image/bg_menu.gif') repeat-x;
   height:22px;
   z-index:200;}
div#menunav a {display: block;
	background: #EFEFEF url('../image/bg_menu.gif') repeat-x;
	text-decoration: none;
	padding: 2px 1px 0px 1px;
	font-weight:bold;
	font-family:Tahoma;
	text-align:center;
	word-spacing:0;
	text-indent:0;
	color:#0000FF;}
div#menunav a:hover {color: #ff0033;}
div#menunav ul li ul {
   margin: -18px 0px 0px 1px;
   padding-left: 3px;
   position: absolute;  /* размещает выпадающий ul относительно родительского li */
   margin-left: 120px;  /* выравнивает раскрывающееся меню */
   width: 16em;
   background: #99eeff;
   display: none;}
div#menunav ul li ul li  {
   margin: 0px;
   padding: 0px;
   width: 100%;  /* элементы списка заполняют контейнер (ul) */}

/* горизонтальное меню */

div#menunav_horizontal {
   width: 720px;
   height:26px;
   font-size: 10pt;
   text-align:center;
   padding: 0px 0px 0px 18px;
   clear:both;}
div#menunav_horizontal ul {
   margin:0;
   padding:0;
   z-index:100;
   text-align:center;
   background: #99eeff;}
* html div#menunav ul li {border-left: 1px solid #006699;}    
* html div#menunav_horizontal ul li{margin: 0px opx opx 0px;}
* html div#menunav_horizontal ul li ul li{	top:4px;left:0px;margin: 0px opx opx 0px;} 
#menunav_horizontal ul li:hover ul, #menunav_horizontal ul li.jshover ul {display: block;}
#menunav_horizontal ul li ul:hover, #menunav_horizontal ul li ul.jshover { display: block;}
div#menunav_horizontal li {
   float: left;
   margin: 0;
   padding: 0;
   list-style-type: none;
   border-right: 1px solid #006699;
   background: #EFEFEF url('../image/bg_menu.gif') repeat-x;
   height:24px;
   z-index:200;}
div#menunav_horizontal li:first-child {border-left: 1px solid #006699;}
div#menunav_horizontal a {display: block;
	background: #EFEFEF url('../image/bg_menu.gif') repeat-x;
	text-decoration: none;
	padding: 2px 10px 0px 10px;
	font-weight:bold;
	font-family:Tahoma;
	text-align:center;
	word-spacing:0;
	text-indent:0;
	color:#0000FF;}
div#menunav_horizontal a:hover {color: #ff0033;}
div#menunav_horizontal ul li ul {
   margin: 3px 0px 0px -1px;
   padding-left: 0px;
   position: absolute;
   width: 160px;
   background: #99eeff;
   display: none;}
div#menunav_horizontal ul li ul li  {
   margin: -2px 0px 0px 0px;
   padding: 0px;
   border-left: 1px solid #006699;
   width: 100%;  /* элементы списка заполняют контейнер (ul) */}