#timeline a {
	color: #67a8bd;
	text-decoration: none;
	font-family: Arial, Helvetica, "Arial Unicode MS", sans-serif;
}
	a:hover,
	a.selected {
		color: #0e5f7e;
	}

#timeline h1 {
	text-align: center;
	color: #5b6166;
	margin-bottom: 5px;
}
#timeline h1 {
	font-size: 1.25rem;
}
#timeline h2 {
	font-size: 0.875rem;
}
#timeline {
	width: 100% !important;
	overflow: hidden !important;
	background: url('images/dot.gif') left 45px repeat-x;
	position: relative;
}

#timeline ul {
  margin: 0;
}
	#timeline #dates {
		width: 100%;
		height: 50px;
		overflow: hidden;
	}
	
		#dates ul {
			float: left;
			list-style-type: none;
			margin: 0;
		}
		
		#dates li {
			list-style: none;
			float: left;
			width: 100px !important;
			height: 50px;
			font-size: 1.25rem;
			text-align: center;
      font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
			background: url('images/biggerdot.png') center bottom no-repeat;
			margin: 0;
		}
			#dates a {
				line-height: 2rem;
        font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
				padding-bottom: 10px;
			}
			#dates .selected {
				font-size: 2rem;
				font-weight: bold;
				color: #326283;
			}
	
	#issues {
		width: 100%;
		overflow: hidden;
    float: left;
		list-style-type: none;
		margin: 0;
    padding: 0;
	}	
		
		#issues li {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
			width: 615px;
			list-style: none;
			float: left;
			margin: 0;
      padding-left: 2em;
      padding-right: 2em;
      box-sizing: border-box;
		}

			#issues li img {
				margin: 30px 20px 0px 10px;
				background: white;
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
			}
			#issues li h4 {
				color: #67a2c0;
        font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
        line-height: 125%;
				font-size: 1.25rem;
				margin: 0;
			}
			#issues li p {
				font-size: 0.875rem;
				margin-left: 0;
				margin-top: 50px;
				font-weight: normal;
				color: #5b6166;
				font-family: Arial, Helvetica, "Arial Unicode MS", sans-serif;
			}

	#grad_left,
	#grad_right {
		width: 100px;
		height: 350px;
		position: absolute;
		top: 0;
    opacity: 0;
	}
		#grad_left {
			left: 0;
			background: url('images/grad_left.png') repeat-y;
		}
		#grad_right {
			right: 0;
			background: url('images/grad_right.png') repeat-y;
		}
	
	#next,
	#prev {
		position: absolute;
		font-size: 70px;
		top: 110px;
		width: 25px;
		height: 60px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
		#next:hover,
		#prev:hover {
		}
		#next {
			right: 0;
			background-image: url('images/next.png');
		}
		#prev {
			left: 0;
			background-image: url('images/prev.png');
		}
			#next.disabled,
			#prev.disabled {
				opacity: 0.2;
			}

@media  (max-width: 647px) {
  
  #issues li {
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-around;
  }
  
  #issues li img {
    margin: 30px 0 0 !important;
    padding-bottom: 10px !important;
  }
  
  .issueHead {
    margin-top: 0 !important;
  }
  
  .issue-text {
    padding: 0 25px;
  }
}