/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {
background: url(dropdown/three_1.gif); 
}
.preload2 {
background: url(dropdown/three_1a.gif); 
}

#nav {
padding:0; 
margin:0; 
list-style:none; 
height:52px;  /* 38 */
background:#fff url(images/menu_fon.jpg) repeat-x left top; 
position:relative; 
z-index:500; 
font-family:arial, verdana, sans-serif; 
}

#nav li.top {
display:block; 
float:left; 
height:52px; 
}

#nav li a.top_link {
display:block; 
float:left; 
height:50px; 
line-height:54px; 
color:#ccc; 
text-decoration:none; 
font-size:17px; 
font-weight:bold; 
padding:0 0 0 12px; 
cursor:pointer;; 
/*cursor:pointer;background: url(images/menu_fon_0.jpg); background: url(images/menu_fon_0.jpg)*/
}

#nav li a.top_link span {
float:left; 
display:block; 
padding:0 22px 0 10px; 
height:50px; 
/*background: url(images/menu_fon_0.jpg) right top no-repeat; */
}

#nav li a.top_link span.down {
float:left; 
display:block; 
padding:0 24px 0 2px; 
height:49px;   /* 38 */
background: url(images/menu_fon_0.jpg) no-repeat right top;
border:#000000 solid 0px;
}

#nav li:hover a.top_link {
color:#fff; 

}

#nav li:hover a.top_link span {
background: url(images/menu_red.jpg) no-repeat; 
background:#fff url(images/menu_fon.jpg) repeat-x left  bottom; 
}

#nav li:hover a.top_link span.down {
background: url(images/menu_fon_0.jpg) no-repeat right bottom;
}


/* Default list styling */

#nav li:hover {
position:relative; 
z-index:200; 
}

#nav li:hover ul.sub{
left:12px; 
top:52px; 
background: #D3D6E9; 
padding:3px; 
border:1px solid #993300; 
white-space:nowrap; 
width:167px; 
height:auto; 
z-index:300; 
}

#nav li:hover ul.sub li{
display:block; 
height:20px; 
position:relative; 
float:left; 
width:165px; 
font-weight:normal; 
}

#nav li:hover ul.sub li a{
display:block; 
font-size:12px; 
height:18px; 
width:163px; 
line-height:18px; 
text-indent:5px; 
color:#000; 
text-decoration:none; 
}/**/

#nav li ul.sub li a.fly{
background:#D3D6E9 url(dropdown/arrow.gif) 155px 6px no-repeat; 
font-weight: 600; 
}

#nav li:hover ul.sub li a:hover { /*------ */
background:#996600; 
color:#fff; 
border-color:#fff;width:175px; 
}

#nav li:hover ul.sub li a.fly:hover{
background:#996600 url(dropdown/arrow_over.gif) 155px 6px no-repeat; 
color:#fff; 
}




#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul{
left:165px; 
top:-4px; 
background: #D3D6E9; 
padding:3px; 
border:1px solid #993300; 
white-space:nowrap; 
width:177px; 
z-index:400; 
height:auto; 
}


#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none; 
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly{
background:#996600 url(dropdown/arrow_over.gif) 155px 6px no-repeat;  /*#996600*/
color:#fff; 
border-color:#fff; 
} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly{
background: url(dropdown/arrow.gif) 145px 6px no-repeat; 
color:#000; 
border-color:#993300; 
} 

/* --------------------------------- */
#nav li:hover ul.sub3{
left:12px; 
top:52px; 
background: #D3D6E9; 
padding:3px; 
border:1px solid #993300; 
white-space:nowrap; 
width:195px; 
height:auto; 
z-index:300; 
}

#nav li:hover ul.sub3 li{
display:block; 
height:20px; 
position:relative; 
float:left; 
width:195px; 
font-weight:normal; 
}

#nav li:hover ul.sub3 li a{
display:block; 
font-size:12px; 
height:18px; 
width:193px; 
line-height:18px; 
text-indent:5px; 
color:#000; 
text-decoration:none; 
}/**/

#nav li ul.sub3 li a.fly{
background:#D3D6E9 url(dropdown/arrow.gif) 185px 6px no-repeat; 
font-weight: 600; 
}

#nav li:hover ul.sub3 li a:hover {
background:#996600; 
color:#fff; 
border-color:#fff; 
}

#nav li:hover ul.sub3 li a.fly:hover{
background:#996600 url(dropdown/arrow_over.gif) 185px 6px no-repeat; 
color:#fff; 
}
/* --------------------------------- */