html *
    {
    font-size: 16px;
    }

#menu
    {
    text-align:center;
    }

nav ul ul
    {
    display: none;
    }

nav ul li:hover > ul
    {
    display: block;
    }

nav ul {
	background: #dedede; 
	padding: 0 20px;
	border-radius: 8px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #4b545f;
	}
		nav ul li:hover a {
			color: #fff;
		}

/* main menu items */

	nav ul li a {
		display: block; padding: 8px 40px;
		color: black; text-decoration: none;
	}

nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		position: relative;
	}
		nav ul ul li a {
			padding: 8px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/* set up for menu colors */

li.purple {
background: purple;
}

li.orange {
background: orange;
}

li.blue {
background: blue;
}

#selected
    {
    /*
    background: #2948FC;
    */
    background: purple;
    }

#selectedtext
    {
    color: #ffffff;
    }