#flyout {float:left; padding:0; margin:0px; list-style:none; position:relative; width:200px;}
#flyout ul {padding:0; margin:0 0 0 84px; list-style:none; width:200px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:4px;}
#flyout li a {display:block; float:left; height:27px; color:#000; line-height:24px; font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-indent:10px;}
#flyout li a.fly {background:#888 url(right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#e60; color:#fff;}
#flyout li:hover > a {background-color:#e60; color:#fff;}

#flyout ul {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	border:1px solid #3a4424;
	background-color:#fff;
	width:152px;	
	}
#flyout ul li a {background-image:none; width:152px; text-indent:1px padding:1px 8px 3px 8px; height:20px; line-height:20px;}
#flyout ul li a.fly {}
#flyout ul ul li a {background:#ccc;}
#flyout ul ul li a.fly {background:#ccc url(right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#ddd;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background: url(../images/sub-nav-hover.gif) no-repeat left top; color:#000;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:120px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background: url(../images/sub-nav-hover.gif) no-repeat left top; color:#000;}
#flyout ul ul li:hover > a {background-color:#e60; color:#fff;}
#flyout li a.aboutRvia{
	background: url(../images/about-rvia.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.aboutRvia:hover, #flyout li a.aboutRviaactive{
	background: url(../images/about-rvia-hover.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.newsRoom{
	background: url("../images/menubg.png") no-repeat scroll left top transparent;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 200px;
	}
#flyout li a.newsRoom:hover, #flyout li a.newsRoomactive{
	background: url("../images/nav-hover.png") no-repeat left top;
	color:#000
	}
#flyout li a.marketData{
	background: url(../images/market-trend.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.marketData:hover, #flyout li a.marketDataactive{
	background: url(../images/market-trend-hover.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.events{
	background: url(../images/events.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.events:hover, #flyout li a.eventsactive{
	background: url(../images/events-hover.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.legislation{
	background: url(../images/legislation.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.legislation:hover, #flyout li a.legislationactive{
	background: url(../images/legislation-hover.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.technicalInfo{
	background: url(../images/technical-info.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.technicalInfo:hover, #flyout li a.technicalInfoactive{
	background: url(../images/technical-info-hover.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.directories{
	background: url(../images/directories.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}
#flyout li a.directories:hover, #flyout li a.directoriesactive{
	background: url(../images/directories-hover.png) no-repeat left top;
	text-indent:-9999px;
	width:200px;
	}