a {
    text-decoration: none;
    color: inherit;
}
#timeline{background:url(../img/time_dot.gif) left 45px repeat-x;color:#000;/*margin:50px auto 0*/;overflow:hidden;position:relative;width:100%;}
#dates{height:60px;overflow:hidden;width:160px}
#dates li{background:url(../img/time_biggerdot.png) center bottom no-repeat;float:left;height:50px;list-style:none;text-align:center;width:150px}
#dates a{color:#333;line-height:38px;padding-bottom:10px}
#dates .selected{color:#44ab48;font-size:38px}
#issues{height:auto;overflow:hidden;width:760px}
#issues li{float:left;height:400px;list-style:none;padding-top:76px;width:672px !important;}
#issues li{float:left:; height:auto}
#issues li .iss{display: block;margin-bottom:50px}
#issues li .iss a{color:#44ab48}
#issues li hgroup{margin-left:0; float:left; width:300px;}
#issues li hgroup strong{font-size:30px;margin-bottom: 10px;display: block;}
#issues li img{background:transparent;float:left;margin:10px 30px 10px 120px}
#issues li p{margin-bottom:5px;line-height: 160%}
#issues li p.f1{font-size: 18px;color: #44ab48}
#issues li p.f2{font-size: 16px;color: #999;}
#issues li p.f3{font-size: 16px;color: #000;}
#grad_left,#grad_right{height:300px;position:absolute;top:0;width:100px}
#next,#prev{background-position:0 0;background-repeat:no-repeat;font-size:70px;height:38px;overflow:hidden;position:absolute;text-indent:-9999px;top:170px;width:22px}
#next:hover,#prev:hover{background-position:0 -76px}
#next{background-image:url(../img/time_next.png);right:0}
#prev{background-image:url(../img/time_prev.png);left:0}
#next.disabled,#prev.disabled{opacity:0.2}
.timelime_mobile{display: none}
#issues li .iss img {
	width:200px;
	height:auto;
	margin-left:80px;
	
}

#grad_left, #grad_right {
height: 300px;
position: absolute;
top: 0;
width: 100px;
top: 50%;
margin-top: -150px;
background-position: center center !important;
}

#issues li hgroup {
margin-left: 0;
float: left;
width: 100%;
}

#issues li hgroup {
margin-left: 0;
float: left;
width: 80%;
margin: 0 auto;
float: none;
}
#issues li p {
margin-bottom: 5px;
line-height: 160%;
text-align: center;
font-size: 18px;
color: #312923;
font-family: 'SourceSansProLight';
}
#issues li hgroup strong {
font-size: 30px;
margin-bottom: 5px;
display: block;
font-size: 25px;
line-height: 100%;
/*font-family: 'SourceSansProExtralight';*/

color: #44ab48;
text-align: center;
}
#issues li {
padding-top: 50px;
}

#issues li .iss img {
width: 250px;
height: auto;
margin-left: 0;
margin:0 auto;
display:block;
float:none;
}

#next, #prev {
top: 50%;
width: 22px;
margin-top: -16px;
}
#issues li{
	}
.margin_history{margin-top: 20px;}
@media screen and (max-width: 1000px){

#issues li .iss img {
width: 200px !important;
display: block;
margin:0 auto;
}
#issues li hgroup {
width: 220px;
margin-left:90px;
}
#issues li hgroup strong {
	font-size:28px;
	}
}


@media screen and (max-width: 768px){
#issues li .iss img {
width: 150px !important;
margin: 0;
margin-left: 64px;
display: block;
}
#issues li hgroup {
margin-left: 30px;
float: left;
width: 194px;
}

}
@media screen and (max-width: 767px){
  #timeline{width:540px;display: none}
  .timelime_mobile {display: block;width: 100%;margin: 0 auto;}
  .timelime_mobile li{
    display: block;
  }
  .timelime_mobile img{float: left;}
    .timelime_mobile .iss{
      display: block;
      margin-bottom: 40px;
  }
    .timelime_mobile hgroup{margin-left: 240px;}
    .timelime_mobile strong{
      font-size: 24px;
  }
    .timelime_mobile .f1{
      font-size: 19px;
      line-height: 140%;
      margin-bottom: 4px;
      color:#44ab48
  }

  .timelime_mobile .f1 a{
     color:#44ab48 
  }
    .timelime_mobile .f2{
      color: #7E7E7E;
      font-size: 15px;
  }
    .timelime_mobile .f3{
      font-size: 15px;
  }
  
  
.timelime_mobile img {
float: left;
width: 30%;
margin-right: 5%;
}

.timelime_mobile hgroup {
margin-left: 0;
float: left;
margin-top:17px;
width: 65%;
color: #44ab48;
}
}

@media screen and (max-width: 550px){
  .timelime_mobile hgroup {
    margin-left: 0;
    padding-top: 15px;
}
.timelime_mobile li {
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
}
  .timelime_mobile img{
    float: none;
    display: block;
  }
  
 
 .timelime_mobile img {
float: none;
width: 100%;
margin-right: 0;
margin-bottom:10px;
}

.timelime_mobile hgroup {
margin-left: 0;
float: none;
width: 100%;
margin-top:0;
padding-top:0;
text-align:center;
}
.timelime_mobile strong {
font-size: 20px;
text-align:center;
}

.timelime_mobile img {
margin-bottom: 0;
height: 200px;
}
}

@media screen and (max-width: 480px){
  .timelime_mobile {margin-top: 0;width: 100%;}
  .timelime_mobile img {padding: 0; height: 200px;}
  .timelime_mobile .iss {margin-bottom: 0;}
  .page_history p {
    margin-bottom: 18px;
    text-align: justify;
    font-family: 'SourceSansProLight';
    line-height: 140%;
  }
  .timelime_mobile li {margin-bottom: 20px;}
}

@media screen and (max-width: 320px){
  .timelime_mobile{width: 90%}
  .hgroup{text-align: center;}
}