#button {
	width: 175px;
	padding: 0;
	margin-bottom: 0px;
	color: #333;
}

/* Level 1 */
#button ul{
	list-style: none;
  	margin: 0;	
	padding: 0;
	/*border: none;*/
        border-bottom: 1px solid #a8a9ad;

}

#button li {
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #a8a9ad;
        border-bottom:0px solid #006db5;
        /*border-bottom-style:dashed;*/
        border-bottom-color:#21568A;
}

#button li a {
	display: block;
	padding: 2px 2px 2px 20px;
  	margin: 0;
	border-top: 0px solid #21568A;
        border-bottom:none !important;
	background-color: #e0e1e5;
	color: #7b7b7b;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}

#button .level-1-no a:hover {
	display: block;
	padding: 2px 2px 2px 20px;
  	margin: 0;
	border-top: 0px solid #c5d6ea;
	border-left: 0px solid #006db5;
	background-color: #f8f8f8;
	color: #7b7b7b;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}

#button .level-1-cur a,
#button .level-1-cur a:hover {
	display: block;
	padding: 2px 2px 2px 13px;
  	margin: 0;
	border-left: 6px solid #ffd600;
	background-color: #ffd600;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}

#button .level-1-act a,
#button .level-1-act a:hover {
	display: block;
	padding: 2px 2px 2px 13px;
  	margin: 0;
	border-top: 0px solid #c5d6ea;
	border-left: 6px solid #ffd600;
	background-color: #ffd600;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}


/* Level 2 */
#button ul ul {
	list-style: none;
	margin: 0;	
	padding: 0;
	border: none;
}


#button li a:hover,
#button .level-2-cur a,
#button .level-2-act a{
	display: block;
	padding: 2px 2px 2px 27px;
  	margin: 0;
	border-left: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #444444;
	font-weight:normal;
}

#button .level-2-no a {
	display: block;
	padding: 2px 2px 2px 27px;
  	margin: 0;
	border-top: 0px solid #006db5;
	border-left: 0px solid #c5d6ea;
	background-color: #ffec8a;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}


#button .level-2-no a:hover {
	display: block;
	padding: 2px 2px 2px 27px;
  	margin: 0;
	border-top: 0px solid #006db5;
	border-left: 0px solid #ffffff;
	background-color: #ffffff;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}

#button .level-2-act a:hover {
	display: block;
	padding: 2px 2px 2px 27px;
  	margin: 0;
	border-top: 0px solid #21568A;
	border-left: 0px solid #ffffff;
	background-color: #ffffff;
	color: #A6302C;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}

#button .level-2-cur a:hover {
	display: block;
	padding: 2px 2px 2px 27px;
  	margin: 0;
	border-top: 0px solid #21568A;
	border-left: 0px solid #ffffff;
	background-color: #ffffff;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}


/* Level 3 */
#button ul ul {
	list-style: none;
	margin: 0;	
	padding: 0;
}

#button .level-3-no a {
	display: block;
	padding: 2px 2px 2px 25px;
	border-top: 0px solid #fffae0;
	border-left: 6px solid #fffae0;
	background-color: #fffae0;
	color: #000000;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}

#button .level-3-no a:hover {
	display: block;
	padding: 2px 2px 2px 25px;
	border-top: 0px solid #fffae0;
	border-left: 6px solid #fffae0;
	background-color: #fffae0;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;

}

#button .level-3-no a:hover,
#button .level-3-cur a,
#button .level-3-cur a:hover {

	display: block;
	padding: 2px 2px 2px 25px;
	border-top: 0px solid #fffae0;
	border-left: 6px solid #fffae0;
	background-color: #fffae0;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
 }

#button .level-3-no a:hover,
#button .level-3-act a,
#button .level-3-act a:hover {
	display: block;
	padding: 2px 2px 2px 25px;
	border-top: 0px solid #fffae0;
	border-left: 6px solid #fffae0;
	background-color: #fffae0;
	color: #444444;
	text-decoration: none;
	width: auto;
	font-weight:normal;
}