﻿/* === Navigation2a === */

#Navigation2a {
position: absolute;
top: 121px;
z-index: 2000;
width: 100%;
text-align: center;transition: all 0.25s ease 0s;
}

.is-sticky	#Navigation2a {
 
top: 18px;
 
}


/* Level 1 Style */

#Navigation2a ul.ksHorizontal {
margin: 0px 0px 0 0;
padding: 0;
display: inline-block;

 /*display: table;   Allow the centering to work 
margin: 0 auto;*/
}

	#Navigation2a ul.ksHorizontal li {
	/*float: left;*/
	display: inline-block;
	padding: 0px 15px 0px 0px;
	margin: 0px 10px 0px 0px;
	position: relative;
	font: 600 15px 'Raleway', sans-serif;
	list-style: none;
	z-index: 60;
	height: 44px;
	letter-spacing: 0.3px;
	zoom: 1;
	cursor: pointer;text-align: left;
	}
	

		/* Individual Normal State Listed */
		
		#Navigation2a ul.ksHorizontal li a.common
		{
		height: 47px; 
		padding: 8px 0 0 42px; 
		z-index: 3100;
		}
		
		#Navigation2a ul.ksHorizontal li a.member{background: url(../images/icon_member.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .member{background:  url(../images/icon_member_hover.png) no-repeat top left;}
		
		#Navigation2a ul.ksHorizontal li a.employer{background: url(../images/icon_employer.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .employer{background:  url(../images/icon_employer_hover.png) no-repeat top left;}

		#Navigation2a ul.ksHorizontal li a.contract{background: url(../images/icon_contract.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .contract{background:  url(../images/icon_contract_hover.png) no-repeat top left;}

		#Navigation2a ul.ksHorizontal li a.project{background: url(../images/icon_project.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .project{background:  url(../images/icon_project_hover.png) no-repeat top left;}

		#Navigation2a ul.ksHorizontal li a.finance{background: url(../images/icon_finance.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .finance{background:  url(../images/icon_finance_hover.png) no-repeat top left;}

		#Navigation2a ul.ksHorizontal li a.reports{background: url(../images/icon_reports.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .reports{background:  url(../images/icon_reports_hover.png) no-repeat top left;}
		
		#Navigation2a ul.ksHorizontal li a.admin{background: url(../images/icon_admin.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li:hover .admin{background:  url(../images/icon_admin_hover.png) no-repeat top left;}






		/* Individual Hover State Listed */
		/*#Navigation2a ul.ksHorizontal li a.member:hover{background: url(../images/icon_member_hover1.png) no-repeat top left;}
		#Navigation2a ul.ksHorizontal li a.employer:hover{background: url(../images/icon_employer_hover.png) no-repeat center left;}*/


		#Navigation2a ul.ksHorizontal li a {
		text-decoration: none;
		display: block;
		color: #fff;
		padding: 0px 0 0 0px;
		font: 500 15px 'Raleway', sans-serif;
		}

		




/* Level 1 Style */

#Navigation2a ul.ksHorizontal li ul.ksnav { 
z-index: 80;
background: none;
position: absolute;
display: none;
left: 0px; 
top: 47px;
}

#Navigation2a ul.ksHorizontal li:hover ul.ksnav{display: block;}


#Navigation2a ul.ksHorizontal li ul.ksnav li.features {
border: 0px;
margin: 0px 0 0 0;
width: 253px;
padding: 0px 0px 0 0;
}

#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul {
padding: 0px 0px 0px 0;
margin: 0 0px;
background: #6F0;
}

#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul li { 
clear: left;
width: 253px;
border-bottom: 1px solid #42938D;
margin: 0px;
height: auto;
padding: 0 0 0px 0px;
text-align: left;
background: none;
text-transform: none;
letter-spacing: 0px;
background: #047067;
}

#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul li:hover { 
}

#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul li a { 
font: 600 13px 'Raleway', sans-serif;
line-height: 20px;
color: #81B7B3;
padding: 8px 0px 8px 18px;
margin-right: 14px;
}

#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul li a.inactive
{
background: url(../images/icon-plus.png) no-repeat center right;
}

#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul li a.active
{
background: url(../images/icon-minus.png) no-repeat center right;
}


#Navigation2a ul.ksHorizontal li ul.ksnav li.features ul li a:hover {
font: 600 13px 'Raleway', sans-serif;
line-height: 20px;
color: #fff;
}


#Navigation2a ul.ksHorizontal li:hover ul.ksnav li.features .ksdropDown {
overflow: hidden;
display: block;
padding: 0px 0px 0px 0px;
margin: 0 0 0 0;
border: 0 solid #F1F0EF;
border-top: none;

}




/* -- LEVEL 2 -- */

#Navigation2a ul.ksHorizontal li:hover ul.ksnav li.features .ksdropDown ul li ul.ksnav2{
}


#Navigation2a ul.ksHorizontal li:hover ul.ksnav li.features .ksdropDown ul li ul.ksnav2 li{
clear: left;
width: 253px;
margin: 0px;
height: auto;
padding: 0 0 9px 0px;
text-align: left;
background: none;
text-transform: none;
letter-spacing: 0px;
background: #047067;
border: none;
}


#Navigation2a ul.ksHorizontal li:hover ul.ksnav li.features .ksdropDown ul li ul.ksnav2 li a{
font: 600 13px 'Raleway', sans-serif;
line-height: 20px;
font-style: italic;
color: #81B7B3;
padding: 0px 0px 0px 18px;
}

#Navigation2a ul.ksHorizontal li:hover ul.ksnav li.features .ksdropDown ul li ul.ksnav2 li a:hover{
color: #fff;
}