.FAQbutton {padding:10px; width:100%; text-align:left; border-radius:5px; border:none; margin-bottom:15px;
}
.text {margin-bottom:25px}
.third {width:100%
}
.half {width:100%}
.dont-break-out, a {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.twoColumn p{
	text-align:center;
}
.intro { font-size:18px; font-weight:bold;
}
@media only screen and (max-width:500px){
	img {width:100%; height:auto;
}
}
.left-100, .left-75, .left-50, .left-33, left-25{
	FLOAT: left; MARGIN: 10px 0 10px 0px; width:100%;
}
.right-100, .right-75, .right-50, .right-33, right-25 {
	FLOAT: right; MARGIN: 10px 0 10px 0; width:100%;
}
table th, td{text-align:center}
.tblHd {background-color:#eee;}
.tblHd td {padding:.5em .5em .5em 1em; margin-right:1em;}
ul li{list-style:disc; margin-left:5%;}
ul ul li{list-style:circle; margin-left:10%;}
ol li{list-style:decimal; margin-left:5%;}
.roman li{list-style:lower-roman !important; margin-left:5%;}
.alpha li{list-style:upper-alpha; margin-left:5%;}
.alphaLower li{list-style:lower-alpha; margin-left:5%;}
ul .noDot{list-style:none; margin-bottom:1em}
.newsBody a{color:royalblue;}
li {margin-bottom: .75em;
}

.halfLf, .halfRt {float:left; width:100%;
}
.caption{
	padding:2%;
	margin-top:0;
	font-size: 85%;
	width:96%;
	display:inline-block;
	background-color:#DCDCD0;
	color:black;
}
.pullQuote50 {float:right;
	padding:5%;
	margin:2em 0;
	font-size: 115%;
	width:90%;
	background-color:#1A2E58;
	color:white;
}
.word-break {
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.allCaps { text-transform:uppercase;
}
.smallCaps{ font-variant:small-caps;
}
#logoContainer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative
}
#ipm-logo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.7em; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 175px; LINE-HEIGHT: 0px; PADDING-TOP: 0px; POSITION: relative
}
#ipcm-logo {
	FLOAT: left; MARGIN: 0px 0px 0px 0px; POSITION: relative; PADDING: 0px 0px 0px 0px;
}
img.header {
	FLOAT: left; MARGIN: 0px 0px 0px 0px; POSITION: relative; PADDING: 0px 0px 0px 0px;
}
BODY.newsletter {
	PADDING-RIGHT: 15px; COLOR: #202020; LINE-HEIGHT: 135%; text-align:left;
}
.googleResults {
	FLOAT: left; WIDTH:75%;
}
.newsletterSearch {
	FONT-SIZE: 80%; FLOAT: right; WIDTH: 92%; padding:4%; margin:0 auto 40px auto;
	HEIGHT: auto; position:relative; background-color:#F9F8F3; clear:both; text-align:center;
}
.author {
	PADDING:4%; FONT-SIZE: 80%; FLOAT: right; margin:0 0 20px 20px; WIDTH: 92%; HEIGHT: auto;
	 background-color:#DCDCD0; clear:both; display: none; text-align:center;
}
.authorShort {
	WIDTH: 100%; clear:both; text-align:center;
}
.authorShortWeather {
	WIDTH: 100%; text-align:center;
}
#getArticles {
	FONT-SIZE: 91%; HEIGHT: auto; width:100%; margin:40px auto 20px auto;
}
UL.getArticles {list-style:none; margin-left:0; padding-left:0}

a.getArticles:link {text-decoration:none;color: #000;}
a.getArticles:visited  { color:#000; text-decoration:none; }
a.getArticles:hover  { color:#000066; text-decoration:underline; }
a.getArticles:active  { color:#000066; text-decoration:underline; }
	

H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.5em; MARGIN: 2em 10px 0.1em 0px; COLOR: #202020; TEXT-ALIGN: left; letter-spacing: -.02em;
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.3em; MARGIN: 1em 10px 0.1em 0px; COLOR: #040404; TEXT-ALIGN: left;
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.0em; MARGIN: 1em 10px 0.1em 0px; COLOR:#F1B82D; TEXT-ALIGN: center;
}
H5 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.0em; MARGIN: 1em 10px 0.1em 0px; COLOR: #040404; TEXT-ALIGN: left
}
.alpha{list-style-type:lower-alpha;
}
.noindent li { margin:1em}
@media only screen and (min-width:420px){
.searchArtcl {clear:both; float:left;
}
.HRsearch{ display:none;
}
.newsBTN { margin: 3px 0 0 5px; float:right;
}
}
@media only screen and (min-width:500px){
h1 {font-size:240%; letter-spacing:-.02em;
}
.twoColumn{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}
.twoColumn p{
	text-align:left;
	display:inline-block;
}
.left-100 {
	FLOAT: left; MARGIN: 10px 2.5% 10px 0px; width:100%; clear:both;
}
.left-75 {
	FLOAT: left; MARGIN: 10px 2.5% 10px 0px; width:65%;
}
.left-50 {
	FLOAT: left; MARGIN: 10px 2.5% 10px 0px; width:50%;
}
.left-33 {
	FLOAT: left; MARGIN: 10px 2.5% 10px 0px; width:40%;
}
.left-25 {
	FLOAT: left; MARGIN: 10px 2.5% 10px 0px; width:25%;
}
.right-100 {
	FLOAT: right; MARGIN: 10px 0 10px 2.5%; width:100%; clear:both;
}
.right-75 {
	FLOAT: right; MARGIN: 10px 0 10px 2.5%; width:65%;
}
.right-50 {
	FLOAT: right; MARGIN: 10px 0 10px 2.5%; width:50%;
}
.right-33 {
	FLOAT: right; MARGIN: 10px 0 10px 2.5%; width:40%;
}
.right-25 {
	FLOAT: right; MARGIN: 10px 0 10px 2.5%; width:25%;
}
.halfLf {float:left; width:47.5%;
}
.halfRt {float:right; width:47.5%;
}
.third {width:33.3%
}
.half {width:50%}
.pullQuote50 {width:40%; margin-left:5%
}
}
@media only screen and (min-width:800px){
H1 { text-align:left !important;
}
H4 { text-align:left;
}
.newsletterSearch,.author {
	WIDTH: 150px; margin-left:20px;
}
.newsletterSearch {margin-bottom:0;
}
.searchBox { margin-top:.5em; width:83px;
}
.author {display:inline; 
}
.authorShort {display:none;
}
.authorShortWeather {
	text-align:left;
}
.searchArtcl {float:none;
}
.HRsearch{ display:block;
}
.newsBTN { margin:0; float:none;
}
.newsBody {width: 68.5%;
}
.searchArtcl {clear:none;
}
.left {float:left;
}
}
@media only screen and (max-width:1px){
table { 
  width: 45%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #F9F8F3; margin-bottom: 10px;
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #ddd; 
		position: relative;
		padding-left: 65% !important; 
	}
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Station"; 
		font-weight:700; font-size:120%}
	td:nth-of-type(2):before { content: "County"; }
	td:nth-of-type(3):before { content: "Weekly Temperature (in.)"; font-weight:700; text-transform:uppercase; font-size: 80%;}
	td:nth-of-type(4):before { content: "Avg. Min. (in.)"; }
	td:nth-of-type(5):before { content: "Avg. Max. (in.)"; }
	td:nth-of-type(6):before { content: "Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City";}
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; font-weight:700;text-transform:uppercase; font-size: 80%;}
	td:nth-of-type(11):before { content: "Arbitrary Data"; }
	td:nth-of-type(12):before { content: "Arbitrary Data"; }
	td:nth-of-type(13):before { content: "Arbitrary Data"; font-weight:700;text-transform:uppercase; font-size: 80%;}
	td:nth-of-type(14):before { content: "Arbitrary Data"; }
	td:nth-of-type(15):before { content: "Arbitrary Data"; }
}