html {-webkit-text-size-adjust: 100%;}

input.button {
   font-size: 18px;
}


@media only screen and (max-width: 950px){
  #headercontainer,#footercontainer,#contentcontainer,#ctablock {width:700px;margin-left:auto;margin-right:auto;}   
  #contentright {display:none}
  #headerleft {padding-top:0px;padding-bottom:0px;}
  #headerright {float:none;width:100%;padding-left:5px;height:auto}
  #ctablock {text-align:center}
  #ctaband p {float:none;width:auto;text-align:center}
  #ctaband .csbutton {float:none;}
}

@media only screen and (max-width: 700px){
  #headercontainer,#footercontainer,#contentcontainer,#ctablock {width:auto;margin-left:auto;margin-right:auto;}   
  #footerleft,#footerright {float:none;width:100%;text-align:center}
  #footerright p {text-align:center !important}
}

.nav-button { display: none; } /* hide the navigation button by default */

@media only screen and (max-width: 525px) {
	
  	.admin_bar {display:none}
 	#menublock,#header,#headerleft,#footerleft,#footerright,#contentleft {width:auto}

	#socialiconsx {padding:0;margin:0;text-align:center;padding-bottom:5px}
	#headerleft {float:none;text-align:center;height:auto;padding:10px 0px 20px 0px;}
	#headerright {padding:0;height:auto}
	.bx-controls-direction {display:none} /* hide slider navigation buttons - they interfere with dropdown menu */

	.contentimg {
		width:180px;
	}

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 105px;
		height: 35px;
		background: url('../site/images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../site/images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../site/images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../site/images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		padding:2px 0px 0px 30px;
		cursor: pointer;
		border:1px solid rgba(255,255,255,.3);
		border-radius: 5px;
		z-index: 9999;
		color:#fff;
		font-size:16px;
	}


	.nav-button:hover {
		background-color: rgba(0,0,0,.1);
	}

	.nav-button.csfmmopen {
		background: url('../site/images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../site/images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../site/images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../site/images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar  -------------------------------------------------------- */

	body { padding-top: 50px; }

	.sf-menu ul {position:relative;}
	.sf-menu li.sfHover ul {top:0;width:auto;}

	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			30px;
		top:			1.05em; /* IE6 only */
		margin-top:		5px;
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../site/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}

	.sf-menu {
		width: 100%;
		float: none;
		background-color: #171717 !important; /* change the menu color */

		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}

	.sf-menu a {border:none;}

	.sf-menu li {
		display: none;
		width: 100%;
		position:relative;
		border:none;
	}

	.sf-menu li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		color:#eee !important;
	}

	.sf-menu li a:hover {
		background-color: #555;
		color:#eee;
		border-top-color: transparent;
	}
	.sf-menu > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.sf-menu.csfmmopen {
		height: auto;
		padding-top: 50px;
	}

	.sf-menu.csfmmopen li {
		display: block;
	}

	

	/* Submenus – optional .parent class indicates dropdowns */

	.sf-menu > li:hover > a {
		border-bottom-color: transparent;
	}

	.sf-menu li.parent > a:after {
		content: "▼";
		float: right;
	}

	.sf-menu li ul {
		display: none;
		border-top: 0 none;
		padding: 0;
	}
	.sf-menu li ul a {
		border: 0 none;
		font-size: 14px;
		padding: 10px 5%;
		font-weight: normal;
	}

	.sf-menu li ul a,.sf-menu li ul a:visited {
		color:#ccc;
	}

	.sf-menu li:hover ul {
		display: block;
		border-top: 0 none;
	}

	.sf-menu li.sfHover ul li {
		border:none;
		background-color: inherit;
	}

	.sf-menu li.sfHover ul li a {
		padding-left:40px;
	}

	.sf-menu li, .sf-menu li a  {
		background-color: #333;
	}

	.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background-color: #444;
	}

	.sf-menu a {
		border-left:none;
	}

	.sf-menu li {
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1);
	}
	.sf-menu li li a, .sf-menu li.sfHover ul {
		background-color:#222;
	}

} /* End Mobile Styles */

@media only screen and (max-width: 475px) {
  .contentimg {display:none}
}