.liButton
{
	display:inline;
	border-style: solid;
	border-width: thin;
	border-color: transparent;
	padding: 0.5%;
}

.selectedLiButton, 
.liButton:hover, 
ul.clearfix li:hover .withSubmenu
{
	display:inline;
	border-style: solid;
	border-width: thin;
	padding: 0.5%;
}

.buttonA
{
	text-decoration: none;
	font-family: "Arial";
	font-size: medium;
	color: white;
}

.navButton
{
	position: relative;
	font-family: "Arial";
	font-size: medium;
	color: white;
}

.flagInLi
{
	display:inline;
}

a.mediaButton
{
	color: white;
	text-decoration:inherit;
}

a.mediaButton:hover
{
	color: orange;
	font-style:normal;
}

.navButtons
{	
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	left: 10%;
}

/* --------------------------- */

ul.clearfix
{
	display:block;
	clear:both;
	margin:0;
}

ul.clearfix>li
{
	position: relative;
	display:inline;
	padding-bottom: 0.5%;
	list-style-type: none;
}

ul.clearfix>li:hover, ul.clearfix>li:hover>.withSubmenu
{
	padding-bottom: 1.0%;
}

.submenu
{
	display:none;
}

ul.clearfix>li *
{
	position:relative;
	z-index:1;
}

ul.clearfix>li:hover>.withSubmenu
{
	border-bottom-style:none !important;
}

ul.clearfix>li:hover>.submenu
{
	display:inherit;
	visibility:visible;
	text-align:left;
	width:200%;
	position: absolute;
	top:97%;
	padding:0;
	left:0px;
	border-width: thin;
	border-style: solid;
	z-index:0;
}

ul.submenu>li
{
	list-style-type:none;
	display:block;
	margin-left: 0.40em;
	margin-top: 0.5em;
	color:white;
}

.arrow 
{
	color:white;
    font-size:10px;
    line-height:0%;
    vertical-align:middle;
}