/* 
  ------------------------------------------------
  PVII CSS Column Composer Magic
  Copyright (c) 2011-2012 Project Seven Development
  www.projectseven.com
  Responsive Rules
  ------------------------------------------------
*/


/*MEDIA QUERIES*/


/*SMARTPHONE AND NARROW WINDOWS*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {min-width: 0px !important;background-attachment:scroll;}
.p7ccm-col {
	float: none !important;
	width: auto !important;
	position: static !important;
	margin: 0px !important;
}
.p7ccm01-content, .p7ccm02-content, .p7ccm03-content, .p7ccm04-content, .p7ccm05-content, .p7ccm06-content {
	/*padding: .5em 1.5em !important;*/
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
.p7CCM01, .p7CCM02, .p7CCM03, .p7CCM04, .p7CCM05, .p7CCM06 {
	min-width: 0px !important;
	max-width: none !important;
	width: auto !important;
}
#right_header {
	display: none;
}
.mobile_menu {
	display:block;
}

.connect_links {
	display:inline;
}
#connect_foot {
	margin: 0;
	padding: 0;
	float:none;
	text-align:center;
}
#newsletter_foot {
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
#upper_menu {
	display:none;
}
#upper_menu_foot ul {
	width: 100%;
	text-align: center;
}
.pagemenu {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	border-bottom: thin solid #000;
}
.logo {
	margin: 0;
	padding:0;
	margin-top: 50px;
}
.logo img {
	padding: 0px;
	display:block;
    margin:auto;
}
.slide_border img {
	border-top: 1px solid #ffaf00;
}
.program_columns {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count: 2;
	 -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
     -moz-column-gap: 10px; /* Firefox */
     column-gap: 10px;
	 width: 85%;
	 margin: 5px auto;
}
.program_columns img {
	padding: 0 5px;
}
.overlay_content {
	background: #000;
	padding: 15px;
}	
#overlay .close {
    position:absolute; right: -12px; top: -12px;
}
}

/*Medium Windows and Tablets*/
@media only screen and (min-width: 700px) and (max-width: 1000px) {
body {min-width: 0px !important;}
.p7CCM01, .p7CCM02, .p7CCM03, .p7CCM04, .p7CCM05, .p7CCM06 {
	min-width: 0px !important;
	max-width: none !important;
	width: auto !important;
}
}

/*Smartphones ONLY - Use this Query to include additional special rules for smartphones only.*/
@media only screen and (max-device-width: 480px) {
}