<!DOCTYPE html>
<html lang="en">

<head>

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900,700italic" rel="stylesheet" type="text/css" />

<link rel="shortcut icon" href="https://sfa.senate.michigan.gov/images/favicon.png" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta charset="utf-8" />

<!-- viewport meta to reset iPhone initial scale -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>SFA - Technology, Management, and Budget</title>

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-2870608-2']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

<style>
.piechartsize {
	min-height: 270px;
	height: 100%; 
	width: 100%;
}
.tablechartsize {
	min-height: 50px;
	height: 100%; 
	width: 100%;
}
</style>

<style>
svg > g:last-child > g:last-child { pointer-events: none }
</style>

<!-- visualization chart -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.11/jquery.csv.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<script type="text/javascript">
	google.charts.load('current', {packages:['corechart','table']});
	google.charts.setOnLoadCallback(drawChart1);

	function drawChart1() {
	
		var data = google.visualization.arrayToDataTable([
			['Program Areas', 'Dollar Amount'],
			['Technology Services', 999278000],
			['State Building Authority Rent', 246170600],
			['Administrative and Department Services', 210795900],
			['Motor Vehicle Fleet', 95708200],
			['Civil Service Commission', 78028800],
			['Information Technology', 53081300],
			['Capital Outlay', 31800000],
			['Retirement Services', 29999500],
			['One-Time Funding', 26400000],
			['Property Management', 9915300],
			['Michigan Center for Data and Analytics', 7186800],
			['Non-Retirement Special Programs', 6259200],
			['Unclassified Positions', 1101600],
			['Professional Development Fund', 1100000]

		]);
			var view = new google.visualization.DataView(data);
			
			view.setColumns([0,1,{calc: prcnt, type: 'number', label: 'Percent'}]);
			
		function prcnt(view2,row) {
			var columntotal2 = getSum(data, 1);
			var a = (view2.getValue(row,1)/columntotal2) * 100;
			return {v: a, f: a.toFixed(1) + '%'};
			}
			
		var options = {
			is3D: false,
			pieStartAngle: 118,
			pieHole: 0,
			chartArea: {top: 10, left: 0, width: '100%', height: '95%'},
			backgroundColor: 'transparent',
			sliceVisibilityThreshold: 0,
			pieSliceText: 'percentage',
			pieSliceTextStyle: {fontSize: 12},
			legend: {position: 'none'},
			tooltip: {isHtml: true},
			tooltip: {trigger: 'both'},
			slices: {
			0: {color: '#27ae60', textStyle: {color: 'white'}, offset: 0.0200},
			1: {color: '#922b21', textStyle: {color: 'white'}, offset: 0.0200},
			2: {color: '#c39bd3', textStyle: {color: 'black'}, offset: 0.0200},
			3: {color: '#1a5276', textStyle: {color: 'white'}, offset: 0.0200},
			4: {color: '#f5b7b1', textStyle: {color: 'black'}, offset: 0.0200},
			5: {color: '#af601a', textStyle: {color: 'white'}, offset: 0.0200},
			6: {color: '#abebc6', textStyle: {color: 'black'}, offset: 0.0200},
			7: {color: '#2e86c1', textStyle: {color: 'white'}, offset: 0.0200},
			8: {color: '#f8c471', textStyle: {color: 'black'}, offset: 0.0200},
			9: {color: '#6c3483', textStyle: {color: 'white'}, offset: 0.0200},
			10: {color: '#85c1e9', textStyle: {color: 'black'}, offset: 0.0200},
			11: {color: '#e74c3c', textStyle: {color: 'white'}, offset: 0.0200},
			}
			};
					
		var formatter = new google.visualization.NumberFormat(
			{pattern: '$#,###'});
		formatter.format(data, 1);  // apply formatter to second column
			
		var piechart = new google.visualization.PieChart(document.getElementById('piechart1_div'));
			piechart.draw(data, options);
			
		var table = new google.visualization.Table(document.getElementById('table1_div'));
			table.draw(view, {showRowNumber: false, allowHTML: true, width: '100%', height: 'auto', backgroundColor: 'transparent'});
			
		google.visualization.events.addListener(piechart, 'select', function() {
			table.setSelection(piechart.getSelection());
			});    
		google.visualization.events.addListener(table, 'select', function() {
			piechart.setSelection(table.getSelection());
			});
			
		function getSum(data, column) {
			var total = 0;
			for (i = 0; i < data.getNumberOfRows(); i++)
				total = total + data.getValue(i, column);
			return total;
		}
		function currencyFormat (num) {
			return "$" + num.toFixed(0).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
		}
		var columntotal = getSum(data, 1);
		var formattedtotal = currencyFormat(columntotal);
		var strtotal = formattedtotal.toString();
		strtotal = 'Total Gross Appropriations: ' + strtotal;
		document.getElementById('grosstotal1').innerHTML = strtotal;
	};
  
	$(window).resize(function(){
		drawChart1();
	});
</script>

<style>
body {
	font-family: Roboto, Verdana, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}
p { font-weight: bold; }

a:link{
  color:black;
}
a:visited{
  color:black;
}
a:hover{
  color:blue;
}
a:focus{
  color:black;
}
a:active{
  color:black;
}
.container {
		width: 100%;
		margin-left:auto;
		margin-right:auto;
}
.search {
	padding:8px 15px;
	background:rgba(51, 136, 204, 0.2);
	border:2px solid #3388cc;
}
.text {
	padding:1px 5px;
	margin: 0px 10px 10px 0px;
	height:28px;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.submit {
	position:relative;
	padding:1px 5px;
	margin: 0px 0px 0px 0px;
	border:1px solid #dddddd;
	background-color:#dddddd;
	float: right;
	top: 1px;
	left: -13px;
	width:35px;
    height:27px;
	color:#ffffff; 
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.submit:hover {
	border:2px solid #3388cc;
	background-color:#3388cc;
	color:#ffffff;
}
.roundbox {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
</style>

<style type="text/css">
*, *:before, *:after {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}    
.outer {
        width:100%;
        margin:0 auto;
}
.nav {
        list-style:none;
        padding:0;
        margin:0;
}
.nav.head {
        border-bottom:0px solid #3388cc;
        padding-bottom:5px;
}
.nav li {
        display:inline-block;
        word-spacing:0;
}
.nav a,
.nav b {
        display:inline-block;
        font-weight:bold;
        text-decoration:none;
        border:1px solid #854;
		background: #f8f8f8;
		opacity: 0.87;
        padding:.1875em .4375em;
        margin-left:-1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
		-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
		-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
.nav a:link,.nav a:visited {color:#000000;}
.nav a:hover {background-color:#ffcccc;}
.nav a:active {background-color:#ff7777;}
.nav b {
        display:none;
        color:#ffffff;
        background-color:#003399;
}
#status .status a,
#budget .budget a,
#pubs .pubs a,
#data .data a,
#bill .bill a,
#meet .meet a {
    display:none;
}
#status .status b,
#budget .budget b,
#pubs .pubs b,
#data .data b,
#bill .bill b,
#meet .meet b {
    display:inline-block;
}
a.glow, a.glow:hover, a.glow:focus {
	text-decoration: none;
	color: #000000;
	text-shadow: none;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
}
a.glow:hover, a.glow:focus {
	color: #003399;
	text-shadow: -1px 1px 8px #3399ff, 1px -1px 8px #ffffff;
}
.textshadow a.backlit:hover, .textshadow a.backlit:focus
{
	color: #000000;
}
</style>

<script language="JavaScript">
	function random_image(){
	var imgs=new Array()
			imgs[1]="https://sfa.senate.michigan.gov/portrait/slide1.jpg"
			imgs[2]="https://sfa.senate.michigan.gov/portrait/slide2.jpg"
			imgs[3]="https://sfa.senate.michigan.gov/portrait/slide3.jpg"
			imgs[4]="https://sfa.senate.michigan.gov/portrait/slide4.jpg"
			imgs[5]="https://sfa.senate.michigan.gov/portrait/slide5.jpg"
			imgs[6]="https://sfa.senate.michigan.gov/portrait/slide6.jpg"
			imgs[7]="https://sfa.senate.michigan.gov/portrait/slide7.jpg"
			imgs[8]="https://sfa.senate.michigan.gov/portrait/slide8.jpg"
			imgs[9]="https://sfa.senate.michigan.gov/portrait/slide9.jpg"
			imgs[10]="https://sfa.senate.michigan.gov/portrait/slide10.jpg"
			imgs[11]="https://sfa.senate.michigan.gov/portrait/slide11.jpg"
			imgs[12]="https://sfa.senate.michigan.gov/portrait/slide12.jpg"
			imgs[13]="https://sfa.senate.michigan.gov/portrait/slide13.jpg"
			imgs[14]="https://sfa.senate.michigan.gov/portrait/slide14.jpg"
			imgs[15]="https://sfa.senate.michigan.gov/portrait/slide15.jpg"
			imgs[16]="https://sfa.senate.michigan.gov/portrait/slide16.jpg"
			imgs[17]="https://sfa.senate.michigan.gov/portrait/slide17.jpg"
			imgs[18]="https://sfa.senate.michigan.gov/portrait/slide18.jpg"
			imgs[19]="https://sfa.senate.michigan.gov/portrait/slide19.jpg"
			imgs[20]="https://sfa.senate.michigan.gov/portrait/slide20.jpg"
			imgs[21]="https://sfa.senate.michigan.gov/portrait/slide21.jpg"
			imgs[22]="https://sfa.senate.michigan.gov/portrait/slide22.jpg"
			imgs[23]="https://sfa.senate.michigan.gov/portrait/slide23.jpg"
			imgs[24]="https://sfa.senate.michigan.gov/portrait/slide24.jpg"
			imgs[25]="https://sfa.senate.michigan.gov/portrait/slide25.jpg"
			imgs[26]="https://sfa.senate.michigan.gov/portrait/slide26.jpg"
			imgs[27]="https://sfa.senate.michigan.gov/portrait/slide27.jpg"
			imgs[28]="https://sfa.senate.michigan.gov/portrait/slide28.jpg"
			imgs[29]="https://sfa.senate.michigan.gov/portrait/slide29.jpg"
			imgs[30]="https://sfa.senate.michigan.gov/portrait/slide30.jpg"
			imgs[31]="https://sfa.senate.michigan.gov/portrait/slide31.jpg"
			imgs[32]="https://sfa.senate.michigan.gov/portrait/slide32.jpg"
			imgs[33]="https://sfa.senate.michigan.gov/portrait/slide33.jpg"
			imgs[34]="https://sfa.senate.michigan.gov/portrait/slide34.jpg"
			imgs[35]="https://sfa.senate.michigan.gov/portrait/slide35.jpg"
			imgs[36]="https://sfa.senate.michigan.gov/portrait/slide36.jpg"
			imgs[37]="https://sfa.senate.michigan.gov/portrait/slide37.jpg"
			imgs[38]="https://sfa.senate.michigan.gov/portrait/slide38.jpg"
			imgs[39]="https://sfa.senate.michigan.gov/portrait/slide39.jpg"
			imgs[40]="https://sfa.senate.michigan.gov/portrait/slide40.jpg"
			imgs[41]="https://sfa.senate.michigan.gov/portrait/slide41.jpg"
			imgs[42]="https://sfa.senate.michigan.gov/portrait/slide42.jpg"
			imgs[43]="https://sfa.senate.michigan.gov/portrait/slide43.jpg"
			imgs[44]="https://sfa.senate.michigan.gov/portrait/slide44.jpg"
			imgs[45]="https://sfa.senate.michigan.gov/portrait/slide45.jpg"
			imgs[46]="https://sfa.senate.michigan.gov/portrait/slide46.jpg"
			imgs[47]="https://sfa.senate.michigan.gov/portrait/slide47.jpg"
			imgs[48]="https://sfa.senate.michigan.gov/portrait/slide48.jpg"
			imgs[49]="https://sfa.senate.michigan.gov/portrait/slide49.jpg"
			imgs[50]="https://sfa.senate.michigan.gov/portrait/slide50.jpg"
			imgs[51]="https://sfa.senate.michigan.gov/portrait/slide51.jpg"
			imgs[52]="https://sfa.senate.michigan.gov/portrait/slide52.jpg"
			imgs[53]="https://sfa.senate.michigan.gov/portrait/slide53.jpg"
			imgs[54]="https://sfa.senate.michigan.gov/portrait/slide54.jpg"
			imgs[55]="https://sfa.senate.michigan.gov/portrait/slide55.jpg"
			imgs[56]="https://sfa.senate.michigan.gov/portrait/slide56.jpg"
			imgs[57]="https://sfa.senate.michigan.gov/portrait/slide57.jpg"
			imgs[58]="https://sfa.senate.michigan.gov/portrait/slide58.jpg"
			imgs[59]="https://sfa.senate.michigan.gov/portrait/slide59.jpg"
			imgs[60]="https://sfa.senate.michigan.gov/portrait/slide60.jpg"
			imgs[61]="https://sfa.senate.michigan.gov/portrait/slide61.jpg"
			imgs[62]="https://sfa.senate.michigan.gov/portrait/slide62.jpg"
			imgs[63]="https://sfa.senate.michigan.gov/portrait/slide63.jpg"
			imgs[64]="https://sfa.senate.michigan.gov/portrait/slide64.jpg"
			imgs[65]="https://sfa.senate.michigan.gov/portrait/slide65.jpg"
			imgs[66]="https://sfa.senate.michigan.gov/portrait/slide66.jpg"
			imgs[67]="https://sfa.senate.michigan.gov/portrait/slide67.jpg"
			imgs[68]="https://sfa.senate.michigan.gov/portrait/slide68.jpg"
			imgs[69]="https://sfa.senate.michigan.gov/portrait/slide69.jpg"
			imgs[70]="https://sfa.senate.michigan.gov/portrait/slide70.jpg"
			imgs[71]="https://sfa.senate.michigan.gov/portrait/slide71.jpg"
			imgs[72]="https://sfa.senate.michigan.gov/portrait/slide72.jpg"
			imgs[73]="https://sfa.senate.michigan.gov/portrait/slide73.jpg"
			imgs[74]="https://sfa.senate.michigan.gov/portrait/slide74.jpg"
			imgs[75]="https://sfa.senate.michigan.gov/portrait/slide75.jpg"
			imgs[76]="https://sfa.senate.michigan.gov/portrait/slide76.jpg"
			imgs[77]="https://sfa.senate.michigan.gov/portrait/slide77.jpg"
			imgs[78]="https://sfa.senate.michigan.gov/portrait/slide78.jpg"
			imgs[79]="https://sfa.senate.michigan.gov/portrait/slide79.jpg"
			imgs[80]="https://sfa.senate.michigan.gov/portrait/slide80.jpg"
			imgs[81]="https://sfa.senate.michigan.gov/portrait/slide81.jpg"
			imgs[82]="https://sfa.senate.michigan.gov/portrait/slide82.jpg"
			imgs[83]="https://sfa.senate.michigan.gov/portrait/slide83.jpg"
			imgs[84]="https://sfa.senate.michigan.gov/portrait/slide84.jpg"
			imgs[85]="https://sfa.senate.michigan.gov/portrait/slide85.jpg"
			imgs[86]="https://sfa.senate.michigan.gov/portrait/slide86.jpg"
			imgs[87]="https://sfa.senate.michigan.gov/portrait/slide87.jpg"
			imgs[88]="https://sfa.senate.michigan.gov/portrait/slide88.jpg"
			imgs[89]="https://sfa.senate.michigan.gov/portrait/slide89.jpg"
			
	var bg=Math.floor(Math.random()*imgs.length)
		if (bg==0)
		bg=1
		document.write('<body background="'+imgs[bg]+'">')
		document.body.style.backgroundPosition="center 245px";
		document.body.style.backgroundColor="#dddddd";
		document.body.style.backgroundRepeat="no-repeat";
		document.body.style.backgroundSize="100%";
		}
	random_image()
</script> 

<style type="text/css">
html { padding: 0; margin: 0; }

a {
	color: #666699;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

/************************************************************************************
FONT SIZE
*************************************************************************************/
h1 {
	font: bold 48px Roboto, Sans-Serif;
}
h2 {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-size: 19px;
	letter-spacing: .5px;
	color: #000000;
}
h3 {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: .3px;
	color: #000000;
}
h4 {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: .3px;
	color: #444444;
}
h5 {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #003399;
}
h6 {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .5px;
	color: #000000;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	opacity: 0.87;
	padding: 5px;
	width: 1800px;
	margin: 10px auto;
}
#topbar {
	width: 100%;
	height: 40px;
	clear: both;
	padding-top: 0px;
}
img.header {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
#menubar {
	width:100%;
    padding: 0px 0px 5px 0px;
	margin: 40px 0px 0px 0px;
}
#departments {
	display: none;
}
#content {
	width: 345px;
	height: auto;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 0px;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
#middle {
	width: 1250px; /* Account for margins + border values */
	height: auto;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 20px 20px 20px;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
div.budgetarea {
    height: auto;
    width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.colleft {
    float: left;
    width: 48.5%;
	padding: 0px 5px 0px 5px;
	margin: 0px 13px 0px 0px;
}
div.colright {
    float: left;
    width: 48.5%;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 5px;
}
#sidebar {
	width: 155px;
	height: auto;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	float: right;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
#footer {
	text-align: center;
	clear: both;
	float: left;
	width:100%;
	height: auto;
	padding: 15px 15px;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1850px or less */
@media screen and (max-width: 1850px) {
#pagewrap {
	width: 100%;
	padding: 5px;
	margin: 10px auto;
}
#topbar {
	width: 100%;
	height: 40px;
	margin: 0;
	padding-top: 0px;
}
#menubar {
	width:100%;
	padding: 0px 0px 5px 0px;
}
#content {
	width: 19%;
	height: auto;
	float: left;
	padding: 5px 10px 5px 10px;
}
#middle {
	width: 70%;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 20px;
}
div.budgetarea {
    height: auto;
    width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sidebar {
	width: 8.5%;
	height: auto;
	padding: 5px 5px 5px 5px;
	float: right;
}
}

/* for 1470px or less */
@media screen and (max-width: 1470px) {
#pagewrap {
		width: 100%;
}
#content {
	width: 21.5%;
	height: auto;
	float: left;
	padding: 5px 10px 5px 10px;
}
#middle {
	width: 65.5%;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 20px;
}
div.budgetarea {
    height: auto;
    width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sidebar {
	width: 10%;
	height: auto;
	padding: 5px 5px 5px 5px;
	float: right;
}
}

/* for 1340px or less */
@media screen and (max-width: 1340px) {
h2 {
	font-size: 17px;
}
#pagewrap {
	width: 100%;
}
#content {
	width: 28%;
	height: auto;
	float: left;
	padding: 5px 10px 5px 10px;
}
#middle {
	width: 70%;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 20px;
}
div.budgetarea {
    height: auto;
    width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sidebar {
	display: none;
}
}

/* for 1280px or less */
@media screen and (max-width: 1280px) {
h2 {
	font-size: 17px;
}
#pagewrap {
	width: 100%;
}
#content {
	width: 30%;
	height: auto;
	float: left;
	padding: 5px 10px 5px 10px;
}
#middle {
	width: 68%;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 20px;
}
div.budgetarea {
    height: auto;
    width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
}

/* for 1060px or less */
@media screen and (max-width: 1060px) {
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
#pagewrap {
	width: 100%;
}
#content {
	width: 35%;
	padding: 5px 10px 5px 10px;
}
#middle {
	width: 63.5%;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 10px;
	float: left;
}
div.budgetarea {
	height: auto;
	width: 100%;
}
div.colleft {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.colright {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
}

/* for 960px or less */
@media screen and (max-width: 960px) {
h2 {
	font-size: 15px;
}
h4 {
	font-size: 15px;
	letter-spacing: .2px;
}
#pagewrap {
	width: 100%;
}
#content {
	width: 39%;
	padding: 5px 10px 5px 10px;
}
#middle {
	width: 59%;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 10px;
	float: left;
}
div.budgetarea {
	height: auto;
	width: 100%;
}
}

/* for 800px or less */
@media screen and (max-width: 800px) {
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 14px;
	letter-spacing: .1px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 11px;
}
#pagewrap {
	width: 100%;
}
#header {
	height: auto;
}
#content {
	width: 45%;
}
#middle {
	height: auto;
	width: 53%;
	margin: 0px 0px 20px 5px;
	float: left;
}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
h1 {
	font-size: 24px;
}
#header {
	height: auto;
}
#departments {
	display: inline;
	width:100%;
    margin: 0px auto;
	padding: 0px 0px 5px 0px;
}
#content {
	display: none;
}
#middle {
	height: auto;
	width: 100%;
	margin-left: 0px;
}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
h1 {
	font-size: 24px;
}
}

/* border & guideline (you can ignore these) */

#header {
	background: #3388cc;
}

#content {
	background: #f8f8f8;
}
#middle {
	background: #f8f8f8;
}
#sidebar {
	background: #f8f8f8;
}
#footer {
	background: #66bbee;
}

</style>

<script type="text/javascript">
function showonlyonev2(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("class");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}
function showonlyonev3(thenextone) {
      var nextboxes = document.getElementsByTagName("div");
      for(var x=0; x<nextboxes.length; x++) {
            name = nextboxes[x].getAttribute("class");
            if (name == 'nextboxes-2') {
                  if (nextboxes[x].id == thenextone) {
                        if (nextboxes[x].style.display == 'block') {
                              nextboxes[x].style.display = 'none';
                        }
                        else {
                              nextboxes[x].style.display = 'block';
                        }
                  }else {
                        nextboxes[x].style.display = 'none';
                  }
            }
      }
}
</script>

</head>

<!--    <body id="status"> -->
<!--    <body id="budget"> -->
<!--    <body id="pubs"> -->
<!--    <body id="data"> -->
<!--    <body id="bill"> -->
<!--    <body id="meet"> -->

<body>

<div id="pagewrap">

	<div id="topbar" class="container" align="right">
		<form method="get" action="https://www.google.com/search" target="_blank" style="font-size:12px; font-family:roboto;">
			<input type="search" class="text" name="as_q" size="20" maxlength="255" value="Search SFA Website"	onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue; ">
			<input type="image" class="submit" src="https://sfa.senate.michigan.gov/images/search.png" alt="Submit">
			<input type="hidden" name="as_sitesearch" value="https://sfa.senate.michigan.gov">
			<input type="hidden" name="filter" value="0">
		</form>
	</div>

	<div align="center">
		<a href="https://sfa.senate.michigan.gov/">
		<img class="header" src="https://sfa.senate.michigan.gov/images/SFALogo.png" />
		</a>
	</div>
	
	<div id="menubar" align="center">
		<h2>
		<ul class="nav head">
			<li class="status"><a target="_blank" href="https://sfa.senate.michigan.gov/StateBudget/AppropriationStatus.pdf" class="glow">Appropriation Bill Status</a><b>APPROPRIATION BILL STATUS</b></li>
			<li class="budget"><a href="https://sfa.senate.michigan.gov/StatewideBudget/StatewideBudget.html" class="glow">Statewide Budget</a><b>STATEWIDE BUDGET</b></li>
			<li class="pubs"><a href="https://sfa.senate.michigan.gov/Publications/Publications.html" class="glow">Publications</a><b>PUBLICATIONS</b></li>
			<li class="data"><a href="https://sfa.senate.michigan.gov/RevenueData/RevenueData.html" class="glow">Revenue & Economic Data</a><b>REVENUE & ECONOMIC DATA</b></li>
			<li class="bill"><a target="_blank" href="https://www.legislature.mi.gov" class="glow">Bill & Analysis Search</a><b>BILL & ANALYSIS SEARCH</b></li>
			<li class="meet"><a target="_blank" href="https://www.legislature.mi.gov/Committees/Meetings" class="glow">Committee Meetings</a><b>COMMITTEE MEETINGS</b></li>
		</ul>
		</h2>
	</div>

	<div id="departments" align="center">
		<h3>
		<ul class="nav head">
			<li class="home"><a href="https://sfa.senate.michigan.gov/" class="glow">Show Department / Budget Area List</a><b>DEPARTMENT / BUDGET AREA LIST</b></li>
		</ul>
		</h3>
	</div>
	
	<div id="content" class="roundbox">
		<h3 style="background-color:#66bbee; padding:9px 0px 9px 0px; width:98%; margin-left: auto; margin-right: auto; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);"
			align="center">DEPARTMENT / BUDGET AREA</h3>
		<h4>
		<ul style="list-style-type:none; line-height:1.4; padding:0; margin:0;">
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPagr_web.html" class="glow">Agriculture & Rural Development</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPatg_web.html" class="glow">Attorney General</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPcap_web.html" class="glow">Capital Outlay</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPcrs_web.html" class="glow">Civil Rights</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPcsv_web.html" class="glow">Civil Service Commission</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPccl_web.html" class="glow">Community Colleges</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPcor_web.html" class="glow">Corrections</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPedu_web.html" class="glow">Education Department</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPegl_web.html" class="glow">Environment, Great Lakes, & Energy</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPexe_web.html" class="glow">Executive Office</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPhhs_web.html" class="glow">Health & Human Services</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPhed_web.html" class="glow">Higher Education</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPifs_web.html" class="glow">Insurance & Financial Services</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPjud_web.html" class="glow">Judiciary</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPleo_web.html" class="glow">Labor & Economic Opportunity</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPaud_web.html" class="glow">Legislative Auditor General</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPlgs_web.html" class="glow">Legislature</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPlar_web.html" class="glow">Licensing & Regulatory Affairs</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPlep_web.html" class="glow">Lifelong Educ., Adv., & Potential</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPmil_web.html" class="glow">Military & Veterans Affairs</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPdnr_web.html" class="glow">Natural Resources</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPdnt_web.html" class="glow">Natural Resources Trust Fund</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPret_web.html" class="glow">Retirement/Pensions</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPrev_web.html" class="glow">Revenue Sharing</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPk12_web.html" class="glow">School Aid (K-12)</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPsta_web.html" class="glow">State Department</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPstp_web.html" class="glow">State Police</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPdmb_web.html" class="glow">Technology, Mgmt., & Budget</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPtrn_web.html" class="glow">Transportation</a></li>
			<li><a href="https://sfa.senate.michigan.gov/Departments/DPtre_web.html" class="glow">Treasury</a></li>
		</ul>
		</h4>
	</div>
	
	<div id="middle" class="roundbox">
		<h3 style="background-color: #66bbee; padding: 9px 0px 9px 0px; width:99%; margin-left: auto; margin-right: auto; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);"
			align="center">TECHNOLOGY, MANAGEMENT, & BUDGET
		</h3>
		<h4 style=" padding: 0px 10px 0px 0px;">
		<div class="budgetarea" align="center">
		
			<div class="colleft">
				Fiscal Analyst:
				<br>
				<a href="mailto:ERaczkowski@senate.michigan.gov" class="glow">Elizabeth Raczkowski</a>
				<hr>
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/DeptContacts/CTdmb_web.pdf" style="line-height:1.5;" class="glow">Department Contacts</a>
				<hr>
				<h4 style="padding: 0px 10px 0px 10px;" align="justify">
				<i>This budget covers the State Budget Office, State facility maintenance, the State Building Authority, retirement services, printing, mail, and delivery services, the Statewide Integrated Governmental Management Application (SIGMA) system, the Michigan Public Safety Communications System, surplus and excess property sales, the Michigan Center for Data and Analytics, the State Motor Vehicle Fleet, and information technology services.</i>
				</h4>

				<h5 style="background-color: #ff9900; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/BudgetBill/BBdmb_gov.pdf" class="glow">Governor's Proposed Budget Bill</a>
				</h5>
				
				<h5 style="background-color: #444444; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/BudgetBill/BBgen_web.pdf" style="color: white" class="glow">Most Recent Budget Bill</a>
				</h5>
				
				<h5 style="background-color: #444444; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/HighlightSheet/HIgen_web.pdf" style="color: white" class="glow">Most Recent Highlight Sheet</a>
				</h5>

				<h5 style="background-color: #444444; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/DecisionDoc/DDgen_web.pdf" style="color: white" class="glow">Most Recent Detailed Decision Document: Governor, Senate, House, and Conference</a>
				</h5>

				<h5 style="background-color: #bbbbbb; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/BudgetBill/BBgen_initial.pdf" class="glow">Current Fiscal Year Initial Budget Bill</a>
				</h5>

				<h5 style="background-color: #bbbbbb; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/HighlightSheet/HIgen_initial.pdf" class="glow">Current Fiscal Year Initial Appropriations Highlight Sheet</a>
				</h5>

				<h5 style="background-color: #bbbbbb; padding: 5px 3px 6px 3px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);" align="center">
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/DecisionDoc/DDgen_initial.pdf" class="glow">Current Fiscal Year Initial Appropriations Detailed Decision Document</a>
				</h5>
				<hr>
				
				<a id="myHeader4-1" href="javascript:showonlyonev2('newboxes4-1');" class="glow" >Line Item and Boilerplate History</a>
					<div class="newboxes-2" id="newboxes4-1" style="clear:both; display: none;">
						<ul style="list-style-type:disc; line-height:1.6; text-align: left;">
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Departments/LineItem/LIdmb_web.pdf" style="line-height:1.5;" class="glow">Technology, Management, & Budget</a></li>
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Departments/LineItem/LIgenAllGG_web.pdf" style="line-height:1.5;" class="glow">All of General Government</a></li>
						</ul>
					</div>
				<hr>
			</div>
			
			<div class="colright">
				<h4>Department of Technology, Management, and Budget
<!--				<br>FY 2021-22 Year-To-Date* Gross Appropriations -->
				<br>FY 2024-25 Initial Gross Appropriations
				<br>by Program Area</h4>
				<div id="piechart1_div" class="piechartsize"></div>
				<p id="grosstotal1"></p>
<!--				*As of December 20, 2019 -->
				<br>
				<br>
				<a id="myHeader8-1" href="javascript:showonlyonev2('newboxes8-1');" class="glow" >Click to show/hide pie chart data table</a>
					<div class="newboxes-2" id="newboxes8-1" style="clear:both; display: none;">
						<br>
						<div id="table1_div" class="tablechartsize" style="display:block;"></div>
						<h6 style="padding: 0px 10px 0px 10px;" align="justify">
						<i>Please note: The data table above can be highlighted, copied and pasted into other apps (including spreadsheets, word processors and email). If you highlight the pie title down through the total, it will also appear as a table when pasted.</i>
						</h6>
					</div>
				<hr>

				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/Overview/OVdmb_web.pdf" style="line-height:1.5;" class="glow">General Overview</a>
				<hr>
				
				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/BootCamp/BCdmb_web.pdf" style="line-height:1.5;" class="glow">Budget Overview</a>
				<hr>

				<a target="_blank" href="https://sfa.senate.michigan.gov/Departments/FundHistory/FHdmb_web.pdf" style="line-height:1.5;" class="glow">Funding History</a>
				<hr>

				<a id="myHeader3-1" href="javascript:showonlyonev2('newboxes3-1');" class="glow">General Government Data</a>
					<div class="newboxes-2" id="newboxes3-1" style="clear:both; display: none;">
					<ul style="list-style-type:none; line-height:1.6; text-align: left;">
							<li>There are no data links at this time.</li>
						</ul>
					</div>
				<hr>

				<a id="myHeader2-1" href="javascript:showonlyonev2('newboxes2-1');" class="glow">Related Links</a>
					<div class="newboxes-2" id="newboxes2-1" style="clear:both; display: none;" align="left">
						<ul style="list-style-type:disc; line-height:1.6; text-align: left;">
							<li><a target="_blank" href="https://www.michigan.gov/dtmb" class="glow">Department of Technology, Management, and Budget</a></li>
							<li><a target="_blank" href="https://www.michigan.gov/budget" class="glow">Office of the State Budget</a></li>
							<li><a target="_blank" href="https://www.michigan.gov/budget/0,9255,7-379-88613_88628_88682---,00.html" class="glow">Comprehensive Annual Financial Reports (CAFR)</a></li>
							<li><a target="_blank" href="https://www.michigan.gov/ors" class="glow">Retirement Services</a></li>
							<li><a target="_blank" href="https://www.michigan.gov/mdcs/0,4614,7-147-6877_8150---,00.html" class="glow">Compensation Plans</a></li>
						</ul>
					</div>
				<hr>

				<a id="myHeader1-1" href="javascript:showonlyonev2('newboxes1-1');" class="glow">Related Senate Fiscal Agency Publications</a>
					<div class="newboxes-2" id="newboxes1-1" style="clear:both; display: none;" align="left">
						<ul style="list-style-type:disc; line-height:1.6; text-align: left;">
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Publications/OneFAB/2024/OneFAB10-07-2024er.pdf" class="glow">Moving Toward an Electric State Fleet (October 7, 2024)</a></li>
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Publications/OneFAB/2023/OneFAB10-26-2023er.pdf" class="glow">Recent Indian Boarding School Education and Investigation Initiatives (October 26, 2023)</a></li>
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Publications/Notes/2022Notes/NotesSpr22er.pdf" class="glow">Cybersecurity Through Collaboration (Spring 2022)</a></li>
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Publications/Memos/mem012710.pdf" class="glow">Executive Order 2009-55, Elimination of the Department of Information Technology (January 27, 2010)</a></li>
							<li><a target="_blank" href="https://sfa.senate.michigan.gov/Publications/Memos/mem081109.pdf" class="glow">Executive Order 2009-36, Elimination of the Department of History, Arts, and Libraries (August 12, 2009)</a></li>
						</ul>
					</div>
				<p></p>
				
			</div>
		</div>
		</h4>
		<br>
	</div>

	<div id="sidebar" class="roundbox">
		<h3 style="background-color:#66bbee; padding:9px 0px 9px 0px; width:95%; margin-left: auto; margin-right: auto; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);"
			align="center">QUICK LINKS</h3>
		<h4 align="center">
			<ul style="list-style-type:none; line-height:1.25; padding:0; margin:0;">
				<li><a href="https://sfa.senate.michigan.gov/AboutUs/AboutUs.html" class="glow">About Us</a></li>
				<p></p>
				<hr>
				<p></p>
				<li><a href="https://sfa.senate.michigan.gov/BudgetProcess/BudgetProcess.html" class="glow">Budget <br> Process <br> Guide</a></li>
				<p></p>
				<hr>
				<p></p>
				<li><a href="https://sfa.senate.michigan.gov/RelatedLinks/RelatedLinks.html" class="glow">Related <br> Links</a></li>
				<p></p>
				<hr>
				<p></p>
				<li><a href="https://sfa.senate.michigan.gov/Archives.html" class="glow">Archives</a></li>
				<p></p>
				<hr>
				<p></p>
				<li><a href="https://sfa.senate.michigan.gov/AboutUs/FAQs.html" class="glow">FAQs</a></li>
				<p></p>
				<hr>
				<li><a href="https://sfa.senate.michigan.gov/Publications/EmailNotificationForm.html" class="glow">
					<img src="https://sfa.senate.michigan.gov/images/EmailList.jpg" height="75px" width="75px" align="center" />
					<p>Email <br> Notifications</p>
					</a>
				</li>
				<hr>
				<p></p>
				<li>
					<a target="_blank" href="https://x.com/MI_SenateFiscal" class="glow">
					<img src="https://sfa.senate.michigan.gov/images/twitterIcon.png" height="32.5px" width="40px" />
					<p style="font-size: 13px;">Follow Us @MI_SenateFiscal</p></a>
				</li>
			</ul>
		</h4>
	</div>	
	<br>
	<h6>
	<div id="footer" class="roundbox">
		<div>
			<a href="https://sfa.senate.michigan.gov/" class="glow">Home</a>&nbsp;&nbsp;&nbsp;|&ensp;
			<a href="https://sfa.senate.michigan.gov/Sitemap.html" align="center" class="glow" >Sitemap</a>&nbsp;&nbsp;&nbsp;|&ensp;
			<a target="_blank" href="https://sfa.senate.michigan.gov/AboutUs/SFAOrgChart.pdf" class="glow">Staff&nbsp;Directory</a>
			<p></p>
		</div>
		<div>
			201&nbsp;N.&nbsp;Washington&nbsp;Sq.&nbsp;| 
			Suite&nbsp;800&nbsp;-&nbsp;The&nbsp;Victor&nbsp;Center&nbsp;| 
			P.O.&nbsp;Box&nbsp;30036&nbsp;| 
			Lansing,&nbsp;MI&nbsp;48909.7536&nbsp;| 
			PHONE&nbsp;517.373.2768&nbsp;| 
			FAX&nbsp;517.373.1986
			<p></p>
		</div>
		<div>
			Photos&nbsp;provided&nbsp;by&nbsp;MDOT
		</div>
	</div>
	</h6>
	<div style="width: 100%; float:left;">
		<p>&nbsp;</p>
	</div>
</div>

</body>
</html>