ol, ul, li {
	margin: 0;
	padding: 20;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
#navigation li, #navigation ol, #navigation ul 
{
	padding:0;
}

#navigation {width:214px;position: relative; margin-top:0px; float:left;} /*z-index:100;*/
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:214px; w\idth:214px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {width:214px;position:relative; list-style: none;} /*ширина меню*/
/* style the links for the top level */
#navigation a, #navigation a:visited {display:block; height:26px; background:url(../img/design/navigation.gif) top left; text-indent:-9000px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:214px; w\idth:214px;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#2d3d47}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#fff; color:#202c32;}
#navigation ul ul :hover > a.drop {background:#fff; color:#202c32;}
/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#navigation ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room *//*підменю*/
#navigation ul ul {visibility:hidden;position:absolute;top:-10px;left:214px;  padding:4px; background:#D30E22; height:auto; width:214px;}
/* another hack for IE5.5 */
* html #navigation ul ul {top:-9px;t\op:-10px;}

/* position the third level flyout menu */
#navigation ul ul ul{left:214px; top:-1px; width:214px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-214px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#D30E22; color:#fff; height:auto; line-height:14px; text-indent:0px; display:block; padding:5px; text-decoration:none; font-size:11px;}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:214px;w\idth:214px;}

/* style the top level hover */
#navigation :hover > a, #navigation ul ul :hover > a {background:url(../img/design/navigation.gif) top left;}

/* top level image background placements */
#navigation a.link1:hover {background-position:-214px 0px;}
#navigation a.link2 {background-position:0px -26px;}
/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#navigation a.link2:hover {background-position:-214px -26px;}
#navigation a.link3 {background-position:0px -53px;}
#navigation a.link3:hover{background-position:-214px -53px;}
#navigation a.link4 {background-position:0px -80px;}
#navigation a.link4:hover {background-position:-214px -80px;}
#navigation a.link5 {background-position:0px -106px;}
#navigation a.link5:hover {background-position:-214px -106px;}
#navigation a.link6 {background-position:0px -132px;}
#navigation a.link6:hover {background-position:-214px -132px;}
#navigation a.link7 {background-position:0px -158px;}
#navigation a.link7:hover {background-position:-214px -158px;}
#navigation a.link8 {background-position:0px -185px;}
#navigation a.link8:hover {background-position:-214px -185px;}
#navigation a.link9 {background-position:0px -212px;}
#navigation a.link9:hover {background-position:-214px -212px;}
#navigation a.link10 {background-position:0px -238px;}
#navigation a.link10:hover {background-position:-214px -238px;}
#navigation a.link11 {background-position:0px -264px;}
#navigation a.link11:hover {background-position:-214px -264px;}
#navigation a.link12 {background-position:0px -290px;}
#navigation a.link12:hover {background-position:-214px -290px;}
#navigation a.link13 {background-position:0px -316px;}
#navigation a.link13:hover {background-position:-214px -316px;}
#navigation a.link14 {background-position:0px -342px;}
#navigation a.link14:hover {background-position:-214px -342px;}


#navigation ul ul a:hover {background:#fff; color:#202c32;}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}