/* 
  -----------------------------------
  Adaptations
  by Project Seven Development
  www.projectseven.com
  Layout 4 - Media Queries
  -----------------------------------
*/

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
body {
	min-width: 0px;
	margin: 6px;
}
#wrapper {
	width: auto;
}
/*#masthead h1 {
	font-size: 2em;
	margin: 0px;
}
#masthead .subhead {
	font-size: .5em;
	margin: -.5em 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}*/

#slideshow-wrapper {
	display: none !important;
}

/*#HPfeatures-links {
	width: 100%;
}
	
#content-right {
	display: none !important;
}

#content-left {
	padding-right: 0;
}*/

nav {
	margin-top: 40px;
}
/*#IPHeader {
	display: none !important ;
}

header #media-links{
	display: none !important ;
}
header #hd-forms {
	top: 180px;
	left: 20px;
}
#font-chgr{
	display: none !important ;
}

#sp-chgr {
	display: none !important ;
}
#search {
	position: absolute;
	top: 160px;
	left: 20px;
	margin: 0;
}*/

.two-column-column1, .two-column-column2 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.two-column-content {
	height: auto !important;
	max-height: 888678px; 
} 

.three-column-column1, .three-column-column2, .three-column-column3 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.three-column-content {
	height: auto !important;
	max-height: 888678px; 
} 

.four-column-column1, .four-column-column2, .four-column-column3, .four-column-column4 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.four-column-content {
	height: auto !important;
	max-height: 888678px; 
} 

.four-column2-column1, .four-column2-column2, .four-column2-column3, .four-column2-column4 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.four-column2-content {
	height: auto !important;
	max-height: 888678px; 
} 

.main-content .content, .sidebar .content, .three-column-content, .four-column-content, .four-column2-content {
	padding: 10px 1em;
}

/*PMM Reflow*/
/*#p7PMM_1 ul a.pmmfirst {
	border-radius: 5px 5px 0px 0px;
}
#p7PMM_1 ul ul a.pmmfirst {
	border-radius: 0px 0px 0px 0px;
}*/
nav ul, .menu-bar {
	display: block;
	width: 100%;
}
nav li, .menu-bar li {
	float: none;
	display: block;
}
nav a, .menu-bar a {
	padding: 8px 20px;
	background-position: left center !important;
	border-right: none;
}
nav ul ul a {
	background-position: right center !important;
}
nav ul div {
	margin: auto !important;
	margin-left: 30% !important;
}
nav ul ul div {
	margin: auto !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
}
}

/*Exception rules for Smartphones in Landscape orientation only*/
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
	body {
		font-size: .75em;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 1.5) {
	
#HPfeatures-slides {
	display: none !important;
}

#HPfeatures-links {
	width: 100%;
}
	
nav ul, .menu-bar {
	display: block;
	width: 100%;
}
nav li, .menu-bar li {
	float: none;
	display: block;
}
nav a, .menu-bar a {
	padding: 8px 20px;
	background-position: left center !important;
	border-right: none;
}
nav ul ul a {
	background-position: right center !important;
}
nav ul div {
	margin: auto !important;
	margin-left: 30% !important;
}
nav ul ul div {
	margin: auto !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
}
#IPHeader {
	display: none !important ;
}

}

/*2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets*/
@media only screen and (min-width: 481px) and (max-width: 979px) and (orientation : portrait) {
#wrapper {
	width: auto;
}
header #hd-forms {
	left: 460px;
}
header #media-links{
	left: 200px;
}

#HPfeatures-slides {
	display: none !important;
}

#HPfeatures-links {
	width: 100%;
}
/*#font-chgr{
	display: none !important ;
}

#sp-chgr {
	display: none !important ;
}
#search {
	position: absolute;
	top: 180px;
	left: 20px;
	margin: 0;
}*/

.three-column-column1 {
	width: 49%;
	margin-right: 2%;
}
.three-column-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.three-column-column3 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.three-column-column3 .three-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}

.four-column-column1 {
	width: 49%;
	margin-right: 2%;
}
.four-column-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.four-column-column3 {
	width: 49%;
	margin-right: 2%;
}
.four-column-column4 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.four-column-column4 .four-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}


.four-column2-column1 {
	width: 49%;
	margin-right: 2%;
}
.four-column2-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.four-column2-column3 {
	width: 49%;
	margin-right: 2%;
}
.four-column2-column4 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.four-column2-column4 .four-column2-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}
/*PMM Reflow*/
nav ul, .menu-bar {
	display: block;
	width: 100%;
}
nav li, .menu-bar li {
	float: none;
	display: block;
}
nav a, .menu-bar a {
	padding: 8px 20px;
	background-position: left center !important;
	border-right: none;
}
nav ul ul a {
	background-position: right center !important;
}
nav ul div {
	margin: auto !important;
	margin-left: 100px !important;
}
nav ul ul div {
	margin: auto !important;
	margin-top: -40px !important;
	margin-left: 80px !important;
}
}

/*Portrait Tablet Exceptions to adjust padding in content areas*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.main-content .content, .three-column-content, .four-column-content, .four-column2-content {
	padding: 1.5em 1.25em;
}
}



/*Landscape Tablet Exceptions to adjust padding and reduce font size*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
	font-size: .85em;
}
.main-content .content, .three-column-content {
	padding: 1em 1.3em;
}
.menu-bar a {
	padding: 3px 10px;
}
}

/*Turn off fixed-width*/
@media only screen and (min-width: 680px) and (max-width: 1060px) and (orientation : landscape) {
#wrapper {
	width: auto;
}
}