a.promo {
	box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0);
	transition-property: box-shadow;
	transition-duration: 0.15s;
	transition-timing-function: ease-out;
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 1em;
	padding: 0 1.5em;
}
	a.promo.image {
		border: none;
		padding: 0;
		margin: 0;
	}
	a.promo:hover {
		box-shadow: 0px 0px 0px 5px rgba(109, 179, 63, 1);
		transition-property: box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
		border-color: #6db33f;
		background-color: #fff;
	}
	a.promo h3 {
		font-size: 1.125em;
		text-transform: uppercase;
		font-weight: 200;
		color: #666;
		padding-bottom: .5em;
	}
	a.promo p {
		font-size: 1.25em;
		line-height: 1;
		padding-bottom: .5em;
	}
		a.promo p b {
			font-size: 2em;
		}
@media only screen and (min-width: 768px) {
	a.promo {
		min-height: 190px;
	}
	a.promo h3 {
		font-size: 1.125em;
	}
	a.promo p {
		font-size: 1.75em;
	}
		a.promo p b {
			font-size: 1.75em;
		}

}
a.promo.image {
	min-height: auto;
}

p.programnav {
	text-align: center;
}
	p.programnav a {
		color: #666;
		text-align: none;
		border-color: #ccc;
	}
		p.programnav a:hover {
			color: #084c8d;
			border-color: #084c8d;
		}


.content a.bigbutton {
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #0c72d4;
	border-radius: 5px;
	margin-bottom: 0;
}
	.content a.bigbutton h3 {
		padding: 1em .5em;

	}
	.content a.bigbutton:hover {
		background-color: #084c8d;
		color: #fff;

	}

/***** TIMELINE *****/
.dragscroll {
	overflow: auto;
	cursor: grab;
	z-index: 100;
}
	.dragscroll::-webkit-scrollbar { 
		width: 0 !important;
	}

.timeline {
	width: 940px;
	height: 100%;
	padding-bottom: 1em;
}
.timeline table.table-chart {
	border: 1px solid #084c8d;
}
	.timeline .segment {
		display: inline-block;
		padding: 6px 6px 7px;
		margin: 0 -4px 10px 0;
		color: #fff;
		line-height: 1.25;
		border-radius: 5px;
		line-height: 1.125;
		font-family: "Source Sans Pro", sans-serif;
		vertical-align: top;
		width: 100%;
	}
		.timeline .segment.begin {
			background-color: #6ebe44;
		}
		.timeline .segment.listening {
			background-color: #ed1e82;
		}
		.timeline .segment.ridersurveys {
			background-color: #a252a0;
		}
		.timeline .segment.partnersurveys {
			background-color: #f7911e;
		}
		.timeline .segment.townhalls {
			background-color: #15971F;
		}
		.timeline .segment.ribbonconvening {
			background-color: #00addc;
		}
		.timeline .segment.ribbonrec {
			background-color: #587ce8;
		}
		.timeline .segment.gm {
			background-color: #333;
		}
		.timeline .segment.board {
			background-color: #666;
		}


.dragscroll-helper {
	padding: .25em 0 0;
	margin: 0 auto;
	text-align: center;
	color: #333;
}

@media only screen and (min-width: 992px) { /* md screens and up */
	.dragscroll {
		height: auto;
	}
	.timeline {
		width: auto;
	}
	.dragscroll-helper {
		display: none;
	}
}

.content .plan h3 {
	font-size: 175%;
	letter-spacing: 1px;
}

.content .fullwidth.system h2.strata {
	text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
}
.content .fullwidth.system {
	background: url('/publicsafety/img/systembg.png') no-repeat center center;
	background-size: auto 110%;
}
@media only screen and (min-width: 768px) { /* sm screens and up */
	.content .fullwidth.system {
		background: url('/publicsafety/img/systembg.png') no-repeat center center;
		background-size: 110% auto;
	}
}
.content h5.lang {
	font-family: "Source Sans Pro", Helvetica, Arial, "sans-serif";
}

.content .checklist {
	margin: 0 0 0 1em;
}
	.content .checklist.last {
		margin-bottom: 1em;
	}
	.content .checklist h5 {
		padding-top: .85em;
		padding-bottom: 0;
		line-height: 1.25;
	}
@media only screen and (min-width: 768px) { /* sm screens and up */
.content .checklist {
	margin: 0 0 1em 1em;
}
	.content .checklist h5 {
		padding-top: 1em;
		padding-bottom: .5em;
	}
}
.outlinebox {
	padding: 1em 2em 0;
	margin-top: 1em;
	background-color: #def;
	border-radius: 5px;
}
	.outlinebox h3 {
		padding-bottom: .25em;
	}