h2 {
	letter-spacing: 1px;
}

.grant-graph-header {
	text-align: center;
  	font-size: 27px;
  	padding-top: 20px;
  	margin-bottom: 0px;
}

.grant-graph-sub-header {
	text-align: center;
  	margin-top: 5px;
  	font-size: 17px;
}

.graph-container {
	height: 600px;
	text-align: center;
	margin-top: 50px;
}

.p0_segmentMainLabel-outer {
	font-family: 'Roboto Light', sans-serif;
}

#pieChart {
	width: 100%;
}

/* ***** Proportions Section ***** */

.proportions-section {
	margin-top: 160px;
}

.proportions-header {
	text-align: center;
  	font-size: 27px;
  	margin-bottom: 40px;
}

div.prop-graph {
	width: 100%;
	min-width: 970px;
	height: 150px;
}

div.prop-graph-head {
	height: 38px;
	border-bottom: 1px solid #aeb0b2;
	font-size: 28px;
	font-family: 'Roboto Light', sans-serif;
}

div.prop-graph-body {
	height: 100%;
	clear: both;
	border-bottom: 1px solid #aeb0b2;
}

.cell {
	width: 120px;
	float: left;
	min-height: 37px;
}

div.prop-graph-body .cell {
	height: 100%;
	border-right: 1px solid #dddddf;
	position: relative;
	text-align: right;
}

div.prop-graph-body .body-cell-six {
	border: none;
}

div.prop-graph-body p {
	padding-right: 10px;
}

div.prop-graph-head span {
	font-family: 'Lora', serif;
	font-size: 17px;
}
.prop-graph-header > div {
	display: inline-block;

}

.prop-graph-header .year {
	width: 120px;
}

.prop-graph-header .label {
	margin-left: -3px;
}

.cell-one, .cell-two, .cell-three, .cell-four, .cell-five, .cell-six {

}

.body-cell-two span.grants-bar {
	display: block;
  	position: absolute;
  	height: 10px;
  	width: 0px;
  	background-color: #00AEEF;
  	top: 22px;
  	z-index: 5;
}

.body-cell-two p.grants-num-2015 {
	display: none;
	position: absolute;
  	top: 3px;
  	left: 566px;
  	font-size: 15px;
}

.body-cell-two p.grants-num-2014 {
	display: none;
	position: absolute;
  	top: 3px;
  	left: 449px;
  	font-size: 15px;
}

.body-cell-two span.program-bar {
	display: block;
  	position: absolute;
  	height: 10px;
  	width: 0px;
  	background-color: #F9A21C;
  	top: 57px;
  	z-index: 5;
}

.body-cell-two p.program-num-2015 {
	display: none;
	position: absolute;
  	top: 38px;
  	left: 85px;
  	font-size: 15px;
}

.body-cell-two p.program-num-2014 {
	display: none;
	position: absolute;
  	top: 38px;
  	left: 43px;
  	font-size: 15px;
}

.body-cell-two span.admin-bar {
	display: block;
  	position: absolute;
  	height: 10px;
  	width: 0px;
  	background-color: #22AE8F;
  	top: 95px;
  	z-index: 5;
}

.body-cell-two p.admin-num-2015 {
	display: none;
	position: absolute;
  	top: 75px;
  	left: 22px;
  	font-size: 15px;
}

.body-cell-two p.admin-num-2014 {
	display: none;
	position: absolute;
  	top: 75px;
  	left: 18px;
  	font-size: 15px;
}

select {
	border: 0;
  font-family: 'Lora';
  font-size: 15px;
  border-radius: 0px;
}

select#bar-graph {
	margin-top: 8px;
}

/* ***** Balance Section ***** */
.graph-row-four .balance-cell {
    border-bottom: 1px solid #c9cacb;
}

div.balance-section {
	padding-top: 90px;
	clear: both;
}

h2.balance-header {
	text-align: center;
  	font-size: 27px;
  	margin-bottom: 50px;
}

div.balance-graph {
	margin: 0 auto;
	width: 740px;
	min-width: 740px;
}

div.balance-graph-head {
	height: 28px;
	border-bottom: 1px solid #aeb0b2;
	font-size: 17px;
	font-family: 'Lora', serif;
	font-style: italic;
}

div.balance-graph-body {
	height: 300px;
}

div.balance-cell {
	float: left;
}

div.balance-head-cell-one {
	width: 300px;
	height: 100%;
}

div.balance-head-cell-two {
	width: 270px;
	height: 100%;
}

div.balance-head-cell-two p.balance-head-two {
	padding-left: 135px;
}

div.balance-head-cell-three {
	width: 165px;
	height: 100%;
}

div.balance-head-cell-three p.balance-head-three {
	padding-left: 60px;
}

.balance-section .graph-row-one .balance-cell {
    height: 136px;
}
.balance-section .graph-row-two .balance-cell {
    height: 73px;
}
.balance-section .graph-row-three .balance-cell {
    height: 109px;
}
.balance-section .graph-row-four .balance-cell {
    height: 55px;
}

.income-section .graph-row-one .balance-cell {
    height: 55px;
}
.income-section .graph-row-two .balance-cell {
    height: 73px;
}
.income-section .graph-row-three .balance-cell {
    height: 163px;
}
.income-section .graph-row-four .balance-cell {
    height: 51px;
}

div.balance-body-cell-one {
	width: 300px;
	border-right: 1px solid #e8e8e9;
  	border-bottom: 1px solid #c9cacb;
}

div.balance-body-cell-two {
	width: 270px;
	border-right: 1px solid #e8e8e9;
  	border-bottom: 1px solid #c9cacb;
}

div.balance-body-cell-two p {
	text-align: right;
  	padding-right: 50px;
}

div.income p {
	padding-right: 50px;
}


div.balance-body-cell-three {
	width: 165px;
	border-bottom: 1px solid #c9cacb;
}

.balance-body-cell-three p {
	text-align: right;
  	padding-right: 20px;
}

.balance-cell .total {
   font-weight: bold;
}

div.graph-row-five .balance-cell {
	border-bottom: none;
}

/* ***** Income section ***** */

div.income-section {
	padding-top: 90px;
	margin-bottom: 200px;
	clear: both;
}

div.income-section div.balance-graph-head {
	height: 45px;
}

div.balance-section p, div.income-section p {
	margin: 0 0 5px 0;
}

div.balance-head-cell-two p.income-head-two {
	text-align: right;
	padding-right: 48px;
}

div.balance-head-cell-three p.income-head-three {
	text-align: right;
}

a.back-to-top {
	clear: both;
}

div.income p {
	padding-right: 50px;
}

/* ids change on select */
[id*="_segmentMainLabel0-outer"], [id*="_segmentPercentage0-outer"] {
    fill: #F9A21C !important;
}

[id*="_segmentMainLabel1-outer"], [id*="_segmentPercentage1-outer"] {
    fill: #ADAEB2 !important;
}

[id*="_segmentMainLabel2-outer"], [id*="_segmentPercentage2-outer"] {
    fill: #2E3092 !important;
}

/*mps*/
[id*="_segmentMainLabel3-outer"], [id*="_segmentPercentage3-outer"] {
	fill: #008bbf !important;
	transform: translateY(15px);
}

[id*="_segmentMainLabel4-outer"], [id*="_segmentPercentage4-outer"] {
	fill: #00aeef !important;
}





