body{
	background: #001119;
	font-family: blackM;
}


.nav-bar{
  width: 100%;
  background: rgb(93,160,209); 
  height: 53px;
}


.container{
	padding: 0;
	width: 100%;
}

.back{

}


/* represents highlight, which is orange here */
.hl{
	color: #ff9922;
}

.b-border{

	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #898989;

}

.nav-bar{
  width: 100%;
  background: #f7f8f8; 
  height: 100px;
  line-height: 80px;
}

.udn-logo{
  /*background: url("../img/logo.png");*/

  width: 200px;
  height: 80px;
  /*padding-top: 10px;*/
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

img.udn-logo{
	max-width: 100%;
	height: auto;
}

.title{
  float: left;
  margin-left: 40px;
  /*float: right;
  margin-right: 78px;*/

  color: #001119;
  font-size: 35px;
  
  line-height: 100px;	
}


.information-bar{
	/*height: 100px;*/
	background: #1a2930;
}

.def-method{
	padding-top: 2px;
	font-size: 30px;
	padding-left: 90px;
	padding-right: 90px;
	color: #ffffff;
	padding-bottom: 30px;
	line-height: 50px;
	text-align: justify;
}

#index{
	color: #ff9922;
	font-size: 35px;
	line-height: 60px;
	margin-bottom: 10px;
	margin-left: 90px;
	margin-right: 90px;
	margin-top: 35px;
}

.source{
	color: #b5b5b6;
	font-size: 30px;
	margin-top: 40px;
}

#infobar-county{
	color: #ffffff;
	font-size: 35px;
}

.infobar-top{
	height: 100px;
	width: 100%;
}

.arrow-wrap{
	float: left;
	width: 23px;
	height: 35px;
	background: url("../img/back.png");
	margin-left: 33px;
	margin-top: 32px;
	background-size: contain;
	background-repeat: no-repeat;
}

#more-info{
	background:	url(../img/info.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: right;
	width: 44px;
	height: 50px;
	margin-top: 28px;
	margin-right: 28px;
}

#county-n-index{
	float: left;
	font-size: 35px;
	position: absolute;
	/* margin-top: 25px; */
	margin-top: 25px;
	margin-left: 90px;
	color: #ffffff;
}



#descript1{
	margin-left: 15px;
}

#data{
	margin-left: 15px;
	margin-right: 15px;
}

#descript2{
	/*margin-left: 15px;*/
}

.rank-bar{
	height: 128px;
	background: #001119;
	font-size: 35px;
	line-height: 128px;
	padding-left: 90px;
	color: #ffffff;
}

#rank{
	font-family: numberU;
}

.text-margin{
	margin-left: 15px;
}

.detail-bar{
	background: #001119;
	font-size: 35px;
	padding-left: 90px;
	padding-right: 90px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #ffffff;
}


.chart-wrap{
	margin: auto;
	/*padding-bottom: 60px;*/
	padding-top: 30px;
	background: #001119;
}

#chart{
	margin-bottom: 27px;
}

#slider{
	margin-top: 30px;
}

.comments-bar{
	background: #001119;
	font-size: 35px;
	color:	#ffffff;
	padding-left: 90px;
	padding-right: 90px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.comment{
	font-size: 30px;
	color: #b5b5b6;
}