#menu_container {
       position: relative;
       width:808px; height:40px;
       margin: 0; padding:0;
       z-index: 1000;
}

#menu_container ul li {background-color: #0393D0;}

/* Get rid of the margin, padding and bullets in the unordered lists */

#pmenu, #pmenu ul, #pmenu ul li{padding: 0; margin: 0; list-style-type: none;}

/* Set up the list items */

#pmenu ul {
       background-color: #0393D0;
}

#pmenu li {
       float: left;
       list-style-type: none;
}

/* Set up the link size, color and borders */
 
#pmenu a, #pmenu a:visited {
	display: block;
	width:60px;
        height: 26px; line-height: 26px;
	font-size: 12px; font-weight: bold;
	color: #fff;
	margin:7px 0px 2px 0px;
	padding:0px 25px 0px 15px;
	text-decoration: none;
	border-left:solid 1px #fff;
}


/* Set up the sub level borders */


#pmenu li ul li a, #pmenu li ul li a:visited {
       margin: 0px;
       border:none; 
       background-color: #0393D0;
}


/* For Non-IE browsers and IE7 */

#pmenu li:hover {
       position: relative;
}


/* Set up the pointers for the sub level indication */

#pmenu li.drop_ul a {
       background: url(/img/nb1.gif) no-repeat right center;
}

#pmenu li.drop_ul:hover > a {
       background: url(/img/nb1.gif) no-repeat right center;
}



* +html #pmenu li.sub_no {padding-bottom:5px;}
* +html #pmenu li.drop_ul {padding-bottom:7px;}
* +html #pmenu li.drop_ul:hover {padding-bottom:5px;}
 

#pmenu li.drop_ul a:hover {
        background: url(/img/nb1.gif) no-repeat right center;
}

#pmenu li.drop_ul ul >li {
	margin:0px 15px 7px 15px;
}

#pmenu li.drop_ul ul li.sub_no a, #pmenu li.drop_ul ul li.sub_no a:hover {
        background: url(/img/t.gif) no-repeat right center;
}

#pmenu li.fly_ul a {
       color: #fff;      
       background: url(/img/nb2a.gif) no-repeat right center;
}

#pmenu li.fly_ul:hover > a {
       background: url(/img/nb2.gif) no-repeat right center;
}

#pmenu li.fly_ul a:hover {
        background: url(/img/nb2.gif) no-repeat right center;
}


#pmenu li.fly_ul li.sub_no {
       background: url(/img/t.gif) no-repeat right center;
}


#pmenu li.fly_ul ul li.sub_no a {
       color: #fff;      
       background: url(/img/t.gif) no-repeat right center;
}


#pmenu li.act_path {
}



/* Make the hovered list color persist */




/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. 
   The transparent gif (leer.gif) is for IE to work */

#pmenu li ul {
      display: none;
}


/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

#pmenu li:hover > ul {
       display: block;
       text-decoration: none;
       position: absolute;
       top: -10px;         
       left: 147px;
       width: 170px;
       padding: 12px 15px 12px 0px;	
       margin: 6px 30px 15px 15px; 
       border:1px solid #fff;
       background-color: #0393D0;

}

#pmenu li:hover > ul a{
        width: 150px;
	height: auto; line-height: 13px;
	margin:0px;
        padding:3px 15px 3px 0px;
}

#pmenu li ul li ul li:hover > ul {
        width: 195px;
}


#pmenu li ul li ul li:hover > ul a{
        width: 190px;
}


* html #pmenu li ul a{
        width: 170px;                   /*  IE6 ширина ссылки  */
	height: 13px; 
	line-height: 14px;
	margin:0px;
        padding:5px 15px;
}

* html #pmenu li ul li ul li ul a{
       width:190px;
}


/* Position the first sub level beneath the top level links */

#pmenu > li:hover > ul {
       top: 29px;
       left:0px;
}


/* get rid of the table */

#pmenu table {
       position: absolute;
       border-collapse: collapse;
       top: 15px;
       left: 45px; 
       z-index: 1000;
       font-size: 1em;
       background-color: #0393D0; 
}

    

/* For IE5.5 and IE6 give the hovered links a position relative and a change of 
   background and foreground color. This is needed to trigger IE to show the sub levels */

* html #pmenu li a:hover {
       position: relative;
       background-color: #0393D0; 
       color: #fff;
}

/* For accessibility of the top level menu when tabbing */

/*
#pmenu li a:active, #pmenu li a:focus {
       background: url(/img/nb2a.gif) no-repeat right center;
       color: #fff;      
}
*/



/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

* html #pmenu li ul {
       visibility: hidden;
       display: block;  /**/
       position: absolute;
       top: -11px;       /*  ХЗ  */
       left: 193px;
       width:170px;      /* Ширина 2+ уровня  */
       margin: 0px;
       padding:12px 0px;
       border:1px solid #fff;
       background-color: #0393D0;
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul {visibility: hidden;}


/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul {visibility: hidden;}

/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul {visibility: hidden;}


/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden;}


/* ======== make the second level visible =========
            when hover on first level link 
                    and position it                  */

#pmenu li a:hover ul {
       visibility: visible;
       left: -30px;       /* (IE5 ONLY) */
       top: 10px;         /* (IE5 ONLY) */
       lef\t: -31px;      /* (IE6 ONLY) */  /* Отступ выпавшего относительно верхней полосы*/       
       to\p: 11px;        /* (IE6 ONLY) */  /* Отступ выпавшего относительно верхней полосы*/    
	   

}


/* make the third level visible when you hover over second level link and position it and all further levels */

#pmenu li a:hover ul a:hover ul {
       visibility: visible;
       top: -10px;        /* (IE6 ONLY) */    /* Третьего уровня отн второго */
       left: 135px;

}

/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {visibility: visible; }


/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible; }


/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible;}


/* make all hovered links in menu are underlined */
#pmenu a:hover{text-decoration:underline;}