.flexdropdownmenu, .flexdropdownmenu ul { /*topmost and sub ULs, respectively*/
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	list-style-type: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	visibility: hidden;
	width: 220px;
	z-index: 999;
	display: none; /*collapse all sub menus to begin with*/
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-moz-box-shadow:5px 7px 5px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:5px 7px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 7px 5px 0px rgba(0, 0, 0, 0.4);
}

.flexdropdownmenu li {
	position: relative;
}

.flexdropdownmenu li a {
	display: block;
	width: 200px; /*width of menu (not including side paddings)*/
	color: #298e97;
	font-weight: bold;
      font-size: 11px;
	border-top: 1px solid #ccc;
	text-decoration: none;
	padding: 6px 10px;
}

.flexdropdownmenu li:first-child, .flexdropdownmenu li:first-child a{
	border-top: 0;
}


* html .flexdropdownmenu li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 180px; /*width of menu (include side paddings of LI A*/
}

a[data-flexmenu="races"].selected,
a[data-flexmenu="classes"].selected,
a[data-flexmenu="activities"].selected,
a[data-flexmenu="members"].selected,
a[data-flexmenu="shop"].selected,
a[data-flexmenu="about"].selected  {
	color: #298e97!important;
	text-decoration: none;
	background-color: #fff;
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
	background-color: #298e97;
	color: #fff;
	font-weight: bold;
      text-decoration: none;
}

.flexdropdownmenu li:last-child a:hover {
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

@media screen and (max-width: 480px) {
	.flexdropdownmenu, .flexdropdownmenu ul {
		left: 80px!important;
	}
}