/* Menu Styles */

nav
{
    list-style: none;
    padding: 0;
    margin: 20px auto;
	position:relative;
	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;
	color:#fff;
	font-size:1.1em;
}

/* 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;
  text-align:center;
  text-transform:uppercase;
}

nav ul li {
  display: inline-block;
  position: relative;
  text-align:center;
  padding:0 10px;
}

nav ul li:after {
    content: "/";
    color: white;
    position: absolute;
    right: -5px;
    top: 0;
}

nav ul li:last-of-type:after {
  content: none;
}

nav a:hover{color:#fff;}

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

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

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

nav ul li a {
  display: block;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

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

nav ul ul li a{
	padding: 0.2em 1.4em;
	font-size:1em;
}

/* 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:hover{background: #2c3e50;}

/* 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; }


/* custom menu colours remove if not needed */
.menucol1,.menucol1 ul{background:#0080c7!important;}
.menucol2,.menucol2 ul{background:#005695!important;min-width:250px;}
.menucol3,.menucol3 ul{background:#002d68!important;}