/**
 *********************************************
 * 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, #menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
	color:#FFFFFF;
}
#menu {
    width:220px;
    position:relative;
    z-index:999;
	background:#3083c1;
	color:#FFFFFF;

}
#menu ul {
	color:#FFFFFF;
	text-align:left;
	padding-left:0px;
	font-size:18px;
	height:49px;
}
* html #menu, * html #menu ul {
	color:#FFFFFF;
	background:#0066b3; 
}
#menu div {
    width:270px;
	color:#FFFFFF;
    position:absolute;
    padding-top:0px;
	height:407px;
	padding-left:20px;
background: -moz-linear-gradient(top, rgba(48,131,193,1) 0%, rgba(48,131,193,0.41) 59%, rgba(48,131,193,0.17) 83%, rgba(48,131,193,0.05) 95%, rgba(48,131,193,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,131,193,1)), color-stop(59%,rgba(48,131,193,0.41)), color-stop(83%,rgba(48,131,193,0.17)), color-stop(95%,rgba(48,131,193,0.05)), color-stop(100%,rgba(48,131,193,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(48,131,193,1) 0%,rgba(48,131,193,0.41) 59%,rgba(48,131,193,0.17) 83%,rgba(48,131,193,0.05) 95%,rgba(48,131,193,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(48,131,193,1) 0%,rgba(48,131,193,0.41) 59%,rgba(48,131,193,0.17) 83%,rgba(48,131,193,0.05) 95%,rgba(48,131,193,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(48,131,193,1) 0%,rgba(48,131,193,0.41) 59%,rgba(48,131,193,0.17) 83%,rgba(48,131,193,0.05) 95%,rgba(48,131,193,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(48,131,193,1) 0%,rgba(48,131,193,0.41) 59%,rgba(48,131,193,0.17) 83%,rgba(48,131,193,0.05) 95%,rgba(48,131,193,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3083c1', endColorstr='#003083c1',GradientType=0 );
}
#menu div ul {
    
	
    padding-bottom:0px;
	color:#FFFFFF;
}

#menu li div {
    visibility:hidden;
    position:absolute;
    left:100%;
	margin-top:0px;
	top:0;
	margin-left:0px;
	color:#FFFFFF;
}

#menu li a {
	
    display:block;
    font-size:16px;
    font-family:'Trebuchet MS', Arial, Verdana;
    font-weight:bold;
    text-decoration:none;
	color:#FFFFFF;
    padding-top:0px;
    cursor:pointer;
    position:relative;
    z-index:9;
	vertical-align:middle;
}

#menu li span {
	color:#FFFFFF;
    line-height:51px;
	padding-left:10px;
    display:block;
	color:#FFFFFF;
}
#menu li span a{
    line-height:49px;
	padding-left:10px;
    display:block;
	color:#FFFFFF;
}
#menu li  a:hover  { 
background:#ed1c24; 
display:block;
height:100%;
padding-left:20px;
	color:#FFFFFF;
	border-bottom:1px #FFFFFF solid;
	border-top:1px #FFFFFF solid;
}