styling.css

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {
  font-family: 'Droid Sans', sans-serif;
  /*background-color: #FEFCFF;*/
  background-image: url(/images/cream_pixels.png);
}

.jumbotron {
  background-color: #FF8040;
  margin-top: 20px;
  margin-bottom: 105px;
  height: 90px;
  color: white;
  position: relative; 
}

.jumbotron img {
  position: absolute;
  left: 100px;
  top: 30px;

}

.jumbotron h1 {
  position: absolute;
  font-weight: 700;
  left: 220px;
  top: 12px;
  margin: 0px;
}

.nav.nav-tabs.nav-justified img {
 position: absolute;
 left: 70px;
 



 
}



.nav-tabs.nav-justified li.active a , .nav-tabs.nav-justified li:active a, .nav-tabs.nav-justified li:focus a{
  background-color: #FFFFF4;


}
/*.date {
  
 padding-right: 5px;
}

.bar {
  padding-right: 5px;
}*/

.footer {
  position: relative;
  width: 100%;
  top: 100px;
  display: inline-block;
  text-align: right;
  padding-right: 15px;
}

.nav li:hover a {
  background-color: #EBEBE0;
}

.nav a {
  color: #FF8040;
  font-size: 14px;
  font-weight: 700;
  position: relative;



}



.graphic {
  background-color: #FFFFF4;
  border: solid 1px #ddd;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top: none;
}



#chartdiv {
  width   : 100%;
  height    : 500px;
  font-size : 11px;
} 


@media (max-width: 995px) {
  .nav.nav-tabs.nav-justified img {
  position: absolute;
  left: 30px;
 



 
}
}

.amcharts-graph-graph2 .amcharts-graph-stroke {
  stroke-dasharray: 4px 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}