/***********
 * TOPMENU *
 ***********/
#menu
{
    position: relative;
    z-index: 10;
    height: 38px;
    padding-top: 22px;
}

#menu ul
{
   position: relative;   
   display: block;   
   list-style: none;
   margin: 0;
   padding: 0;
   /*font-family: Arial, Helvetica, sans-serif;*/
   z-index: 100;
   position: relative;
}

/* level1 */

#menu  li.Level1 { 
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}


#menu li.Level1 span,
#menu li.Level1 a,
#menu li.Level1 a:link, 
#menu li.Level1 a:active, 
#menu li.Level1 a:visited 
{
  color: #000;
  /*font: bold 12px Arial, Helvetica, sans-serif;*/
  display: block;
  padding: 0 12px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  cursor:pointer; 
}

#menu  a,
#menu  a:link, 
#menu  a:active, 
#menu  a:visited 
{
    text-decoration: none;
}


/* level2 */

#menu  li.Level1:hover a, 
#menu  li.Level1.sfHover a { 
  text-decoration: underline;
}

#menu li.Level1 ul 
{ 
    
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
	left: -1px;
	width: 175px; 
	background-color: #fff;
	-moz-border-radius: 10px;
/*	xfilter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;*/
}


#menu li.Level2 {
    /*background-image: url('../images/onlyLI.gif'); */
    white-space: nowrap;
    display:block;
	height: 20px;  
    width: 175px;   
    border: 0;
    float: none;
    overflow: hidden; 
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
	background-color: transparent !important;
}



#menu li.Level2 span,
#menu li.Level2 a,
#menu li.Level2 a:link, 
#menu li.Level2 a:active, 
#menu li.Level2 a:visited 
{
  white-space: nowrap;
  overflow: hidden;
  font: bold 11px Arial, Helvetica, sans-serif;
  display: block;
  margin: 0px;
  padding: 0px;
  height: 20px;
  color: #000;
  text-decoration: none;
  text-transform: lowercase;
  font-weight: bold;  
  line-height: 20px;
}

#menu li.Level2:hover span,
#menu li.Level2 a:hover
{
    color: #000;
    text-decoration: underline;
    padding-left: 5px;
}


#menu  li.Level1:hover ul,
#menu  li.Level1.sfHover ul
{
  top: 15px;
}



#menu  li.Level2:hover ul,
#menu  li.Level2.sfHover ul
{

}


#menu  li.Level2 ul,
li.Level3
{ 
    display: none;
}

/* cut out IE7 menu - start */
#menu li.Level1 ul{   	
	border-width : 0px;	
	background-color: Transparent;
}
#menu li.Level2 ul{   	
	margin: 0 -1px;	
	padding:0;	
	height:1%;
}
#menu li.Level2 {   	
	margin-top:0px;
}
#menu li.Level1 ul, #opgenre .flyout,#opgenre .flyout ul {    
	width: 185px !important;
}
#opgenre .flyout ul li{    
	padding-left: 10px;
}
#menu li.Level1 ul li, #opgenre .flyout li{ 	
	background-image: url('../images/middle.png');	
	width: 185px !important;	
	background-repeat: repeat-y;	
	height:1%;
} 
#opgenre .flyout li{ 	
	width: 175px !important;	
	border-bottom: none !important;
}
#opgenre .flyout{    
	border-width : 0px;    
	background-color: transparent;    
	left: -12px;    
	top: -5px;
}
#menu li.Level1 ul li.firstLI, #opgenre .flyout li.firstLI{     
	background-image: url('../images/top.png');	 
	background-repeat:no-repeat;	 
	height:20px;	 
	padding-top:11px;	 
	background-color: transparent;
}
#menu li.Level1 ul li.lastLI, #opgenre .flyout li.lastLI {     
	background-image: url('../images/bottom.png');     
	background-position: bottom left;	 
	background-repeat:no-repeat;	 
	height:31px;	 
	margin:0px;
}#menu li.Level1 ul li.lastLI{     
	background-image: url('../images/bottom.png');     
	height: 25px;
}


ul.nav li a, 
ul.nav li li a, 
ul.nav li.Level1 a, 
#myFlyout ul li a 
{	
	font-size: 12px !important;	
	font-family: Arial, Helvetica, sans-serif !important;	
	font-weight: bold !important;
}
