.main-left-navigation-nav-fragment h3 {
	background-color: #F2F2F2;		
	padding: 1.4rem;
	position: relative;		
	line-height: 2rem;
	margin: 0;
}	
	
.main-left-navigation-nav-fragment h3 a {		
	font-size: 1.4rem;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
}	
	
.main-left-navigation-nav-fragment > div:first-child {
	background-color: #E5E5E5;
	margin-bottom: 2.8rem;
}

.main-left-navigation-nav-fragment > div ul li{
	line-height: 2rem;
	width: 100%;
	display: block;	
	position: relative;		
}

.main-left-navigation-nav-fragment li.hasSub.menu-expanded,
.main-left-navigation-nav-fragment li.menu-expanded a,
.main-left-navigation-nav-fragment > div ul li a:hover{ 
	background-color: #004684;
	color: #FFFFFF;			
} 	
	
.main-left-navigation-nav-fragment h3.menu-expanded{
	border-bottom: 0.1rem solid #FFFFFF;
}

.main-left-navigation-nav-fragment > div ul {		
	display:none;			
}	

.left-navigation-nav-fragment h3:after,li.hasSub>a::after, 
.left-navigation-nav-fragment h3.menu-expanded:after,
li.hasSub.menu-expanded>a::after{
	content: "\e004";
	font-family: "BA-Icon-Font";
	position: absolute;
	right: 1.2rem;
	top: 1.4rem;	
	cursor: pointer;	
	font-size: 1.6rem;
}

.left-navigation-nav-fragment h3::after
{
	color: #0272B3;
}

.left-navigation-nav-fragment h3.menu-expanded:after,
li.hasSub.menu-expanded>a::after{
	content: "\e006";
}

.left-navigation-nav-fragment h3.menu-expanded + ul {		
	color: #FFFFFF;
	display: block;
	width: 100%;
}

.left-navigation-nav-fragment ul li a {
	font-size: 1.4rem;
	width: 100%;		
	color: #0272B3;
	padding: 1.4rem 3.4rem 1.4rem 1.4rem;
	display: block;
}

.left-navigation-nav-fragment li.menu-expanded ul{
	background: #0272B3 none repeat scroll 0 0;	
	display: block;
}


.left-navigation-nav-fragment li.menu-expanded a, 
.left-navigation-nav-fragment li.menu-expanded a::after{
	color: #FFFFFF;	
}

.left-navigation-nav-fragment .menuControl{
	display: none;
}

.view-hide{
	display: block;
	font-weight:bold;
}



@media only screen and (min-width: 641px) {

	#hideAll, #viewAll{
		float: left;
		font-weight: bold;
		line-height: 2rem;
		padding: 1.4rem 0;
		text-align: center;		
		width: 100%;
		font-family: Helvetica,Arial,sans-serif;
	}
	
	.main-left-navigation-nav-fragment  li.hasSub ul{	
		display: none;
	}
	
	.main-left-navigation-nav-fragment h3 a {		
		color: #004684;	
	}	
	
	.main-left-navigation-nav-fragment {	
		padding-bottom: 2.8rem;
	}
	
	.left-navigation-nav-fragment .menuControl{
		display: block;
		background: #0272B3 none repeat scroll 0 0;
		color: #FFFFFF;
		cursor: pointer;		
		font-size: 1.4rem;
		font-weight: bold;
		height: 100%;
		line-height: 2rem;
		min-width: 8rem;		
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;		
	}
	
	.main-left-navigation-nav-fragment > div ul,
	.main-left-navigation-nav-fragment  li.hasSub.menu-expanded ul{	
		display: block;	
	}
	
	.left-navigation-nav-fragment li.hasSub, 
	.main-left-navigation-nav-fragment > div ul li,
	.main-left-navigation-nav-fragment  li.hasSub.menu-expanded ul li {				
		background: #E5E5E5 none repeat scroll 0 0;
		float: left;
		width: 33.33%;
	}	
	
	.main-left-navigation-nav-fragment  li.hasSub.menu-expanded ul li{
		background: #0272B3 none repeat scroll 0 0;
		color: #FFFFFF;
		font-size: 1.4rem;
		line-height: 2rem;	
		position: static;
	}
	
	.main-left-navigation-nav-fragment  li.hasSub.menu-expanded ul{	
		width: 100%;
		position: absolute;
		z-index: 1;	
		left: 0;
		background: none;
	}	
	
	.main-left-navigation-nav-fragment > div ul li{	
		position: static;			
		display: list-item;
		border-top: 0.1rem solid #FFFFFF;
		border-right: 0.1rem solid #FFFFFF;		
	}
	
	.main-left-navigation-nav-fragment ul li.hasSub.menu-expanded a,
.main-left-navigation-nav-fragment ul li.menu-expanded a	{
		background: #004684;
		color: #FFFFFF;						
	}
	
	.left-navigation-nav-fragment ul li a {		
		position: relative;		
	}
	
	.left-navigation-nav-fragment h3:after, 
	.left-navigation-nav-fragment h3.menu-expanded::after{
		content: " ";
	}
	
	.left-navigation-nav-fragment #viewAll{
		display: inline;
	}
	.left-navigation-nav-fragment #hideAll{
		display: none;
	}
	
}

@media only screen and (min-width: 800px) {
	
	.main-left-navigation-nav-fragment > div {		
		margin-bottom: 0;
	}	
	
	.main-left-navigation-nav-fragment > div ul  li{		
		display: block;	
	}
	
	.main-left-navigation-nav-fragment > div {	
		padding-bottom: 4.8rem;
	}	
	
	.left-navigation-nav-fragment .menuControl{
		display: none;
	}	
	
	.main-left-navigation-nav-fragment h3 a {		
		font-size: 1.6rem;
	}	
	
	.left-navigation-nav-fragment li.hasSub,
	.main-left-navigation-nav-fragment li.hasSub.menu-expanded ul li ,
	.main-left-navigation-nav-fragment > div ul li{    
		width: 100%;
	}
	
	.main-left-navigation-nav-fragment li.hasSub.menu-expanded ul li {
		background: #0272B3 none repeat scroll 0 0;	
	}
	
	.main-left-navigation-nav-fragment li.hasSub.menu-expanded ul {		
		position: static;		
	}
	
	.main-left-navigation-nav-fragment > div ul li{		
		border: none;
		margin-bottom: 0;
	}
	
	.left-navigation-nav-fragment ul li a {
		font-size: 1.4rem;
		width: 100%;		
		color: #0272B3;
		padding: 1.4rem 3.4rem 1.4rem 1.4rem;
		display: block;
	}
	
	.left-navigation-nav-fragment li a:hover {
		background: #004684 none repeat scroll 0 0;
		color: #FFFFFF;
	}
	
	.left-navigation-nav-fragment h3:after, 
	.left-navigation-nav-fragment h3.menu-expanded::after{
		content: " ";
	}
	
	.left-navigation-nav-fragment h3{
		border-bottom: 0.1rem solid #FFFFFF;
	}

	.main-left-navigation-nav-fragment ul li.hasSub.menu-expanded a,
	.main-left-navigation-nav-fragment ul li.menu-expanded a{
		color: #FFFFFF;
	}	
}