/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#menucontainer {
height:21px;
background-color: #000;
display:block;
padding:0px 0 0 10px;
}

#menu {
z-index: 50;
position:relative;
height:21px;
font-size:100%;
font-weight:bold;
font-family:Arial,Verdana,Tahoma,Helvitica,sans-serif;
text-align:left;
}

#menu ul {
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
#menu ul li {
display:block;
float:left;
margin:0 1px 0 0;
}
#menu ul li a {
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:3px 14px 0 14px;
height:18px;
background:transparent url(../images/menu_bg-OFF.gif) no-repeat top left;
}
#menu ul li a:hover {
color:#fff;
background:transparent url(../images/menu_bg-OVER.gif) no-repeat top left;
}

#menu ul li a.current,#menu ul li a.current:hover {
color:#000;
background:#fff;
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#menu li { position: relative;}
#menu>li li { float: none; position: relative;}

#menu li ul {
	background: #444;
	border-left: 2px solid #e80202;
	left: -1px;
	position: absolute;
	white-space: nowrap;
	width: 180px; 
	display:none;
}

#menu li ul a {
  background: url(../images/flechemenublack.gif) no-repeat top left;
	color: #fff; 
	font-weight: normal;
	font-family: Arial, Verdana, Tahoma;
	font-size: 100%;
	line-height: 20px;
	padding: 2px 0px 4px 17px;
	width: 163px; 
	border-bottom: 1px solid #eee;
}

#menu li ul a:hover {
  background: url(../images/flechemenured.gif) no-repeat;
  color: #E80202;
}