/* Menu Styles */

nav
{
    list-style: none;
    padding: 0;
    margin: 0;
	position:absolute;
	bottom:0px;
	right:0;
	webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border-radius:4px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	background: none;
}

/* mobile menu */
#navPanel nav
{
	position:relative;
	top:0;
	left:0;
	border-radius:0;
	background:none;
}
/* end mobile menu */

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li {
  display: block;
  position: relative;
  float: left;
  text-align:center;
}

nav ul ul li,nav ul ul ul li {
 text-align:center;
}

nav ul li:nth-child(2) {}

nav li ul{ display: none; width:inherit;}

nav ul li a {
  display: block;
  padding: 0.3em 2.2em;
  text-decoration: none;
  white-space: nowrap;
  color: #FFF;
  text-transform: uppercase;
}

nav ul li a:hover
{
  color:#fff;
  background:#3C3F5D;
}

/* 1st level dropdown */
nav ul ul{
	background:#3C3F5D;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	min-width:220px;
}

nav ul ul li a{
	padding: 0.2em 1.4em;
	font-size:0.9em;
  color:#fff;
}

/* 3rd level */
nav ul ul ul{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;

}

/* Display the dropdown */


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

nav li:first-child:hover > ul {
	left:0px;
}

nav li:last-child:hover > ul {
	right:0px;
}

nav li:hover li { float: none; }

/* 2nd level */
nav ul ul li:last-child {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

nav ul ul li a:hover{background: #797A84!important;}

nav ul ul li a::after{transition: none!important;}

/* 3rd level */
nav ul ul ul li:last-child {
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

nav .main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


nav ul ul ul {
  left: 100%!important;
  top: 0;
}

/* Simple clearfix */



nav ul:before,
nav ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

nav ul:after { clear: both; }

#top_menu a{color:#fff!important;}
