#timeline {
		width: 1080px;
		/* height:350px; */
		overflow: hidden;
		margin: 20px auto;
		position: relative;
		background: url('images/dot.gif') left 57px repeat-x;
	}
	/*
	#timeline:after {
		content:" "; display:block; width:56px; height:33px; position:absolute; right:-1px; top:43px; background:url(images/arrow.png) no-repeat center center;
	}
	*/
		#dates {
			width: 1080px;
			height: 130px;
			overflow: hidden;
			margin-bottom: -11px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 150px;
				height: 76px;
				font-size: 24px;
				text-align: center;
				background: url('images/biggerdot.png') center bottom 6px no-repeat;
				position:relative;
			}
			#dates li.selected {
				background: url('images/selected.png') center bottom no-repeat;
			}

			#dates li.selected:after {content:" "; display:block; position:absolute; width:97px; height:42px; top: 90px; left:50%; margin-left:-48px; background:url(../../img/shadow.png) no-repeat left top; opacity:1;
			


			}
			#dates li.change:after {opacity:0;
			}
				#dates a {
					line-height: 24px;
					padding-bottom: 10px;
					color:#000000;
					font-family: Times new roman, serif;
					font-weight:bold;
					font-size:22px;
					height:66px;
					display:inline-block;
				}
				#dates .selected a {
			        /* font-size: 38px; */
					color:#747263;
				}
		
		#issues {
			width: 1080px;
			/* height: 350px; */
			overflow: hidden;
		}	
			#issues li {
				width: 1080px;
				/* height: 350px; */
				list-style: none;
				float: left;
			}


		

		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 43px;
			width: 22px;
			height: 33px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -80px;
			}
			#next {
				right: -2px;
				background-position: 0 -80px;
				background-image: url('images/next.png');
			}
			#prev {
				left: -2px;
				background-position: 0 -80px;
				background-image: url('images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0;
				}
				
				
@media only screen and (max-width: 1150px) {
#timeline {width: 800px;}
#dates {width: 800px; height: 130px;}
#dates li {width: 150px;}
#issues {width: 800px;}	
#issues li {width: 800px;}

#dates li.selected:after {top:85px;}
}

@media only screen and (max-width: 880px) {
	
.column1-3 {width:100%; float:none; clear:both; margin:0 auto; padding:0 0 10px 0; margin-left:0 !important;}
	
#timeline {width: 480px;}
#dates {width: 480px; height: 130px;}
#dates li {width: 150px;}
#issues {width: 480px;}	
#issues li {width: 480px;}

#dates li.selected:after {top:82px;}
	
}

@media only screen and (max-width: 840px) {
	
}

@media only screen and (max-width: 540px) {
	
#timeline {width: 300px;}
#dates {width: 300px; height: 130px;}
#dates li {width: 150px;}
#issues {width: 300px;}	
#issues li {width: 300px;}

#dates li.selected:after {top:80px;}
	
}

@media only screen and (max-width: 360px) {
	
}