#submenu
{
	padding: 0;
	overflow: visible;
}

#submenu ul
{
	position: relative;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#submenu li
{
	position: relative;
	display: block;
	padding: 0.125rem 0;
}

#submenu a
{
	position: relative;
	display: block;
	color: #666666;
	text-decoration: none;
	word-wrap: break-word;
}
#submenu a:hover
{
	text-decoration: underline;
}

#submenu .selected > a
{
	font-weight: bold;
}

#submenu .level1 > li
{
	padding: 0;
}
#submenu .level1 > li > a
{
	display: block;
	padding: 0.5rem 20px;
	font-size: 1.25rem;
	color: #FFFFFF;
}
#submenu .level1 > li > a:hover
{
	color: #FFFFFF;
}

#submenu .level2
{
	padding: 0.5rem 20px;
}
#submenu .level2 > li
{
	padding: 0.5rem 0;
}
#submenu .level2 > li:not(:last-child)
{
	border-bottom: 1px solid #AAAAAA;
}
#submenu .level2 > li > a
{
	font-size: 1.125rem;
}

#submenu .level3
{
	padding: 0.25rem 0 0.25rem 0.5rem;
}
#submenu .level3 > li > a
{
	font-size: 1.125rem;
	padding-left: 0.75em;
}
#submenu .level3 > li > a:before
{
    content: "\f054";
	position: absolute;
    display: block;
	left: 0;
	top: 0.375rem;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 0.75em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 0.375rem;
}

#submenu .level4
{
	padding: 0.25rem 0 0.25rem 1rem;
}
#submenu .level4 > li
{
	padding: 0;
}
#submenu .level4 > li > a
{
	font-size: 1rem;
	padding-left: 0.75em;
}
#submenu .level4 > li > a:before
{
    content: "\f054";
	position: absolute;
    display: block;
	left: 0;
	top: 0.25rem;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 0.75em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 0.375rem;
}