/* Responsive Design (2012)
------------------------------------------------*/

@media screen and (max-width: 960px) {
	
	#wrapper_container,
	#wrapper_container_bottom{
		width: 758px;
		background: transparent;
	}
	
	#inner_container {
		width:741px;
	}

/*	.view-content-front-slideshow-content .item-list ul li .ui-tabs-panel .slide-image {
		max-width:100%;
	}
	
*/

	#hc_right, 
	.slideshow_container {
		display: none !important;	
	}
	
	#wrapper #container {
		max-width: 758px;
	}
	
	.section_view_header {
		width: 100%;
	}
	
	.view-content-frontpage .view-frontpage-holder,
	.view-content-spotlight-statepage {
		width: inherit;
	}

	.content_mobile_interior_nav {
	display: none;
	}
	
	body .right-corner img {
		max-width: 80%;
		height: auto;
	}
	
} /* end max-width: 960px */



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

		#wrapper {
			padding-top: 5px;
		}
		
		#wrapper_container,
		#wrapper_container_bottom  {
		width: 524px;
		background: transparent;
	}
	
	#inner_container {
		width: 507px;
	}
	
	.view-content-frontpage .view-frontpage-holder,
	.view-content-spotlight-statepage {
		width: inherit;
	}
	
	#wrapper #container {
	max-width: 524px;
	}

	#header_container {
		height: 106px;
	}
	
	
	.pngfix img#logo {
		margin: 20px 5px 0px 0px;
	}
	
	body .right-corner img,
	.pngfix img#logo {
		max-width: 200px;
		height: auto;
	}

	
	#wrapper #container #center {
		/* width: inherit; */
		width: 100%;
	}

	#wrapper #container #center .right-corner .left-corner {
		padding: 0px 5px 5em 25px;
		width: 80% !important;
	}
	
	#squeeze {
		min-width: 50%;
	}
	
		#views-filters table {
	display: inline-block;
	}
	
		#views-filters table th {
			display: none;
		}
	
	 #views-filters table td {
		display: inline-block;
		width: 50%;
	}
	
	
/* Deal with sidebars to preserve interior secondary navigation
***************************************************************/

	.content_mobile_interior_nav {
		display: none;
	}

	#wrapper #container .sidebar {
	width: 50% !important; 
	
	}


	.chicklets {
		padding-left: 0px;
	}

/* Deal with interior page stuff for 758px
***********************************************/

	.view-content-spotlight-statepage .node {
		border-bottom: none;
	}
	
/* Deal with social media buttons for 758px
**********************************************/

	#manual-social-buttons {
		width:195px;
	}

	#manual-social-buttons #tweet-button {
		float: right;
	}


} /* end max-width: 758px */



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

	body.sidebar-left, body.sidebar-right {
		min-width: 292px;
	}
	
	#wrapper {
			padding-top: 5px;
		}

	#wrapper_container,
	#wrapper_container_bottom {
		width: 292px;
		background: transparent;
	}
	
	
	#outer_container{
			background: #4b92c2;	
	}	
	
	
	#wrapper #container #center {
		width: inherit;
	}
	
	#inner_container,
	#wrapper #container #center .right-corner  {
		width: 275px;
	}
	
	.view-content-frontpage .view-frontpage-holder,
	.view-content-spotlight-statepage {
		width: inherit;
	}
	
	#wrapper #container {
		max-width: 292px;
}

	#header_container {
		height: 106px;
	}
	
	#hc_left_logo_text {
		margin-top: 10px;
	}
	
	body .right-corner img,
	#sidebar-left img,
	.pngfix img#logo {
		max-width: 200px;
		height: auto;
	}
	
	#hc_search {
		float: left;
		clear: both;
		margin: 5px 5px 0px 50px;
	}



	#hc_right, 
	.slideshow_container {
		display: none !important;	
	}



	#wrapper #container_inner {
		padding: 5px 20px 0px 0px;	
	}


	
	.view-content-spotlight-statepage .node {
		border: 0;
	}
	
	
	#views-filters table {
	display: inline-block;
	}
	
		#views-filters table th {
			display: none;
		}
	
	 #views-filters table td {
		display: inline-block;
		width: 50%;
	}
	
/* Deal with sidebars to preserve interior secondary navigation for 524px
***************************************************************************/

	#wrapper #container .sidebar {
		display: none;
	}


	.content_mobile_interior_nav {
		display:  block;
		width: 275px;
		margin-bottom: 5px;
	}
	
	.content_mobile_interior_nav h2 {
		display: none;
	}
	
	.block-menu_block {
		background: #086c91;
		display: none;
		padding: 8px 0px;
	}
	
	.slide {
		margin: 0;
		padding: 0;
		border-top: solid 4px #06536f;
		background: url('images/btn-slide.png') no-repeat center top;
	}
	
	
	.btn-slide {
		background: url('images/white-arrow.gif') no-repeat right -50px;
		text-align: center;
		width: 144px;
		height: 31px;
		padding: 10px 10px 0 0;
		margin: 0 auto;
		display: block;
		font: bold 120%/100% Arial, Helvetica, sans-serif;
		text-decoration: none !important;
		
	}
	
	
	.content_mobile_interior_nav .menu-tree {
		margin: 0;
		list-style: none;
	}
	
	.content_mobile_interior_nav .block .content {
		margin: 0;
	}

	.content_mobile_interior_nav .menu-tree li.leaf {
		display: inline-block !important;
		background: transparent;
	}


	.content_mobile_interior_nav .menu-tree li a {
		background: transparent;
		color: #fff;
		font-weight: bold;
		padding: 2px 2px;
		border-left: 2px solid transparent;
	}
	
	.content_mobile_interior_nav .menu-tree li a:hover,
	.menu-tree li a:active {
		background: #fff;
		color: #ff8c09;
		padding: 2px 2px;
		text-decoration: none;
		border-left: 2px solid #ff8c09;
	}
	
	.active {
		background-position: right 12px;
	}
	
	
/* Deal with interior page stuff for 524px
***********************************************/

	.view-content-spotlight-statepage .node {
		border-bottom: none;
	}
	

	
} /* end max-width: 524px */


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

	body.sidebar-left, body.sidebar-right {
		width: 95%;
	}
	
	#wrapper {
			padding-top: 5px;
		}
	
	#wrapper_container,
	#wrapper_container_bottom {
		width: 95%;
	}
	
	
	#outer_container{
		background: #4b92c2;	
	}	
	
	
	#wrapper #container #center {
		width: inherit;
	}

	#inner_container,
	#wrapper #container #center .right-corner  {
		width: 95%;
	}
	
	#wrapper #container #center .right-corner .left-corner {
		left: -20px;
		margin-left: -20px;

	}
	
	
	#wrapper #container {
	max-width: 95%;
}

	.view-content-frontpage .view-frontpage-holder,
	.view-content-spotlight-statepage {
		inherit;
	}


	#header_container {
		height: 106px;
	}
	
	#hc_left_logo_text {
		margin-top: 10px;
	}
	
	body .right-corner img,
	#sidebar-left img {
		width: 80%;
		height: auto;
	}
	
	#hc_search {
	/*	float: left;
		clear: both;
		margin: 5px 5px 0px 10px;
	*/
		display: none !important;
	}
	
	body.front #sidebar-left,
	#hc_login,
	.slideshow_container {
		display: none !important;	
	}

	#wrapper #container_inner {
		padding: 5px 5px 0px 5px;	
	}
	
	.view-content-spotlight-statepage .node {
		border: 0;
	}
	
	#views-filters table {
	display: inline-block;
	}
	
		#views-filters table th {
			display: none;
		}
	
	 #views-filters table td {
		display: inline-block;
		width: 50%;
	}
	

	
/* Deal with sidebars to preserve interior secondary navigation for 320px
*****************************************************************************/

	#wrapper #container .sidebar {
		display: none;
	}

	.content_mobile_interior_nav {
		display:  block;
		width: 95%;
		margin-bottom: 5px;
	}
	
	.content_mobile_interior_nav h2 {
		display: none;
	}
	
	.block-menu_block {
		background: #086c91;
		display: none;
		padding: 4px 0px;
	}
	
	.slide {
		margin: 0;
		padding: 0;
		border-top: solid 4px #06536f;
		background: url('images/btn-slide.png') no-repeat center top;
	}
	
	
	.btn-slide {
		background: url('images/white-arrow.gif') no-repeat right -50px;
		text-align: center;
		width: 144px;
		height: 31px;
		padding: 10px 10px 0 0;
		margin: 0 auto;
		display: block;
		font: bold 120%/100% Arial, Helvetica, sans-serif;
		text-decoration: none !important;
		
	}
	
	
	.content_mobile_interior_nav .menu-tree {
		margin: 0;
		list-style: none;
	}
	
	.content_mobile_interior_nav .block .content {
		margin: 0;
	}

	.content_mobile_interior_nav .menu-tree li.leaf {
		display: inline-block !important;
		background: transparent;
	}


	.content_mobile_interior_nav .menu-tree li a {
		background: transparent;
		color: #fff;
		font-weight: bold;
		padding: 2px 2px;
	}
	
	.content_mobile_interior_nav .menu-tree li a:hover,
	.menu-tree li a:active {
		background: #fff;
		color: #ff8c09;
		padding: 2px 2px;
		text-decoration: none;
	}
	
	.active {
		background-position: right 12px;
	}
	
/* Deal with interior page stuff for 320px
***********************************************/

	.view-content-spotlight-statepage .node {
		border-bottom: none;
	}
	
/* Deal with social media buttons for 758px
**********************************************/

	#manual-social-buttons {
		width: 90%
	}

	#manual-social-buttons #tweet-button {
		float:  right;
	}
	
} /* end max-width: 320px */