@media screen and (min-width: 980px) {
	
	#banner .slideshowzone {
		height: 360px;
	}
	
}

@media screen and (min-width: 790px) and (max-width: 925px) {
	
	#banner .slideshowzone {
		height: 280px;
	}
	
}

@media screen and (min-width: 680px) and (max-width: 790px) {
	
	#banner .slideshowzone {
		height: 250px;
	}
	
}

@media screen and (min-width: 610px) and (max-width: 680px) {
	
	#banner .slideshowzone {
		height: 225px;
	}
	
}

@media screen and (min-width: 510px) and (max-width: 610px) {
	
	#banner .slideshowzone {
		height: 200px;
	}
	
}

@media screen and (min-width: 480px) and (max-width: 510px) {
	
	#banner .slideshowzone {
		height: 160px;
	}
	
}


/*Stop the menu from getting hidden after opening/closing it in portrait, then switching to full width*/
@media screen and (min-width: 922px) {
	
	#mainNav .menu-pulldown {
		display: block !important;
	}
	#mainNav #menu-icon, #mainNav .expand-icon {
		display: none !important;
	}
	#mainNav li, #mainNav ul, #mainNav .menu-pulldown {
		overflow: visible !important;
	}
}	
	
@media screen and (max-width: 480px) {/**/

	#copyright .floatright, #copyright .floatleft {
		text-align: center !important;
	}
	#content {
		border-left: 0px;
	}
	#content {
		width: 95%;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	
	footer #col_1 {
		border-bottom: 1px solid #ffffff;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	footer .menu-simplevert ul, footer .menu-simplevert li, footer .menu-simplevert li a {
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	footer .float .menu-advvert {
		min-height: 0px;
		padding-bottom: 10px;
	}
	
}

@media screen and (max-width: 601px) {
	body {/*Don't download the body background unless it's a fairly goodsize mobile device*/
		background: none;
	}
}

@media screen and (max-width: 600px) { 

	header {
		background: none #999999;
		padding: 0px;
		height: 102px;
	}
	#banner {
		display: none;
	}
	#content_wrap {
		margin-top: 15px;
	}
	#social-sprite, #logo {
		float: none;
		clear: both;
		margin: 0px auto !important;
		overflow: hidden;
	}
	#social-sprite {
		padding: 10px 0px 0px;
	}
	#social-sprite p:first-child {
		display: none;
	}
	#logo {
		width: 380px;
	}
	#social-sprite {
		width: 150px;
	}
	
}

@media screen and (min-width: 480px) and (max-width: 922px) {/*too big for portrait, too small for desktop*/
	
	#logo {
		margin-left: 10px;
	}
	#social-sprite {
		margin-right: 10px;
	}
	#banner {
		overflow: hidden;
	}
	#banner .slideshowparent {
		height: auto;
	}
	#banner img {
		position: static;
	}

	#content.fullwidth {
		width: 100%;
	}
	
	
	
	
	footer .item {
		overflow: visible;
	}
	#footer_menu .float {
		height: 350px;
		float: left;
		clear: none;
	}
	
	
	#copyright .floatleft {
		width: 45%;
		float: left;
		clear: left;
	}
	#copyright .floatright {
		width: 45%;
		float: right;
		clear: right;
	}
}

/*=========================================
		   END LANDSCAPE RESPONSIVE STYLES
	=========================================*/

@media screen and (max-width: 922px) {

	/*Basic stuff for any mobile device*/
	
	* {
		max-width: 100% !important;
		min-width: 0px !important;
		position: static;
	}
	
	body {
		background-size: contain;
		min-width: 0px;
		max-width: 100%;
		padding: 0px 10px;
	}
	/*center div, remove float*/
	#addthis, #menu-icon, #links .menu-pulldown, footer .item, #content_wrap, #copyright .floatleft, #copyright .floatright, nav, #links, #sidebar {
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#footer_menu {
		display: none;
	}
	#search {
		float: none;
		clear: both;
		margin: 10px auto 0px;
	}
	#sidebar {
		padding: 0px;
	}
	#sidebar iframe {
		display: block;
		float: none;
		margin: 0px auto;
	}

	#content, #sidebar_wrap {
		float: none;
		clear: both;
		width: 90%;
		height: auto;
		margin: 0px auto;
		overflow: hidden;
		padding: 1% 5%;
	}
	
	#content {
		border-left: 0px;
		word-wrap: break-word;
	}



	#mainNav #social-sprite {
		width: 140px;
		float: none;
		clear: both;
		margin: 0px auto;
	}


	/*slidedown navigation, for any width under desktop size*/

	#mainNav {
		background-image: none;
		background-color: #333333;
		padding: 0px 0px 10px 0px;
	}
	#mainNav .menu-pulldown {
		height: auto;/*allow to expand*/
		width: 100%;
		float: none;
		margin: 0px auto;
		padding: 0px !important;
	}
	#mainNav .cmsRegion {
		width: 100%;
	}
	
	/*button for toggling navigation*/	
	#menu-icon {
		background: url('/images/bac_menu_toggle.png') top left repeat transparent;
		height: 47px;
		width: 100%;
		display: block !important;
		zoom: 1;
	}
	#menu-icon:after {
		float: left;
		clear: both;
		display: table;
		content: " ";
	}
	#menu-icon .centertext {
		display: block;
		width: 80px;
		margin: 0px auto;
		padding: 8px 0px;
		height: 15px;
		float: none;
		clear: both;
		
		text-transform: uppercase;
		text-align: left;
		color: #ffffff;
	}
	#menu-icon img {
		vertical-align: middle;
		padding-right: 5px;
	}

	/*hide the menu until user clicks the menu icon*/
	#mainNav .menu-pulldown {
		display: none;
		overflow: hidden;
	}
	#mainNav ul.level2, #mainNav ul.level3, #mainNav ul.level4 {
		/*height: auto !important;*/
		position: static !important;
		float: none;
		clear: both;
		margin: 0px auto!important;
		padding: 0px !important;
		width: auto;
		
		background: none transparent;
	  box-shadow: none;
	  border: none;
	}
	#mainNav li li {
		background-color: transparent;
		border: 0px;
		float: none;
		clear: both;
	}
	#mainNav li {
		background: url('/images/bac_dark_gray.png') top left repeat black;
		position: relative;
	}
	#mainNav li li {
		background: url('/images/bac_nav_mobile_level2.png') top left repeat yellow;
	}
	#mainNav li .expand-icon {
		background: url('/images/icon_mobile_nav_arrow.png') center center no-repeat transparent;
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		float: right;
		clear: right;
		width: 15px;
		height: 30px;
		padding-top: 8px;
	}
	#mainNav li a {
		width: 200px;
		float: none;
		clear: left;
		margin: 0px auto;
		height: 25px;
		padding: 10px 0px 5px 10px;
		position: relative;
	}
	#mainNav ul.level2 > li > a {
		padding-left: 35px;
	}
	#mainNav ul.level3 li a {
		padding-left: 48px;
	}
	#mainNav ul.level4 li a {
		padding-left: 55px;
	}
	#mainNav li a:hover {
		text-decoration: underline;
		color: #ffffff !important;
	}
	#mainNav li li a {
		padding-left: 18px; !important
	}
	#mainNav li, #mainNav a {
		background-color: transparent !important;
		border: none !important;
		display: block;
		float: none;
		clear: both;
		padding: 0px;
		height: auto;
		text-align: left;
		width: auto;
	}
	
	footer {
		min-height: 50px;
	}
	footer #footer_menu {
		width: auto;
		padding: 0px 5%;
		overflow: hidden;
	}
	
	#footer_menu .item {
		width: 150px;
		padding: 5px 0px;
	}
	#footer_menu .float {
		float: right;
		width: 250px;
		padding-bottom: 15px;
	}
	#copyright, #content_wrap {
		padding: 10px;
		width: auto;
	}
	
	
}