/* boilerplate  ---------------------------------------------------------- */
#source-and-credit{width:100%;overflow:hidden;margin: 0}
#source-and-credit p{margin:0;padding:0}
#source-and-credit .source{font-size:.75em;font-weight:bold;float:left}
#source-and-credit .credit{margin:.25em 0 0 0;text-transform:uppercase;
  color:#999;font-size:.6em;float:right}
.loading{text-align:center;color:#777;font-family:Helvetica,Arial,sans-serif;font-size:.85em;}
.section-nav{display:none}
#main div.article{width:100%;margin:0}
.article .byline{display:none}
.interactive-body{float:left;width:100%}
.aside{display:none}
@media screen and (max-width: 480px) {#source-and-credit .credit,#source-and-credit .source{float:none;text-align:right}}
.subtitle{font-size:1.25em;font-family:"Miller Headline Roman","Times New Roman",Times,Georgia,serif;max-width:100%}
p.subtitle{margin: 0}
/*.subtitle{font-size:1em;font-size:0.85em;font-family:Helvetica,Arial,sans-serif;max-width:100%;color: #464646}*/

#gf {
	width: 100%;
	overflow: hidden;
}

	#gf .decade {
		margin: 1em 0 4em 0;
	}

		#gf .decade .hed-section {
			border-top: 0;
			font-size: 0.9em;
			font-family: Helvetica, Arial, sans-serif;
			color: #464646;
		}

		#gf .decade .body {
			margin: 1em 0 0 0;
			width: 100%;
			overflow: hidden;
		}

			#gf .decade .body .numbersAndIcons {
				width: 60%;
				overflow: hidden;
				float: left;
			}

				#gf .decade .body .numbers {
					font-size: 1.1em;
					width: 30%;
					float: left;
					text-align: center;
				}

					#gf .decade .body .numbers p {
						margin: 0;
						padding: 0;
					}

					#gf .decade .body .numbers p.label {
						font-family: Helvetica, Arial, sans-serif;
						font-size: 0.6em;
						margin: 0 0 1em 0;
					}

					#gf .decade .body .numbers p.data {
						font-family: "Benton Sans Bold", Helvetica, Arial, sans-serif;
					}

				#gf .decade .body .icons {
					width: 66%;
					float: right;
					text-align: center;
				}

			#gf .decade .body .text {
				width: 38%;
				float: right;
			}

				#gf .decade .body .text > img {
					margin: 0 0 1em 0;
				}

				#gf .decade .body .text p {
					font-family: Helvetica, Arial, sans-serif;
					font-size: 0.85em;
					color: #464646;
				}

				#gf .decade .body .text .image {
					float: right;
					line-height: 1em;
					margin: 0.5em 0 2em 2em;
					width: 100px;
					font-size: 0.7em;
					font-family: Helvetica, Arial, sans-serif;
					color: #464646;
				}

					#gf .decade .body .text .image img {
						margin: 0 0 0.5em 0;

					}

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

	#gf .decade .body .numbers {
		width: 100%;
		overflow: hidden;
		float: none;
	}

	#gf .decade .body .numbers p {
		display: inline-block;
	}

	#gf .decade .body .icons {
		width: 100%;
		float: none;
	}

}

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

	#gf .decade .body .numbersAndIcons {
		width: 100%;
		overflow: hidden;
		float: none;
	}

		#gf .decade .body .numbersAndIcons .numbers {
			text-align: left;
			font-size: 1.25em;
		}

	#gf .decade .body .text {
		width: 100%;
		float: none;
	}

	#gf .decade .body .icons {
		text-align: left;
		margin-bottom: 1em;
	}

}

#notes {
	margin: 0 0 0.5em 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #464646;
}