/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
#menu 
{
    position:relative;
    z-index:100;
    height:32px;
	vertical-align:middle;
}

#menu .menu 
{
    position:absolute;
}

#menu * 
{
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a 
{
    display:block;
    padding:7px 22px 7px 22px;
    white-space:nowrap;
}
#menu li 
{
    float:left;
    background:#000;
}
#menu li li 
{
    float:none;
    _border:1px solid #494949; /** fix for ie6 */
}
#menu div
 {
    visibility:hidden;
    position:absolute;
    background:url(images/pix.gif);
}
#menu div div 
{
    margin:-24px 0 0 -1px;
    left:100%;
}
#menu li:hover>div 
{ 
visibility:visible;
 }

/* menu::special styles */
/* menu::level 1 */
#menu a 
{
    text-decoration:none;
    color:#000;
    position:relative;
    z-index:77;
}
#menu a:hover 
{
    background:url(images/back.png);
    color:#ffffff;
}
#menu a:hover span
 { 
 color:#ffffff; 
 font:13px verdana;
 }
#menu>ul>li:hover>a 
{
    background:url(images/back.png);
    color:#ffffff;
	font-weight:bold;
}
#menu>ul>li:hover>a span 
{ color:#ffffff;
font-weight:bold;
 }
#menu span 
{
    
    font:13px verdana;
    color:#b42600;
	font-weight:bold;
}
#menu li 
{
 background:none;
 }
/* menu::level >= 2 */
#menu li li a 
{
    padding:0;
    position:static;
}
#menu li li a:hover 
{ 
background:#57ac3c; 
}
#menu li li a span 
{ 
color:#fff;
font:13px verdana;
font-weight:bold;

 }
#menu li li a:hover span 
{ 
color:#ffffff;
font-weight:bold;
 }
#menu li li a.parent span 
{ 
background:url(images/pointer.gif) no-repeat right 9px;
 _background-position:right 10px; 
 }
*+html #menu li li a.parent span 
{ 
background-position:right 10px; 
}
#menu li li span 
{
    display:block;
    text-transform:none;
    line-height:16px;
    padding:5px 40px 5px 25px;
    font-size:11px;
	
}
#menu li div 
{ 
background:url(images/back.png);
 }
/** <fix for ie6> */
#menu div div 
{
    _margin-top:-25px;
    _background:#393939;
}
#menu li li li 
{
 _border:1px solid #393939; 
 }
#menu div div div 
{ 
_background:#292929; 
}
#menu li li li li 
{ 
_border:1px solid #292929;
 }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back
 {
    width:10px;
    height:32px;
    z-index:8;
    position:absolute;
}
div#menu li.back .left 
{
    width:auto;
    height:32px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}