.rule  {
  fill: #525252;
  font: 300 13px "Helvetica Neue";

}

#header {
  position: absolute;
  z-index: 1;
  display: block;
}

#header {
  top: 20px;
  left: 40px;
  font: 300 36px "Helvetica Neue";
  color: #525252;
}


#mini-pie {
  position: absolute;
  z-index: 1;
  display: block;
  top: 70px;
  left: 40px;
}

#sub-header {
  position: absolute;
  z-index: 1;
  display: block;
  top: 60px;
  left: 80px;
  font: 300 26px "Helvetica Neue";
  color: #525252;
}

#button {
    position: absolute;
   display: block;
  top: 300px;
  left: 600px;
}

#button-label {
    position: absolute;
   display: block;
  top: 320px;
  left: 510px;
  font: 300 18px "Helvetica Neue";
  color: #525252;
}
.greenPie {
	fill: #74C476;
  	fill-opacity: .75;
 	color: #74C476; 
		}	
		
.clearPie {
	fill: #FE9929;
  	fill-opacity: 0;
 	color: #FE9929; 
		}

#chart {
  position: absolute;
  top:  0px;
  left: 0px;
  font: 300 20px "Helvetica Neue";
}

.FunctionPie {
  position: absolute;
  top: 100px;
  left: 0px;
  font: 300 18px "Helvetica Neue";
}

.totalLabel {
  font-size: 26px;
  font-weight: bold;
  font-family: "Helvetica Neue";
}

.percentLabel {
  font: 400 16px "Helvetica Neue";
}

.projectCosts {
	fill: #525252;
  	fill-opacity: 1;
}
.swCosts {
	fill: #FFED6F;
  	fill-opacity: 1;
}

.tooltip {
  font: 400 11px "Helvetica Neue";
  color: steelblue; 
}


.Admissions {
		 	fill: #E7298A;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #E7298A; 
		}
		
.FinancialAid {
		 	fill: #D95F02;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #D95F02; 
		}
		
.RegEnrollment {
		 	fill: #7570B3;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #7570B3; 
		}

.AcadPlanning {
		 	fill: #E6AB02;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #E6AB02; 
		}		
		
.Financials {
		 	fill: #66A61E;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #66A61E; 
		}
		
.Conduct {
		 	fill: #A6761D;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #A6761D; 
		}		

.Events {
		 	fill: #666666;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #666666; 
		}		

.GroupMgmt {
		 	fill: #1B9E77;
  			fill-opacity: .95;
  			font: 200 13px "Helvetica Neue";
 			color: #1B9E77; 
		}		
		
#FTE-calc-note  {
  position: absolute;
  z-index: 1;
  display: block;
  font: 300 12px "Helvetica Neue";
  color: #525252;
  left: 40px;
  top: 700px;

}

#author {
  position: absolute;
  z-index: 1;
  font: 300 12px "Helvetica Neue";
  color: #525252;
}


.legendLabel {
  font: 400 12px "Helvetica Neue";
}

#legendTitle {
  position: absolute;
  left: 702px;
  top: 50px;
  font: 300 14px "Helvetica Neue";
}

.legendBar {
  top: 30px;
}