/*ALL OF THE COLORS ARE SET IN THE SITES SPECIFIC CSSS FILES;*/

.mobileNavButton{
	float:right;
	width: 40px;
	height: 30px;
	display: block;
	margin: 6px 10px 0 0;
	border-radius: 4px;
	background-color: #2a22a7;
}

.mobileNavButton:hover{
	cursor: pointer;
}

.mobileNavButton > .bar{
	background-color: #fff;
	width: 70%;
	height: 3px;
	margin: 4px auto;
	display: block;
}


.topBar{
	margin-top:7px!important;
}


.mobileNav{
	width: 200px;
	height: auto;
	display: block;
	position: fixed;
	z-index: 100;
	top: 44px;
	right: 1.6%;
	display: none;
	background-color: #52bdeb;
	background-color: #2a22a7;
	background-color: #ffa700;
}
.mobileNav a{
	width: 100%;
	height: auto;
	float: left;
	padding: 18px 4%;
	margin: 0;
	border-bottom: 1px solid #f57300;
	text-transform: uppercase;
	color:#fff;
	text-decoration: none;
	font-size: 12px;
}


.mobileNavButton:active, .mobileNavButton:hover{
	background: #6c64e6; /* Old browsers */
}

.mobileNav a:active, .mobileNav a:hover{
	background: #f57300; /* Old browsers */
	color: #fff;
}



/*@media only screen and (min-width: 720px) {
	.mobileNavButton, .mobileNav{
		display: none;
	}
}*/