#button {
font-family: arial;
font-weight: bold;
padding-top:16px;
background:#cccccc;
height:564px;
}
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align:right;

}

#button li {
}
#button li a {
display: block;
padding: 5px 15px 5px 5px;
color: #3f3f3f;
text-decoration: none;
width: 100%;
letter-spacing: .5em;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #7c79fe;
color: white;
}




#button li.heading {
	padding: 5px 15px 5px 5px;
	color: yellow;
	background-color: #7c79fe;
	letter-spacing: .5em;
	
}
#button li.heading_link {
	background-color: #7c79fe;
}
#button li.heading_link a {
	color: white;
}
#button li.heading_link a:hover {
	color: yellow;
}

#button li.selected {
	background-color: #7c79fe;
	color: yellow;
	display: block;
	padding: 5px 15px 5px 5px;
	width: 100%;
	letter-spacing: .5em;
	width: auto;
	
}
#button li.submenu a{
	background-color: #7c79fe;
	letter-spacing: normal;
	padding: 5px 20px 5px 5px;
	color: white;
	
}
#button li.selected_submenu {
	background-color: #7c79fe;
	letter-spacing: normal;
	padding: 5px 20px 5px 5px;
	color: yellow;
}

#button li.submenu a:hover{
	background-color: #7c79fe;
	color: yellow;
}