@charset "UTF-8";
/* CSS Document */
#menu {
	position:absolute;
	margin-left:1%;
width: 1000px; 
height:30px;  
z-index:500;
}


#menu ul {
width:auto;
	list-style: none;
margin: 0;
padding: 0;
/*width: 12em;*/  
float: left;  

}  




    

/*-------------------------------------------------/
FORMATTING 

*/
H2 {
    margin-bottom: 0px;
    margin-top: 0px;
}

#menu a{
font: normal 11px/16px arial, helvetica, sans-serif;
display: block;
}

#menu h2 a{

text-align: center;
line-height: 32px;
font-size:inherit; 
margin: 0; 

color: #57b1fe;
background-color:#383838; 
font-size: 12px  ;
padding-left:22px; 
padding-right:22px; 
z-index:5; 
}

#arrow {
	position:absolute;
	width:100%;
	height:9px;
	bottom:0px;
	left:0px;
/*	border:1px solid #FFF;*/


 z-index:10; 
	
	} 
	
	#arrow_actual {
		
		width:19px;
		height:9px;
	margin:auto;	
		
	}
	
	
	
	
	
	
	
#menu h2 a:hover {
	color:#b0e1fd; 
	} 

#menu a {

text-decoration: none;        
}

#menu a:hover {
color: #FFF;
}


#menu li li a {   

color: #343434;

width:180px;  

border-style: solid;
padding-left:5px; 
padding-right:5px;
	border-width:1px;        
	border-top-width:0px; 
	border-color:#383838; 
height:20px; 
padding-top:4px; 

background: #ececec;
text-align: left;

  
  }
  
  #menu li li a:hover {
	color: #FFF;
	
background: #11366c;
  
  }

/*-------------------------------------------------/
POSITIONING  

*/


#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}



#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}