#container1 {
  width: 950px;
  height: 600px;
  margin: 0 auto;
  border-bottom: 2px solid grey;
}

#container1  p {font: 20px Calibri;
				text-align: center;
				color: #1587d7;
				
				}

#container1  p strong {font: 14px Calibri;
				text-align: center;
				color: maroon;
				margin-left: -110px;
				}
#container1 img {
				float: right;
				margin: -35px 215px;;
				}
			
				
				
#chart, #chartData {
  }

#chart {
  display: block;
  margin: -30px 0 50px 0;
  float: left;
  cursor: pointer;
  border-radius: 1px;
}

#chartData {
  width: 270px;
  margin:105px 80px 0 0;
  float: right;
font: 14px Calibri; 
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
  border-collapse: collapse;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  background-position: 0 -100px;
}

#chartData th, #chartData td {
  padding: 0.5em;
  border: 1px solid grey;
  text-align: center;
}

#chartData th {
  border-bottom: 1px solid grey;
  text-transform: uppercase;
}

#chartData td {
  cursor: pointer;
}

#chartData td.highlight {
  background: #e8e8e8;
}

#chartData tr:hover td {
  background: #f0f0f0;
}