/* CSS Document */
#menu {
	width:158px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	background: url(../images/template/menu_bottom_bg.gif) bottom left no-repeat;
	margin: 0;
	padding-bottom:20px;
	padding-top:10px;
	}	
#menu a {
	display:inline-block;
}
#menu a {
	display:block;
}

#menu li {
	margin:0px 9px 2px 7px;
	list-style-type:none;
}


#menu li a{
	display:block;
	padding:4px 10px;
	color:#2881aa;
	text-decoration:none;
	width:120px;
	background: #faf9ee;
	color: #333;
	background:  url(../images/template/magenta_bg.jpg) repeat-y;
	
	border-left: 4px solid  #d2be03 ;
	font-weight:bold;
	font-size:11px;
}



#menu li a:hover, #menu li a.menuactive {
	color: #FFFFFF;
	border-left-color: #FF0000;
}

#menu ul{
	border:none
	margin-top:4px;
	background:trasparent;
	
}

#menu ul ul{
	border:none;
	margin:0;
}

#menu li li {
	margin:0;
	padding:2px 0;
	background:none;
	
}

#menu li li a{
	margin:0;
	padding:0;
	padding-left:20px;
	background:none;
	border:none;
	width:120px;

}

#menu li li a:hover, #menu li ul li a.menuactive{
	border:none;
	color: #bfac04;
	background: url(../images/template/menuArrow.gif) no-repeat 10px 2px;
}

#menu li li li a{
	padding-left:30px;
	width:110px;
}

#menu li li li a:hover, #menu li li li a.menuactive{
	background-position: 20px 2px;
}

#menu li li li li a{
	padding-left:40px;
	width:100px;
}

#menu li li li li a:hover, #menu li li li a.menuactive{
	background-position: 20px 2px;
}