/* nav styles */

.menu {
	float: right;
	display: block;
	position: relative;
}

.footermenu {
	float: right;
}

li.menuBtn a.menu {
	display: block;
/*box-sizing	padding: 0 .66em .66em 0;*/
}

li.menuBtn .menu img {
	margin: auto 0;
	min-width: 55px !important;
}

[role="navigation"] li.menu {
	display: none;
}

/* always show footer menu */

.mainheader nav, .mainfooter nav {
	background-color: #474747;
	height: 2.7em;
    text-align: center;
	clear: both;
    border: 1px solid #333333;
    font-size: 0.9em;
    font-weight: 400;
}

.mainheader ul, .mainfooter ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	background-color: #474747;
	height: 2.9em;
	clear: both;
}

.mainheader nav ul li, .mainfooter nav ul li {
	float: left;
	display: inline;
	background-color: #474747;   
	height: 2.9em; 
    text-transform:uppercase;
}

.subNavSearch {
   	background-color: #727272;
}

.mainheader nav a:link, .mainheader nav a:visited, .mainfooter nav a:link, .mainfooter nav a:visited {
	color: #fff;
	display: inline-block;
	height: 100%;
	width: auto;
}

.mainheader nav li.menuBtn a:link, .mainheader nav li.menuBtn a:visited {
	height: 100%;
}

.mainheader nav a:hover, .mainheader nav a:active, .mainheader nav .active a:link, .mainheader nav .active a:visited {
	background-color: #675f5a;
	text-shadow: none;
	text-decoration: none;
	color: #fff;
}

.mainfooter nav a:hover, .mainfooter nav a:active, .mainfooter nav .active a:link, .mainfooter nav .active a:visited {
	background-color: #675f5a;
	text-shadow: none;
	text-decoration: none;
	color: #fff;
}


/* Begin Media Queries */


/* width of window >150px and <600px */
@media (min-width: 10em) and (max-width: 38.74em) { /* 40em */

	.mainheader nav ul, .mainfooter nav ul {
		padding-left: 0;
	}

	.subNavSearch > div.searchWrapper {
		padding-left: 0.2em;
        padding-right: 0.2em;
        margin-top: 5px;
	}

	[role="navigation"] li.menu, [role="navigation"] li.menu {
		display: none;
	}

	.mainheader nav ul li, .mainfooter nav ul li {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.mainheader nav a:link, .mainheader nav a:visited, .mainfooter nav a:link, .mainfooter nav a:visited {
		padding: .66em .33em; /*10px 25px;*/
		display: block;
	}

	li.menuBtn a.menu {
		padding: 0 .33em .33em 0; /*box-sizing right .66em */
	}
}

@media (max-width: 38.75em) { /* 39.9999rem  628px*/

	.mainheader nav ul li.menuBtn {
		display: inline-block;
	}
}

/* width of window <600px */
@media (min-width: 38.75em) { /* 40.06rem */

	[role="navigation"] li.menu {
		display: inline;
	}

	[role="navigation"] li.menu {
		display: list-item;
	}
}

@media (min-width: 38.75em) { /* 40.06em .06 628px*/

	.mainheader nav ul li.menuBtn {
		display: none!important;
	}

	.subNavSearch {
		display: none !important;
	}

	[role="navigation"] li.menu {
		display: inline!important;
	}

	[role="navigation"] li.menu {
		display: list-item!important;
	}
}

@media (min-width: 38.75em) { /* 40.10em .12 628px*/

	.mainheader nav ul, .mainfooter nav ul {
		padding-left: 15px;
	}
}

@media only screen and (min-width: 46.66em) { /*700px*/

	.mainheader nav a:link, .mainheader nav a:visited {
		padding: .66em .33em; /*10px 25px;*/
	}
}

@media only screen and (min-width: 53.33em) { /*800px*/

	.mainheader nav ul, .mainfooter nav ul  {
		padding-left: 40px;
	}

	.mainheader nav a:link, .mainheader nav a:visited, .mainfooter nav a:link, .mainfooter nav a:visited {
		padding: .66em; /*10px 25px;*/
	}
}