/* Get rid of weird looking buttons on iphone */
input[type="button"], input[type="submit"], input[type="text"], input[type="password"]{
	-webkit-appearance: none!important;
}

/*hide main nav toggle on normal screens*/
.toggleMainNav,
.togglePageNav,
.toggleTabs {
	display: none;
}


/*MEDIA QUERIES
***************************************************/

@media all and (max-width: 1023px) {

	div#header,
	div#bannerInner,
	body#home div#bannerInner,
	div#footerInner,
	div#bottomInner {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	div#contentWrap, 
	div#contentWrapNoLeft, 
	div#contentWrapWide {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto 0 auto;
		padding: 20px 10px 0;
		border-radius: 0;
	}

	/*HEADER*/

	div#header {
		height: auto;
	}

	div#header h1, div#logo {
		width: 100%;
		height: 45px;
		text-indent: -5000px;
		position: relative;
		top: auto;
		left: auto;
		background-size: auto 100%;
		background-position: center center;
		margin: 15px auto 0;
		overflow: hidden;
	}

	div#header h1 a, div#logo a {
		width: 100%;
		height: 45px;
	}

	div#header h2 {
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		font-size: 16px;
		margin: 10px auto 0;
	}

	/*MAIN NAV*/

	div#mainNav {
		height: auto;
		position: relative;
		z-index: 2;
		bottom: auto;
		right: auto;
		margin-top: 10px;
	}

	.toggleMainNav {
		display: block;
		background: #9fad07;
		height: 44px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 18px;
		border-bottom: 1px solid #fff;
	}

	.toggleMainNav span {
		display: block;
		float: left;
		padding: 13px 0 0 10px;
		color: #fff;
	}

	.toggleMainNav i {
		float: right;
		width: 44px;
		height: 44px;
		text-align: center;
		font-size: 28px;
		border-left: 1px solid #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 9px 0 0 0;
		color: #fff;
	}

	div#mainNav ul#mainNavList {
		display: none;
		float: none;
		margin: 0 auto;
		overflow: hidden;
		height: auto;
		background-image: none;
		background: #9fad07;
	}

	div#mainNav.open ul#mainNavList {
		display: block;
	}

	ul#mainNavList li {
		float: none;
		padding: 0;
		background-image: none;
	}

	ul#mainNavList li a,
	ul#mainNavList li.first a,
	ul#mainNavList li.last a {
		height: auto;
		padding: 10px 10px;
		border-left: 0;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 18px;
		display: block;
		height: auto;
		padding: 12px 10px;
		text-decoration: none;
		background-image: none !important;
		width: auto;
		text-indent: 0;
	}

	ul#mainNavList li a:hover,
	ul#mainNavList li.first a:hover,
	ul#mainNavList li.last a:hover,
	ul#mainNavList li a:active,
	ul#mainNavList li.first a:active,
	ul#mainNavList li.last a:active {
		color: #fff;
		background: rgba(255,255,255,0.3);
	}

	ul#mainNavList li.first a:before {
		content: "";
		display: none;
	}

	ul#mainNavList li.onPath a,
	ul#mainNavList li.onPath a:hover,
	ul#mainNavList li.onPath a:active {
		background: #0385a5;
		color: #fff;
	}

	/*BANNER*/

	body#home div#banner {
		height: 386px;
	}

	body#home div#bannerInner,
	body#home div#bannerSlides {
		height: 370px;
		overflow: hidden;
	}

	div#bannerContent,
	body#home div#bannerContent {
		display: none;
	}

	div#bannerSubPgForm,
	div#bannerForm {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px 20px 30px 20px;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		border-radius: 0;
		width: 100%;
		margin: 0 auto;
		background: rgba(6,15,23,0.5);
	}

	form#formBook legend {
		font-size: 32px;
		padding: 5px 0 0 0;
	}

	div#bannerSlides div.bannerPhoto {
		background-position: left center;
	}

	form#formBook label,
	form#formBook input.btn {
		margin-top: 14px;
	}

	form#formBook input.textfield, 
	form#formBook select {
		height: 42px;
	}

	form#formBook input.btn {
		font-size: 22px;
		height: 44px;
	}

	/*CONTENT SECTIONS*/

	div#contentSections h2 {
		font-size: 18px;
		line-height: 22px;
		color: #fff;
		padding: 20px 0 15px 15px;
	}

	div#contentSections h2 span {
		font-size: 16px;
	}

	div#contentSections p.burst {
		top: 50px;
	}

	/*QUICKLINKS*/

	ul#quickLinksList li h3 {
		font-size: 20px;
		padding: 0 0 4px 0;
	}

	ul#quickLinksList li a {
		min-height: 160px;
	}

	body#home ul#quickLinksList li h3 {
		font-size: 20px;
	}

	body#home ul#quickLinksList li p {
		width: 130px;
	}

	/*CONTENT*/

	div#content,
	div#contentWrapNoLeft div#content,
	div#contentWrapWide div#content {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 100%;
		padding: 0;
	}

	div#sidebar {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin-top: 0;
	}

	/*LEFT NAV*/

	.togglePageNav {
		display: block;
		background: #cfdee6;
		height: 44px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 16px;
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}

	.togglePageNav span {
		display: block;
		float: left;
		padding: 10px 0 0 10px;
	}

	.togglePageNav i {
		float: right;
		width: 44px;
		height: 44px;
		text-align: center;
		font-size: 16px;
		border-left: 1px solid rgba(255,255,255,0.5);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 14px 0 0 0;
	}

	.sidebar {
		height: 44px;
		overflow: hidden;
	}

	.sidebar.open {
		height: auto;
	}

	/*FOOTER*/

	div#footerInner {
		padding: 30px 10px 0;
	}

	div.footerColumn {
		width: 33.3333333333%;
		padding: 0 10px 0;
	}


}


@media all and (max-width: 767px) {

	/*CONTENT SECTIONS*/

	div#contentSections {
		margin-top: -15px;
	}

	div#contentSections .box {
		width: 100%;
		margin-top: 15px;
	}

	/*QUICKLINKS*/

	ul#quickLinksList li,
	#home ul#quickLinksList li {
		width: 100%;
	}

	ul#quickLinksList li p,
	body#home ul#quickLinksList li p {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 100px;
	}

	/*FOOTER*/

	div.footerColumn {
		width: 100%;
		padding: 0 10px 0;
	}

	div#bbdc {
		text-align: center;
		float: none;
	}
	

}