/*
nav:not(.mm-menu )
{
	display: none;
}
*/

.header,.content,.footer
{
	text-align: center;
}

.header,.footer
{
	background: #777;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}

.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}

.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}

#menu_mobile .content
{
	padding: 150px 50px 50px 50px;
}

.mm-listview li {
		background-color:#CBDAE2;			
}
	
.mm-listview h4, .mm-listview h3 {
	margin:0 !important;
}

.mm-navbar-bottom, .mm-navbar-top{
		background-color:#9BAF8C !important;	
}
		
#mMainMenu, .mMainMenu{
		background-color:#EAE5CE !important;
}

#menu_mobile .mm-title, .mm-navbar a{
		color:#5b3916 !important;
		font-size:16px !important;
		font-weight: bold !important;
}

#menu_mobile .subContent{
		margin-top:-20px !important;
		margin-left:-20px !important;
		margin-right:-20px !important;
}

#menu_mobile .twoCol li {
		background-image:none !important;
}
	
#menu_mobile  .mm-listview h4{
		padding: 5px 5px 5px 10px;	
}

#mm-blocker {
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);		
}

.mobile-logo{
	max-height:30px;
	margin-top:5px; 
	display:inline-block
}
a img.mobile-logo{
	max-height:30px;
	margin-top:5px; 
	display:inline-block
}

@media screen and (min-width:960px){					 
	.header, .header a{
		display:none;	
	}
	
	#navArea{
		display:block;	
	}
	
	#topimg{
	   margin-left:0px;	
	   /* max-height: 275px; Commented out 5-9-17 JDH to accomodate slideshows on wide template pages */
	   width:100%;
	}			
}
	
@media screen and (max-width:960px){
	.header				
	{
		display:block;
		box-sizing: border-box;
		width: 100%;
		position: fixed;
		top: 0;
		background-color:#9baf8c;
		/*border: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 0px !important;*/
		border:none;
		z-index:9999 !important;
		line-height:10px;
	}
		
	.header .mobile_burger
	{		
		background: center center no-repeat transparent;
		/*
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		*/
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 10px;
		
		/*background: transparent url("http://www.aces.edu/pic/burger-b.png") no-repeat scroll center center !important;*/
		background: transparent url("/extcomm/Templates/mobile/burger-b-1.png") no-repeat scroll center center;	
	}

	#menu_mobile h4{
		display:none !important;	
	}
	#menu_mobile h3{
		display:none !important;	
	}
	#menu_mobile li > a {
		line-height:16px !important;
		
	}
	#navArea{
	   display:none;	
	}
	
	#topimg img{
	  /* width:100%; */
	}
	
	#logo{
		display:none;	
	}
						
	#rightcol {
		margin-top:40px;
	}	
	
	#contentholder{
		margin-top:40px;  
	}
	
	.header i{	
		display: block;
		height: 40px;
		right: 10px;
		position: absolute;
		top: 10px;
		width: 40px;
		color:#5B3916;
	}
	
	#menu_mobile .twoCol ul {
		margin:0 !important;
	}
	
	.header input[type="search"] {
		box-sizing: border-box;
		width: 100%;
	}
	
	.search-box-wrapper {
		z-index: 2;
		/*width: 100%;*/
		/*margin-top:40px;*/
		margin-left:-50px;
		margin-right:-50px;
		display:none;
	}
	
	.search-box {
		padding: 10px 15px;
		background: #CBDBBF !important;
		/*background: hsl(0, 0%, 30%);*/
		height:30px;
	}
	
	.search-box .search-field {
		max-width: 362px;
		float: right;
		padding: 2px;
		font-size: 15px;
		background-color: #fff;
		border: 0;
		height:30px;
	}		
	
	.search-toggle {		
		float: right;
		width: 50px;
		height: 40px;
		padding: 0px;
		margin-right: -50px;
		color: #fff;
		text-align: center;
		cursor: pointer;			
	}

	.search-toggle:hover
	{
		/*background: #848484 !important;*/
		/*background: hsl(0, 0%, 30%);*/
	}
	
	#menu_mobile .subContent div
	{
		float:none !important;
	}        
	
	#menu_mobile hr{
	    display:none !important;	
	}
	
	nav:not(.mm-menu )
	{
		display: none;
	}
}
	
@media screen and (max-width:725px){		 	
	#topimg img {
	  /* height:30px !important;*/
	}
		
	#menu_mobile .subContent{
		margin-top:-20px; 
	}
	 
	.mm-listview > li > a, .mm-listview > li > span {
		 text-overflow:inherit !important;
		 white-space:normal !important;			 
	}
	 
	.mm_panel {
		/*-webkit-overflow-scrolling: touch;*/
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}	
}