../imagesul.flyout{
	background:#efefef;
	color:#fff;
}
ul.flyout{
  width:220px;

}


ul.flyout ul{
	background: #4F4F4F;
	border-bottom: 1px solid #933D00;
	border-left: 1px solid #E57932;
	border-right: 1px solid #933D00;
	border-top: 1px solid #E57932;
	margin-left: 220px;
	margin-top: -40px;
	position: absolute;
	z-index: 9;
	  width:220px;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
}

#projects ul.flyout ul{
  position: relative;
  right: -240px;
  float: right;
  width: 240px;
  height: 200px;
  overflow-y:scroll;
  }

ul.wizard_list ul {margin-left: 160px; margin-top: -43px;}
ul.wizard_list li.active {}

	ul.flyout ul li{
		background:#4F4F4F url(../images/inner_nav_background.png) repeat-x 0px 0px;
		border-bottom: 1px solid #3F3F3F;
		font-size: 11px;
		font-weight: 100;
		height: 18px;
		line-height: 18px;
		padding-left: 0px;
		text-align: left;
	}
	
	ul.flyout ul li a{padding-left: 5px;}
	
		ul.flyout ul li:hover, ul.flyout ul li:focus{
			background:#4F4F4F url(../images/inner_nav_background.png) repeat-x 0px -20px;
		}
		.wizard_list li.wizard_subtitle:hover,.wizard_list li.wizard_subtitle:focus{background:#4F4F4F url(../images/inner_nav_background.png) repeat-x 0px 0px;
		}
		li.wizard_subtitle span {position: relative; left: -12px; font-weight: bold;}
		

	ul.flyout li.active{
		background: url(../images/nav_button_background_hover.png) repeat-x scroll 50% 50%;
/*    width:220px;  */
	}

ul.flyout li a{
	display:block;
}


.instrument ul, .artist ul li ul {max-height: 450px; overflow-y: scroll;}
.artist ul li ul {max-height: 450px; overflow-y: scroll; width: 300px;}