﻿/* mega menu outer div */
.navigation {
	position:absolute;
	top: 119px;
	left: 0;
	width: 980px;
	}
#unityMenu {

	}
	
/* mega menu most outer list */
.nav-menu {
	margin: 0;
	padding: 0;	
	/* background-color:#34367f; */
	background-color:transparent;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.02em;
	display: block;
	position: relative;
	z-index:10000;
	list-style: none;
	z-index: 15;
	border:none;
	min-height:38px;
	padding-left:20px;
	
	}

/* a top level navigation item in the mega menu */
.nav-item {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;

	}

/* first descendant link within a top level navigation item */
.nav-item > span, .nav-item > a {
	position: relative;
	display: inline-block;
	padding: 8px 23px 8px 23px;
	margin: 0 0 0 0;
	color:#fff;
	text-transform:capitalize;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border:none;
	}	


.nav-item a {
	text-decoration:none;
	color:#fff;
	margin:0;
	}
	
.nav-item a:hover {
	background-color:#FFF;
	color:#2A2C72;
	border:none;
	}

/* top level over state */
/* focus/open states of first descendant link within a top level 
   navigation item */
.nav-item > a:focus,
.nav-item > a.open,.nav-item > span.hover,.nav-item > span.open {
	background-color:#FFF;
	color:#2A2C72;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index:10000;
	border:none;
}


/* sub-navigation panel */
.sub-nav {
	position: absolute;
	display: none;
	top:38px;
	left:0;	
	margin-top: 0px;
	padding-bottom:0px;
	border: none;
	background-color: transparent;
	width:100%;
	z-index:10000;

}

/* sub-navigation panel open state */
.sub-nav.open {
	display: block;
	border: none;
	background-color:#FFF;
	color:#2A2C72;
	box-shadow: 0px 6px 5px 2px rgba(0,0,0,0.35);
	border-bottom:6px solid #343680;
       padding:10px 0 10px 0;
-moz-column-count: 4;
-moz-column-gap: 0px;
-webkit-column-count: 4;
-webkit-column-gap: 0px;
column-count: 4;
column-gap: 0px;
}

/* list of items within sub-navigation panel */
.sub-nav ul {
	display:block;
	display:inline-block;
	position:relative;
	margin: 0 1.4em 0.4em 0;
	padding: 2px 0 2px 35px;
	width:180px; 
	background-color:transparent;
	vertical-align:top;
	/* background-color:red; */
	}

/* clear both of all items which has a multiple of 4 */
/* Using a formula (an + b). Description: a represents a cycle size, n is a counter (starts at 0), and b is an offset value. */
/*
.sub-nav ul:nth-of-type(4n+1) {
    clear:both;
} 
*/
/* list item within sub-navigation panel */
.sub-nav li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 2px 0 2px 0;
}     

.sub-nav-group{
	padding: 0 0 0 0px;
	
}

/* Second Level Headings */
.sub-nav-group .secondLevel h3{
	margin: 0 0 0 0;
	padding-bottom:5px;
	ccolor:#2A2C72;
	border-bottom:1px solid #e5e5e5;
	font-size:14px;
	}
.sub-nav-group .secondLevel h3 a {
	color:#2A2C72;
	font-size:14px;
}
.sub-nav-group .secondLevel h3 a:hover {
	color:#2A2C72;
	text-decoration:underline;

}

/* Third level links */
.sub-nav-group .thirdLevel a {
	color:#2A2C72;
	font-size:12px;
	letter-spacing:0.0em;
}
.sub-nav-group .thirdLevel a:hover {
	color:#2A2C72;
	text-decoration:underline;
}

.nav-menu > :first-child > .sub-nav {
    display: none;
}