#main-nav ul { list-style: none; margin: 0; padding: 0; }
			#main-nav ul li { display: inline-block; margin: 0 1em 0 1em; padding: 0.35em 0.35em 0.35em 0.35em; border-radius: 0.5em; }
			#main-nav ul li.active { background: #A101FF; }
			#main-nav ul li.active a { color: #fff; text-decoration: none; }
		
			/* A single menu */
			.dropotron { background: #3C265D; border-radius: 0.5em; list-style: none; margin: 0; min-width: 10em; padding: 0.75em 1em 0.75em 1em; }
			.dropotron > li { border-top: solid 1px #fff; margin: 0; padding: 0; }
			.dropotron > li:first-child { border-top: 0; }
			.dropotron > li > a { color: #ccc; display: block; padding: 0.5em ; text-decoration: none; }
			.dropotron > li.active > a, .dropotron > li:hover > a { color: #fff;  background: #A101FF; }
			
			/* Only applies to top level ("level-0") menus */
			.dropotron.level-0 { margin-top: 1.25em; }
			.dropotron.level-0:before { content: ''; position: absolute; border-bottom: solid 0.5em #3C265D; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; top: -0.5em; }