Budget Styles

@charset "utf-8";

<title>Budget Styles</title>
<head>
  
	<meta http-equiv="Content-Type" content="text,html,css,javascript,php,sql; charset=utf-8"/>

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
		html,body, p, th, td, dd, dt {
		  position: relative;
		  overflow: auto; 
		  background-color: #ffffff;
		  margin: 0px;
		  border: 0px;
		  padding: 0px;
// 		  margin: 5 auto; 
//		  font: italic bold 12px/30px Georgia, serif;
		  font-family: 1em times;
//		  min-width:1350;
		  text-align: center;
		  margin-bottom: 1700px;
		}

		html, body {
//		  min-height:100%;
//		  min-height: calc(100% - 170px);
//	      height: 100%;
//	      width: 100%;
//	      overflow: hidden;
//	      overflow: auto;
//		  overscroll-behavior: none;
//	      touch-action: none;
//    	  -webkit-overflow-scrolling: none;
//  	  overflow: hidden;
		}
		ul, ol, li{
		  position: relative;
		  overflow: auto; 
//		  background-color: #ffffff;
		  margin: 2px;
		  padding: 0px;
		  border: 0px;
// 		  margin: 5 auto; 
//		  font: italic bold 12px/30px Georgia, serif;
		  font-family: 1em times;
		  text-align: left;
		  height:100%;
		}

		div#adbar {
		  position: relative;
		  display: inline-block;
		  left: 50%;
		  -webkit-transform: translate(-50%,0%);
  		  transform: translateX(-50%);
//		  left: 0px;
		  width: 90%;
//		  float: left; 
//		  margin:2;
//		  padding:3; 
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #000000;
//		  border: 2px solid black; 
//		  border-top: 4px solid white; 
//		  border-bottom: 3px solid white; 
		  border-radius: .5em;
		  text-align: center;
		}

		div#usbudgetsearchcontrols {
//		  margin:2px 2px;
//		  padding: 3px 3px 5px 5px;
//		  border: 1px solid gray; 
//		  border-left: 1px solid gray; 
//		  border-right: 1px solid gray; 
//		  border-top: 4px solid white; 
//		  border-bottom: 3px solid gray; 
//		  border-bottom: 3px solid white; 
//		  border-radius: .5em;
//		  text-align: center;
		  background-color: #EEEEEE;
		}

		div#usBudgetSearchControls {
//		  margin:2px 2px;
		  padding: 5px 5px 5px 5px;
//		  border: 1px solid gray; 
		  border-left: 1px solid gray; 
		  border-right: 1px solid gray; 
//		  border-top: 1px solid gray; 
		  border-bottom: 1px solid gray; 
//		  border-radius: .5em;
//		  text-align: center;
		  background-color: #EEEEEE;
		}

		div.adblocktop {
		  position: relative;
		  display: inline-block;
//		  width: 250px;
		  width: 70%;
//		  float: left; 
		  margin:0px 10px;
//		  padding:3px; 
		  background-color: #000000;
//		  border: 1px solid black; 
		  border-radius: .5em;
		  align: center;
		  text-align: center;
		}

		div.center {
		  align: center;
		  text-align: center;
		  vertical-align: top;
		  width: 95%;
		}

		div.graycenter {
		  align: center;
		  text-align: center;
		  vertical-align: top;
		}

		div.smallinline {
		  display: inline-block;
		  width: auto;
		  font-size:80%;
		  vertical-align: bottom;
//		  word-wrap: normal;
//		  cursor:pointer;
		}

		div.smallcenter {
		  display: inline-block;
		  width: 100%;
		  font-size:80%;
//		  margin: 2px 2px 2px 2px;
		  padding: 2px 2px 2px 2px;
		  text-align: center;
//		  vertical-align: middle;
		  vertical-align: bottom;
		  align: center;
//		  word-wrap: normal;
		}

		div.centertitle {
		  position: relative;
		  display: block;
		  left: 50%;
		  -webkit-transform: translate(-50%,0%);
		  transform: translateX(-50%);
//		  width: 250px;
		  width: 80%;
//		  float: left; 
		  margin:0px 0px;
		  padding: 3px 3px 5px 5px;
//		  background-color: #004444;
		  background-color: #EE9999;
//		  border: 1px solid black; 
//		  border-radius: .5em;
		  font: bold ;
		  align: center;
		  text-align: center;
		  vertical-align: middle;
		}

		div#maintitlebar {
		  position: relative;
//		  position: fixed;  <!--This is for Fixed mainTitleBar-->
//		  top: 0;
//		  left: 0;
		  display: block;
//		  width: 98%;
//		  min-width: 105%;
		  min-width: 100vw;
//		  width: 120%;
//		  width: 101vw;
//		  width: 10000px;
//		  width: auto;
//		  height:auto;
//		  margin:-5px -5px -5px -5px;
		  margin-top:-8px;
		  margin-bottom:3px;
		  margin-left:-8px;
		  margin-right:-8px;
		  border: 0px; 
		  padding:0px;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #F3FFA0;
//		  background-color: #E8b072;
		  background-color: #AAAA75;
//		  background-color: #B2A385;
//		  background-color: #FFDD2A;
//		  border-radius: .5em;
//		  border-top: 3px solid white; 
//		  border-bottom: 3px solid white; 
		  text-align: left;
		  vertical-align:middle;
		  z-index:9;
//		  overscroll-behavior: none;
//	      touch-action: none;
//    	  -webkit-overflow-scrolling: none;
//  	  overflow: hidden;
		}

		div#titlebar {
		  position: relative;
		  display: inline-block;
//		  left: 150px;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  min-width: 150px;
//		  min-width: 150px;
//		  width: auto;
		  height:auto;
//		  float: left; 
		  margin-left:20px;
		  margin-right:20px;
		  margin-top:5px;
		  margin-bottom:5px;
		  padding:5px; 
		  padding-left:30px; 
		  padding-right:30px; 
//		  margin:-2px;
//		  padding:-5px; 
		  background-color: #000000;
//		  background-color: #f9f1f7;
//		  background-color: #CCCCCC;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  background: #996633 url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #000000;
//		  background: url('ImagesIcons/leatherswatch2.jpg') repeat top left; 
//		  background: url('ImagesIcons//leatherswatch2.jpg') repeat top left; 
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  border: 2px solid black; 
		  border-radius: .5em;
//		  border: 3px solid black; 
//		  border-top: 3px solid white; 
//		  border-bottom: 3px solid white; 
		  text-align: center;
		  vertical-align:middle;
		  cursor: pointer;
		}

		div#navbar {
		  position: relative;
		  display: inline-block;
//		  left: 0px;
//		  width: 67%;
//		  min-width: 1100px;
		  width: 67vw;
//		  width: auto;
//		  height: auto;
//		  float: left; 
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  margin:2;
//		  padding:3; 
//		  background :#eb8;
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  background-color: #ffffff;
//		  border: 2px solid black; 
//		  border-top: 3px solid white; 
//		  border-bottom: 3px solid white; 
		  border-radius: .5em;
		  text-align: center;
		  vertical-align:middle;
//		  vertical-align:top;
		}

		div#contentcontainer {
		  position: relative;
//		  position: fixed;
//		  display: inline-block; 
		  display: block; 
//	      overflow: auto;
//		  display: flex; 
//		  margin:0px;
//		  margin:2px;
//		  margin-top:60px;  <!--This is for Fixed mainTitleBar-->
//		  border: 2px solid black; 
//		  padding:3px; 
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  float: left; 
//		  width: auto;
//		  width: calc(100vw - 20px);
		  width: calc(100% - 20px);
//		  min-width:calc(100vw - 20px);
//		  min-height: 850px;
//		  height: auto;
///		  overflow: scroll; 
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border-radius: .5em;
		  vertical-align:top;
		}

		div#sidelinks {
		  position: relative;
		  display: inline-block; 
//		  display: flex; 
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  float: left; 
		  width: 15px;
//		  min-width: 100%;
//		  height: auto;
		  margin:0px;
		  margin-top:50px;
		  padding:3px; 
///		  overflow: scroll; 
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
		  border: 2px solid black; 
		  border-radius: .5em;
		  vertical-align:top;
		}

		div#tableofcontents, #thirdparty {
//		  position: relative;
//		  display: inline-block; 
		  vertical-align:top;
		  text-align: center;
//		  display: flex; 
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  float: left; 
//		  width: 15px;
//		  min-width: 100%;
//		  height: auto;
//		  margin:0px;
//		  margin-top:50px;
//		  padding:3px; 
///		  overflow: scroll; 
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border: 2px solid black; 
//		  border-radius: .5em;
		}

//		.group:before,
//		.group:after {
//		  content: "";
//		  display: table;
//		}
//		.group:after {
//		  clear: both;
//		}
//		.group {
//		  clear: both;
//		  *zoom: 1;
//		}
		
		div#form {
		  position: absolute;
		  display:inline-block; 
//		  display:block; 
//		  float: left; 
//		  top: 32px;
//		  left: 248px;
//		  left: 275px;
		  left: 305px;
//		  width: 950px;
//		  width: 560px;
		  min-width: 560px;
		  max-width: 950px;
		  height: auto;
		  z-index: 1;
		  margin:2px;
		  padding:3px; 
//		  overflow: auto;
///		  overflow: scroll; 
//		  background-color: #f9f1f7;
		  background-color: white;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
		  border: 1px solid black; 
		  border-radius: .5em;
		  vertical-align:top;
		  opacity: 1;
		}

		div.button {
		  position: relative;
		  display:inline-block; 
		  width: auto;
//		  height: auto;
		  padding:2px;
//		  margin-top:50;
//		  margin-bottom:50;
		  margin:2px;
		  text-align:center;
		  vertical-align: middle;
//		  border-radius: .5em;
//		  border: 2px solid black; 
		  cursor: pointer;
		}

		div#submitbutton {
//		  position: absolute;
		  position: relative;
		  display:inline-block; 
//		  top: 50%;
//		  -ms-transform: translateY(-50%);
//		  transform: translateY(-50%);
		  width: auto;
//		  height: 150px;
		  padding:2px;
//		  margin-top:50;
//		  margin-bottom:50;
		  margin:2px;
//		  text-align:center;
//		  vertical-align: middle;
//		  border-radius: .5em;
//		  border: 2px solid black; 
		  cursor: pointer;
		  background-color: #FEFEFE;
		}

		div#filters {
		  position: relative;
		  display: inline-block;
		  height: auto; 
		  min-width: 550px; 
//		  width: auto; 
		  width: 82%; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
		  text-align: left;
		  vertical-align: middle;
//		  border: 1px solid blue; 
		}
		
		div#yaxis {
		  display: inline-block;
		  margin: 0px;
		  padding: 0px;
		  width: 80px;
		  vertical-align: middle;
		}

		div#misc {
		  position: relative;
		  display: inline-block;
		  min-width: 550px; 
		  width: 50%; 
//		  max-width: 40%; 
//		  width: 385px; 
		  height: auto; 
		  overflow: visible; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  text-align: left;
		  vertical-align: top;
		}

		div#numcolumns {
		  position: relative;
		  display: inline-block;
//		  min-width: 40%; 
//		  max-width: 100%; 
		  width: 100%; 
//		  width: 375px; 
//		  width: auto; 
//		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  text-align: left;
		  vertical-align: top;
		}

		div#orderby {
		  position: relative;
		  display: inline-block;
//		  min-width: 40%; 
		  width: 100%; 
//		  max-width: 100%; 
//		  width: 375px; 
//		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  text-align: center;
		  vertical-align: top;
		}

		div#controlblock {
		  position: relative;
		  display: block;
//		  min-width: 40%; 
		  width: 100%; 
//		  max-width: 100%; 
//		  width: 375px; 
//		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  text-align: center;
		  vertical-align: top;
		}

		div#showcolumns {
		  position: relative;
		  display: inline-block;
//		  max-width: 100%; 
//		  width: auto; 
		  width: 29%; 
		  min-width: 320px; 
		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  text-align: left;
		  vertical-align: top;
		}

		div.sort {
		  position: relative;
		  display: inline-block;
		  width: 32%; 
		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  vertical-align: top;
		  text-align: left;
		}

		div.sort2 {
		  position: relative;
		  display: inline-block;
		  width: 49%; 
		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  vertical-align: top;
		  text-align: left;
		}

		div.sort3 {
		  position: relative;
		  display: inline-block;
		  width: 30%; 
		  height: auto; 
		  overflow: hidden; 
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom:0px; 				  
		  padding:0px; 
//		  border: 1px solid blue; 
		  vertical-align: top;
		  text-align: left;
		}

		div#sidebartoggle {
		  display: block;
		  position: relative;
//		  position: fixed;
//		  position: absolute;
//		  top: 1px;
//		  left: 1px;
//		  width:18%;
//		  max-width: 240px;
//		  min-height: 950px;
		  float: left; 
//		  width:240px;
		  width:20px;
		  height: auto;
//		  height: 700px;
		  height: 100%;
//		  overflow: scroll; 
//		  overflow: auto; 
//		  overflow: hidden; 
//		  overflow-x: hidden; 
		  margin:0px;
//		  margin-left: -5px;
		  margin-right: 5px;
//		  padding:3px; 
		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em;
//		  text-align:center; 
		  text-align:left; 
		  vertical-align: middle;
		  z-index:10;
//		  flex:1;
		}
		div#sidebartoggleicon {
		  display: block;
		  position: relative;
//		  position: fixed;
//		  position: absolute;
//		  top: 1px;
//		  left: 1px;
//		  width:240px;
		  width:20px;
//		  width:18%;
//		  max-width: 240px;
//		  min-height: 950px;
		  float: left; 
		  height: auto;
//		  height: 700px;
//		  height: 100%;
//		  overflow: scroll; 
//		  overflow: auto; 
//		  overflow: hidden; 
//		  overflow-x: hidden; 
		  margin:0px;
//		  margin-left: -5px;
		  margin-right: 5px;
//		  padding:3px; 
		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em;
//		  text-align:center; 
		  text-align:left; 
		  vertical-align: middle;
		  z-index:10;
//		  flex:1;
		}
		div#sidebarcontainer {
		  position: relative;
//		  position: fixed;
//		  top: 62;
//		  left: 5;
		  display: inline-block;
		  height: 100 vh;
//		  width:240px;
//		  width:50px;
//		  flex:1;
//		  width:18%;
//		  max-width: 240px;
//		  min-height: 950px;
		  min-height: 850px;
//		  min-height: 750px;
//		  float: left; 
//		  height: auto;
//		  height: 700px;
//		  height: 80%;
//		  overflow: scroll; 
//		  overflow: auto; 
//		  overflow: hidden; 
		  overflow-x: hidden; 
//		  margin-top: 60px;  <!--This is for Fixed mainTitleBar-->
//		  margin-top: -10px;
		  margin-left: -10px;
		  margin-right: 5px;
		  padding:3px; 
		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em;
		  text-align:center; 
		  vertical-align: middle;
		  z-index:1;
		}
		div#sidebarcontainerscroll {
		  position: fixed;
		}
		div#sidebar {
		  width:250px;
//		  width:50px;
//		  position: fixed;
		  position: relative;
		  display: inline-block;
//		  flex:1;
//		  width:18%;
//		  max-width: 240px;
//		  min-height: 950px;
//		  float: left; 
//		  height: auto;
//		  height: 700px;
		  height: 100%;
//		  overflow: scroll; 
//		  overflow: auto; 
		  overflow: hidden; 
		  overflow-x: hidden; 
		  margin:2px;
		  margin-right: 5px;
		  padding:3px; 
		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em;
//		  text-align:center; 
		  text-align:left; 
		  vertical-align: middle;
//		  z-index:1;
		}

		div#summary {
//		  background-color: #e1e3d5;
//		  background-color: #f9f1f7;
//		  background-color:#FFFFFF;
//		  background-color:#FBFFFB;
//		  background-color:#FBFFF5;
//		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  width: 100%;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em .5em 0em 0em; 
//		  -moz-border-radius: .5em .5em 0em 0em;
//		  -webkit-border-radius: .5em .5em 0em 0em;
//		  display: inline-block;
//		  text-align: center;
		  vertical-align: middle;
		  overflow: hidden; 
		  margin: 2px; 
//		  margin-right: 4px;
		  padding: 0px; 
		}
		
		div#summarydiv {
//		  position: relative;
//		  background-color: #e1e3d5;
//		  background-color: #f9f1f7;
//		  background-color:#FFFFFF;
//		  background-color:#FBFFFB;
//		  background-color:#FBFFF5;
//		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  width: 100%;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em .5em 0em 0em; 
//		  -moz-border-radius: .5em .5em 0em 0em;
//		  -webkit-border-radius: .5em .5em 0em 0em;
//		  display: inline-block;
//		  text-align: center;
//		  vertical-align: middle;
//		  overflow: hidden; 
//		  margin: 2px; 
//		  margin-right: 4px;
//		  padding: 0px; 
		}

		div#summarytitlediv {
//		  position: relative;
//		  background-color: #e1e3d5;
//		  background-color: #f9f1f7;
//		  background-color:#FFFFFF;
//		  background-color:#FBFFFB;
//		  background-color:#FBFFF5;
//		  background-color: #f9f1f7;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  width: 100%;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  border: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-radius: .5em .5em 0em 0em; 
//		  -moz-border-radius: .5em .5em 0em 0em;
//		  -webkit-border-radius: .5em .5em 0em 0em;
//		  display: inline-block;
		  text-align: center;
//		  vertical-align: middle;
//		  overflow: hidden; 
//		  margin: 2px; 
//		  margin-right: 4px;
//		  padding: 0px; 
		}

		div#gutter {
//		  position: relative;
//		  display: inline-block;
//		  float: right;
////		  left: 19%;
////		  top: 300px;
//		  width: 5px;
//		  margin:2;
//		  padding:3; 
//		  height: auto;
////		  background-color: #000000;
////		  border-left: 1px solid black; 
////		  border-right: 1px solid black; 
//		}


		div#adblockside {
		  position: relative;
		  display: inline-block;
		  width: 215px;
//		  height: 200px;
//		  float: left; 
		  margin:5px;
//		  padding:3px; 
		  color: #FFFFFF;
//		  background-color: #FFFFFF;
		  background-color: #000000;
//		  border: 1px solid black; 
		  border-radius: .5em;
//		  align: center;
//		  text-align: center;
		}

		div#searchstats, div#currentsearchstats, div#yearusstats, div#searchhistorystats, div#historystats {
		  position: relative;
		  display: inline-block;
//		  width: 100%; 
		  font-size: .8em;
		  text-align: left;
//		  background-color:#f7f6f3;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
		  margin-top: 2px;
		  margin-left: 2px;
		  margin-right: 2px;
		  margin-bottom:2px; 				  
		  padding:2px; 
//		  border: 1px solid black; 
		  border-radius: .5em;
		}


		div#indexcontent {
//		  position: relative;
//		  display: inline-block;
//		  z-index: 5;
////		  float: left;
////		  left: 248px;
////		  top: 35px;
////		  top: 380px;
//		  width: auto;
//		  min-width: 1000px;
//		  min-height: 1000px;
//		  overflow: auto;
//		  margin:2px;
//		  left-margin:3px;
////		  padding:0px; 
////		  height: auto;
//		  background-color: #e1e3d5;
////		  background-color: #f9f1f7;
////		  background-color: brown;
//		  background-image:url(ImagesIcons/swatch_renn_gray.jpg);
////		  background:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
//		  border: 1px solid black; 
//		  border-radius: .5em;
//		}

		div#contentallyears {
//		  position: relative;
////		  position: absolute;
//		  display: inline-block;
//		  z-index: 5;
////		  flex:1;
////		  float: left;
////		  left: 262px;
//		  left: 20px;
//		  top: 0px;
////		  top: 32px;
////		  top: 380px;
////		  width: auto;
////		  min-width: 1100px;
////		  min-width: 70%;
////		  min-height: 1600px;
//		  overflow: visible;
////		  overflow: scroll;
//		  margin:2px;
//		  left-margin:5px;
//		  padding:3px; 
//		  height: auto;
////		  background-color:#FFFFFF;
//		  background-color:#FBFFFB;
////		  background-color:#FBFFF5;
////		  background-color:#f7f6f3;
////		  background-color: #f9f1f7;
////		  background-color: brown;
////		  background:url(ImagesIcons/swatch_renn_gray.jpg);
////		  background-image: url(ImagesIcons/swatch_renn_gray.jpg);
////		  background-position: top left;
////		  background-repeat: repeat;
//		  border: 1px solid black; 
//		  border-radius: .5em;
//		  opacity: 1;
//		}
		div#supercontent {
//		  position: relative;
		  position: absolute;
		  display: inline-block;
		  left: 20px;
		  top: 0px;
		  min-width: calc(100% - 286px);
//		  width: calc(100% - 20px);
		  width: 100%;
		  min-height: 1068px;
		  height: calc(100% - 200px);
		  height: auto;
		  overflow: auto;
//		  margin-top:60px;  <!--This is for Fixed mainTitleBar-->
		  padding:3px; 
		  background-color:#FBFFFB;
		  border: 1px solid black; 
		  border-radius: .5em;
		  opacity: 1;
//		  overflow: scroll;
		  z-index: 2;
		}
		div#content {
//		  position: relative;
		  position: absolute;
		  display: inline-block;
//		  flex:1;
//		  float: left;
//		  left: 262px;
		  left: 20px;
		  top: 0px;
//		  top: 32px;
//		  top: 380px;
//		  min-width: 1100px;
//		  min-width: 70%;
//		  min-width: 70%;
		  min-width: calc(100% - 286px);
//		  min-width: calc(100% - 20px);
//		  min-height: 850px;
//		  min-height: 1000px;
		  min-height: 1068px;
		  overflow: auto;
//		  overflow: hidden;
//		  overflow: visible;
//		  overflow: scroll;
//		  margin:2px;
//		  margin-top:60px;  <!--This is for Fixed mainTitleBar-->
//		  left-margin:5px;
		  padding:3px; 
		  height: auto;
//		  width: 100%;
//		  width: auto;
		  width: calc(100% - 20px);
//		  background-color:#FFFFFF;
		  background-color:#FBFFFB;
//		  background-color:#FBFFF5;
//		  background-color:#f7f6f3;
//		  background-color: #f9f1f7;
//		  background-color: brown;
//		  background:url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-image: url(ImagesIcons/swatch_renn_gray.jpg);
//		  background-position: top left;
//		  background-repeat: repeat;
		  border: 1px solid black; 
		  border-radius: .5em;
		  opacity: 1;
		  z-index: 3;
		}

//		div#content:hover {
//			transform: scale(.1);
//		}

		.scale {
			transform: matrix(0.1,0,0,0.1,-50%,-90%);
//			transform: translate(-50%,-90%);
//			transform: translate(-500px,-900px);
//			transform: scale(.1);
		}


		div#titleagencybureau {
//		  display: inline-block;
		  display: block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
		  margin-left:  	20px;
		  margin-right: 	50px;
		  padding-left: 20px; 
		  padding-right: 20px; 
		  width: auto;
		  height: auto;
		  white-space: nowrap;
//		  border-right: 2px solid black; 
//		  border-bottom: 1px solid black; 
		  text-align: center; 
//		  text-align: left; 
		  vertical-align:top;
		}

		div#titlerevenueside {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	50px;
//		  padding-left: 20px; 
		  padding-right: 10px; 
//		  width: auto;
		  width: 45%;
		  height: auto;
		  white-space: nowrap;
//		  border-right: 1px solid black; 
//		  border-left: 1px solid black; 
		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align: left; 
		  vertical-align:top;
		}

		div#titlerevenuesidepercent {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	50px;
//		  padding-left: 20px; 
		  padding-right: 10px; 
//		  width: auto;
		  width: 45%;
		  height: auto;
		  white-space: nowrap;
//		  border-right: 1px solid black; 
//		  border-left: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align: left; 
		  vertical-align:top;
		}

		div#titlerevenue {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	50px;
		  padding-left: 20px; 
		  padding-right: 10px; 
//		  width: auto;
		  width: 90%;
//		  width: 45%;
		  height: auto;
		  white-space: nowrap;
//		  border-right: 1px solid black; 
//		  border-left: 1px solid black; 
		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align: left; 
		  vertical-align:top;
		}

		div#titlerevenuesort {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	50px;
//		  padding-left: 20px; 
		  padding-right: 10px; 
//		  width: auto;
		  width: 45%;
		  height: auto;
		  white-space: nowrap;
//		  border-right: 1px solid black; 
//		  border-left: 1px solid black; 
		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align: left; 
		  vertical-align:top;
		}

		div#titleoutlaysside {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	20px;
		  padding-left: 20px; 
//		  padding-right: 20px; 
//		  width: auto;
		  width: 48%;
		  height: auto;
		  white-space: nowrap;
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align:left; 
		  vertical-align:top;
		}

		div#titleoutlayssidepercent {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	20px;
		  padding-left: 20px; 
//		  padding-right: 20px; 
//		  width: auto;
		  width: 48%;
		  height: auto;
		  white-space: nowrap;
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
//		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align:left; 
		  vertical-align:top;
		}

		div#titleoutlays {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	20px;
		  padding-left: 20px; 
//		  padding-right: 20px; 
//		  width: auto;
		  width: 90%;
//		  width: 48%;
		  height: auto;
		  white-space: nowrap;
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align:left; 
		  vertical-align:top;
		}

		div#titleoutlayssort {
		  display: inline-block;
		  margin-top: 	 	0px;
		  margin-bottom: 	0px;
//		  margin-left:  	20px;
//		  margin-right: 	20px;
		  padding-left: 20px; 
//		  padding-right: 20px; 
//		  width: auto;
		  width: 48%;
		  height: auto;
		  white-space: nowrap;
//		  border-left: 1px solid black; 
//		  border-right: 1px solid black; 
		  border-top: 1px solid black; 
//		  border-bottom: 1px solid black; 
//		  text-align: center; 
		  text-align:left; 
		  vertical-align:top;
		}


		div#budgettitlebar {
		  width: auto;
//		  float: left; 
//		  padding:5px; 
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  border-radius: .5em;
		  text-align: left;
		  margin:1px;
		}

		div#maincontent {
		  margin:10px; 
		  zoom: 1;
		  display: block;
		  padding: 2px; 
		  width: auto;
		  height: auto;
//		  white-space: nowrap;
//		  border: 1px solid green; 
//		  border-right: 1px solid black; 
//		  text-align:center; 
		}

		div#inlinetables {
		  white-space: nowrap;
//		  margin:10px; 
//		  zoom: 1;
//		  display: block;
//		  padding: 2px; 
//		  border: 1px solid green; 
//		  border-right: 1px solid black; 
		  text-align:center; 
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
		}
		div#receiptsblock {
		  position: relative;
		  display: inline-block;
//		  min-width: 1000px;
		  height:auto;
		  margin:1px; 
		  padding: 2px; 
		  vertical-align:top;
		  zoom: 1;
//		  display: inline;
//		  text-align:center; 
//		  border: 1px solid green; 
		  border-right: 2px solid black; 
		  z-index:8;
		}

		div#sourcesvgContainer, div#outlaysvgContainer {
		  position: relative;
		  display: inline-block;
		  min-width: 300px;
		  width:auto;
		  height:auto;
		  margin:1px; 
		  padding: 2px; 
		  vertical-align:top;
		  zoom: 1;
//		  display: inline;
//		  text-align:center; 
//		  border: 1px solid green; 
//		  border-right: 2px solid black; 
		  z-index:8;
		}

		.inlineblock {
		  position: relative;
		  display: inline-block;
		}

		div.inlineblockright {
		  position: relative;
		  display: inline-block;
		  text-align: right; 
		}

		div#fundtypeblocks {
		  position: relative;
		  display: inline-block;
//		  display: block;
		  width:99%;
		  height:auto;
		  margin:0px; 
		  padding: 0px; 
		  vertical-align:top;
		  zoom: 1;
		  *display: inline;
		  text-align: left; 
//		  border: 1px solid green; 
		  z-index:8;
		}

		div#genfundblock, div#offsetfundsblock, div#revofundsblock, div#notspentblock {
		  position: relative;
		  display: inline-block;
		  height:auto;
		  margin:0px; 
		  padding: 3px; 
		  vertical-align:top;
		  zoom: 1;
		  *display: inline;
		  font-size: .8em;
		  text-align: left; 
		  border-radius: .5em;
		  cursor: pointer;
		  border: 1px solid black; 
		  opacity:.9;
		  z-index:1;
		}

		div#genfundblock {
		  background-color:#99FF99;
		}
		div#offsetfundsblock {
		  background-color:#F3FFA0;
		}

		div#revofundsblock {
		  background-color:#A0FFF3;
		}

		div#notspentblock {
		  background-color:#BC8F8F;
		}

		div#realreceipts, #receiptadjust, #offsetreceipts, #realoutlays{
		  position: relative;
		  display: inline-block;
		  height:auto;
		  margin:2px; 
		  padding: 2px; 
		  vertical-align:top;
		  zoom: 1;
		  *display: inline;
		  text-align:left; 
		}

		div#outlaysblock {
		  position: relative;
		  display: inline-block;
		  height:auto;
		  margin:1px; 
		  padding: 2px; 
		  vertical-align:top;
		  zoom: 1;
//		  *display: inline;
//		  text-align:center; 
//		  border: 1px solid green; 
		  border-left: 2px solid black; 
		  z-index:8
		}

		div#citations {
		  position: relative;
		  display: block;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  width: 100%;
//		  height: auto; 
//		  float: left; 
//		  clear: left;
//		  clear: right;
		  clear: both;
		  margin-left: 2px;
		  margin-right: 2px;
		  margin-bottom:2px; 				  
		  padding:0; 
		  text-align: left;
		}
		
		div#mainfooter {
		  position: relative;
//		  position: fixed;
//		  position: absolute;
		  display: block;
//		  overflow: hidden; 
		  bottom: 0;
		  left: 0;
		  right: 0;
		  min-width: 100vw;
//		  width: auto;
//		  width: 98%;
//		  width: 100%;
//		  min-width: 105%;
//		  width: 101vw;
//		  height:auto;
//		  height:170px;
//		  margin:-5px -5px -5px -5px;
//		  margin-top:-170px;
		  margin-top: 5px;
		  margin-bottom:-8px;
		  margin-left:-8px;
		  margin-right:-8px;
		  border: 0px; 
		  padding:0px;
		  padding-top:5px;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  background-color: #F3FFA0;
		  background-color: #AAAA75;
		  
//		  background-color: #FFDD2A;
//		  border-radius: .5em;
//		  border-top: 3px solid white; 
//		  border-bottom: 3px solid white; 
		  text-align: left;
		  vertical-align:middle;
		}

		div#adfooter {
		  position: relative;
		  display: block;
//		  margin-left: 5vw;
//		  margin-left: 50px;
//		  margin-right: 5px;
		  margin-top:5px; 				  
		  margin-bottom:2px; 				  
		  padding:0px; 
		  background-color: #000000;
//		  width: 90vw;
		  width: 90%;
		  height: auto; 
//		  float: left; 
		  left: 50%;
		  -webkit-transform: translate(-50%,0%);
		  transform: translateX(-50%);
//		  clear: both;
//		  border: 2px solid black; 
//		  border-top: 3px solid white; 
//		  border-bottom: 3px solid white; 
		  border-radius: .5em;
		  text-align: center;
		}

		div#footer {
		  position: relative;
		  display: block;
//		  margin-left: 5vw;
//		  margin-left: 50px;
//		  margin-right: 5px;
		  margin-top:2px; 				  
//		  margin-bottom:5px; 				  
		  padding:0px; 
		  background: #996633 url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
//		  width: 90vw;
		  width: 90%;
		  height: auto; 
//		  float: left; 
		  left: 50%;
		  -webkit-transform: translate(-50%,0%);
		  transform: translateX(-50%);
//		  clear: both;
		  text-align:center;
		  border-radius: .5em;
		}

		div#agdescribe {
		  height: auto; 
		}

		.inline {
		  position: relative;
		  display: inline-block;
		  vertical-align: top;
		}

		div.loading {
		  position: relative;
		  display: inline-block;
		  vertical-align: top;
		  margin-left: 20px;
//		  height: 20px; 
		}

		div#loadingbarcontainer {
		  position: relative;
		  display: inline-block;
		  vertical-align: top;
		  width: 200px;
//		  margin-left: 50px;
		  margin: 3px;
		  height: 4px; 
		  border: 1px solid black; 
		}
		
		div#loading {
		  position: relative;
		  display: block;
		  vertical-align: top;
		  background: #55AAAA; 
//		  width: 90%;
//		  height: 90%;
		  height: 4px; 
//		  margin-left: 1px;
//		  height: 20px; 
		}

		div#loadingtext {
		  position: relative;
		  display: inline-block;
		  margin-left: 30px;
		  margin-right: 30px;
//		  vertical-align: top;
//		  width: 90%;
//		  height: 90%;
//		  height: 14px; 
//		  margin: 3px;
//		  height: 20px; 
		}

//		div.inlineline {
//		  position: relative;
//		  display: inline;
//		  vertical-align: top;
//		  float: left;
//		}

		div.nocolor {
		  position: relative;
		  display: inline-block;
		  width: 30px;
		  height: 8px;
		  vertical-align:middle;
		  border: 2px solid white;
		}

		div.green {
		  position: relative;
		  display: inline-block;
		  width: 30px;
		  height: 8px;
		  vertical-align:middle;
		  background-color: #00AA00;
		}
		div.black {
		  position: relative;
		  display: inline-block;
		  width: 30px;
		  height: 8px;
		  vertical-align:middle;
//		  background-color: #000000;
		  border: 2px solid black;
		}
		div.red {
		  position: relative;
		  display: inline-block;
		  width: 250px;
		  height: 16px;
		  vertical-align:middle;
//		  background-color: #EF0000;
//		  border: 1px solid red;
		}

		div.red2 {
		  position: relative;
		  display: inline-block;
		  width: 250px;
		  height: 16px;
		  vertical-align:middle;
//		  background-color: #EF0000;
//		  border: 1px solid red;
		}
		
		div.black2 {
		  position: relative;
		  display: inline-block;
		  width: 1px;
		  height: 60px;
		  vertical-align:middle;
//		  background-color: #EF0000;
		  border: 3px solid black;
		}
		div.yellow2 {
		  position: relative;
		  display: inline-block;
		  width: 1px;
		  height: 60px;
		  vertical-align:middle;
//		  background-color: #EF0000;
		  border: 3px solid yellow;
		}
		div.green2 {
		  position: relative;
		  display: inline-block;
		  width: 1px;
		  height: 60px;
		  vertical-align:middle;
//		  background-color: #EF0000;
		  border: 3px solid green;
		}
		div.blue2 {
		  position: relative;
		  display: inline-block;
		  width: 1px;
		  height: 60px;
		  vertical-align:middle;
//		  background-color: #EF0000;
		  border: 4px solid blue;
		}

		div.left {
		  text-align:left;
		}
		div#bargraphdiv {
//		  position: relative;
//		  display: inline;
//		  font-size:35%;
//		  vertical-align: bottom;
		  padding:1; 
		  margin:1;
		}

		div#version {
		  position: relative;
		  display: inline;
		  font-size:35%;
		  vertical-align: bottom;
//		  text-align: right;
//		  color: #000000;
		  color: #FFDD2A;
//		  padding:-3; 
//		  margin:-3;
		}
		#outcategories, #rcptcategories{
		  display: inline-block;
//		  border: 1px solid black;
		  width: calc(100%-80px);
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  margin:10; 
		  padding:10; 
		}

		div.document {
		  position: relative;
		  display: block;
//		  font-size:35%;
		  vertical-align: bottom;
//		  text-align: right;
//		  color: #FFDD2A;
		  padding:3px; 
		  margin-left:75px;
		  margin-right:75px;
		}

		div#budgetdata {
//		  position: relative;
//		  display: block;
//		  width:95%;
//		  vertical-align:top;
//		  text-align:center;
//		  margin: 0px;
		}


		div#docscontrolsname, #searchcontrolsname, #searchtoggleicondiv, 
			#ussearchfilterstoggleicon, #ussearchfiltersname, 
			#ledgercontrolsname, #ledgercontrolstoggleicon, 
			#plotcontrolstoggleicon, #plotcontrolsname, 
			#budgetlegendtoggleicondiv, #graphtoggleicondiv,  
			#sourcetoggleicondiv, #allocationtoggleicondiv:hover{
		  cursor: pointer;
		}

		table {
		  white-space: normal;
		  height: auto; <!--important for chrome to work?-->
		}

		table.content {
		  position: relative;
		  display: inline-table;
		  width: 100%; 
		  table-layout: auto;
//		  table-layout: fixed;
		  border: 1px solid black;
		}

		table.fundblocks {
		  position: relative;
		  display: inline-table;
		  width:100%; 
//		  table-layout: auto;
//		  table-layout: fixed;
		  border: 1px solid black;
		  border-radius: .5em;
		}

		table.contentsums {
		  position: relative;
		  display: table;
		  width:100%; 
		  table-layout: auto;
//		  left: 44px;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  float: right;
//		  table-layout: fixed;
		  border: 1px solid black;
		}

//		table.contentcollapse {
//		  position: relative;
//		  display: inline-table;
//		  visibility: collapse;
//		  width:100%; 
////		  table-layout: auto;
//		  border: 1px solid black;
//		}

		table.statsummary {
		  position: relative;
		  display: inline-table;
		  width:100%; 
//		  table-layout: auto;
		  border: 1px solid black;
		  border-collapse: collapse;
		}

		table#navbar1 {
		  position: relative;
//		  flex-direction:row-reverse;
		  display: inline-table;
//		  align-self: center;
		  float: left;
//		  left: 50%;
//		  -webkit-transform: translate(5%,0%);
//		  transform: translateX(5%);
		  vertical-align:middle;
		  overflow: visible;
		}
		
		table#navbar2 {
		  position: relative;
		  display: inline-table;
//		  align-self: flex-end;
		  float: right;
//		  left: 500px;
//		  -webkit-transform: translate(-100%,0%);
//		  transform: translateX(-100%);
		  overflow: visible;
		}

		#navbaradmin {
		  position: absolute;
		  display: none;
		  padding-left: 30px;
		  padding-right: 30px;
//		  right: 0px;
//		  left: auto;
//		  float: right;
//		  left: 275px;
//		  width: auto;
//		  min-width: 560px;
//		  max-width: 950px;
//		  height: auto;
//		  z-index: 1;
//		  align-self: flex-end;
//		  float: right;
//		  left: 500px;
//		  -webkit-transform: translate(-100%,0%);
//		  transform: translateX(-100%);
		}

		table.center {
		  position: relative;
//		  flex-direction:row-reverse;
		  display: inline-table;
//		  width:95%;
//		  float: left;
		  left: 50%;
		  -webkit-transform: translate(-50%,0%);
		  transform: translateX(-50%);
		}

		table#bargraph {
		  position: relative;
		  display: inline-table;
		  border-collapse: collapse; 
//		  border-collapse: separate; 
//		  margin-bottom: 2px; 
//		  padding-bottom: 2px; 
//		  height: 110%;
		  min-width: 1380px;
		  width: 96%;
//		  width: 196%;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  -webkit-transform: translate(2%,0%);
//		  transform: translateX(2%);
		  border: 1px solid black;
		  border-bottom: 0px solid black;
//		  table-layout: auto;
		  table-layout: fixed;
//		  overflow: visible;
//		  overflow: auto;
		}

		table#bargraphtitle {
		  position: relative;
		  display: inline-table;
//		  width:95%;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
//		  width: 95%;
		  border: 0px solid black;
		  table-layout: auto;
		  text-align: center;
		}
		
		th.outheader {
		  font-size:80%;
////		  white-space: nowrap;
////		  text-align: left;
////		  padding-left: 10px;
////		  width:60%; 
		}

//		th.rcptheader:hover{
//		  border:1px solid #7A7A7A;
//		  background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
//		  background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
//		  cursor: pointer;
//		}
//
//		th.outheader:hover{
//		  border:1px solid #7A7A7A;
//		  background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
//		  background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
//		  cursor: pointer;
//		}

		tr.acctrow:hover{
		  border:1px solid #7A7A7A;
		  background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
		  background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
		  cursor: pointer;
		}

//		tr.outheader:hover{
//		  border:1px solid #7A7A7A;
//		  background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
//		  background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
//		  background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
//		  cursor: pointer;
//		}

		th.rcptheader {
		  font-size:80%;
//		  text-align: left;
//		  padding-left: 10px;
//		  width:80%; 
		}


//		th#loadusfederal {
//		  background:#dd5555; 
//		}

		th.searchdrops {
		  width:50%; 
		  min-width:150px; 
//		  text-align: center;
		}
		.left {
//		  width:50%; 
//		  min-width:150px; 
		  text-align: left;
		}
		th.budgethead {
//		  width:100%; 
		  font-size: 84%;
		  text-align: center;
		  border: 1px solid black;
		  white-space: normal;
		  word-wrap: normal;
		}
		th.navbar {
		  display           :inline-block;
		  vertical-align	:middle;
		  padding           :3px;
//		  padding-top       :20px;
//		  padding-bottom    :20px;
//		  border            :1px solid #777;
//		  background        :#ddd;
//		  font-family		:times;
		  font-size			:90%;
		  color             :#004444;
		  margin-right      :5px;
//		  border-radius     :4px;
//		  -moz-box-shadow   :1px 1px 1px #888;
//		  -webkit-box-shadow:1px 1px 1px #888;
//		  box-shadow        :1px 1px 1px #888;
//		  height			:90%;
		  cursor: pointer;
		}

		.menu {
		  display           :inline-block;
		  vertical-align	:middle;
//		  padding           :5px;
		  padding           :3px 3px;
//		  padding-top       :20px;
//		  padding-bottom    :20px;
		  border            :1px solid #777;
		  background        :#ddd;
		  font-family		:times;
		  font-size			:100%;
//		  color             :#004444;
		  color             :#000000;
		  margin-right      :4px;
		  border-radius     :4px;
		  -moz-box-shadow   :1px 1px 1px #888;
		  -webkit-box-shadow:1px 1px 1px #888;
		  box-shadow        :1px 1px 1px #888;
//		  height			:90%;
		  cursor			: pointer;
		}
		.menu:hover {
		  color             :#009900;
		}
//		.menu:visited {
//		  color:#333333;
//		}

		tr.narrow {
		  margin:0px;
		  padding:0px;
		  cellspacing:0px;
		  border: 0px;
//		  height:20px;
//		  border:none;
//		  vertical-align:bottom
		  vertical-align:center
		}

		tr#bargraphyears {
		  margin:1px;
//		  border-collapse: separate; 
		  margin-bottom:2px;
		  padding:0px;
//		  padding-bottom:2px;
		  cellspacing:0px;
		  border: 0px;
//		  height:60px;
//		  border:none;
		  border-bottom: 1px solid black;
		}

		.vertical-text {
		  display: inline-block;
		  overflow: hidden;
		  width: 1.5em;
		}
		.vertical-text__inner {
		  display: inline-block;
		  white-space: nowrap;
		  line-height: 1.5;
		  transform: translate(0,100%) rotate(-90deg);
		  transform-origin: 0 0;
		}
		
		td {
		  padding:1px;
		  cellspacing:1px;
//		  text-align: center;
//		  border-bottom: 1px solid gray;
		  word-wrap: normal;
//		  border:none;
		}

		td.nowrap {
		  white-space: nowrap;
		  text-align: left;
		}

		td.noborder {
		  padding:1px;
		  cellspacing:1px;
//		  text-align: center;
		  text-align: right;
		  border:none;
		}

		td.bottomborder {
//		  padding:1px;
//		  cellspacing:1px;
//		  text-align: center;
		  border-bottom: 1px solid gray;
		  word-wrap: normal;
//		  border:none;
		}

		td.topborder {
		  padding:1px;
		  cellspacing:1px;
//		  text-align: center;
		  border-top: 1px solid gray;
		  border-bottom:none;
		}

		td#yaxiscell {
		  margin:0px;
		  padding:0px;
		  cellspacing:0px;
		  border: 0px;
//		  cursor: pointer;
//		  max-width:16px;
//		  border:none;
		}

		td.bargraphcell {
		  margin:0px;
		  padding:0px;
		  cellspacing:1px;
		  border: 0px;
		  cursor: pointer;
//		  max-width:16px;
//		  border:none;
		}

		td.vertical {
		  font-family:arial;
		  font-size:75%;
	      text-align:center;
		  color:#004444;
//		  height:18px
		  margin: auto;
//		  margin:0px;
//		  margin-left:0px;
//		  margin-bottom:1px;
//		  margin-bottom:10px;
		  padding:0px;
//		  cellspacing:1px;
		  border: 0px ;
//		  border: .5px solid black;

		  -webkit-transform: rotate(-90deg);
		  -moz-transform: rotate(-90deg);
		  -ms-transform: rotate(-90deg);
		  -o-transform: rotate(-90deg);
		  transform: rotate(-90deg);
		
		  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
		  -webkit-transform-origin: 50% 50%;
		  -moz-transform-origin: 50% 50%;
		  -ms-transform-origin: 50% 50%;
		  -o-transform-origin: 50% 50%;
		  transform-origin: 50% 50%;
		
		  max-width:20px; <!--important or the cell will take the width of unrotated content-->
		  min-height:40px; //!important or the cell will take the height of unrotated content 

		  /* Should be unset in IE9+ I think. */
		  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		}

//		span.th { 
//		  writing-mode: sideways-lr; /* +90°: use 'tb-rl' */
//        text-align: left;          /* +90°: use 'right' */
//        padding:10px 5px 0; }
          
		th.code {
		  padding:3px;
		  margin:2px;
		  cellspacing:2px;
		  vertical-align:middle;
		  text-align:center; 
		}
		th#loginmenuicon {
		  padding: 0px;
		  margin-right: 10px;
		  cellspacing: 1;
//		  min-width: 200px;
//		  color: #FFFFFF;
		  text-align: center;
//		  border-bottom: 1px solid gray;
		  vertical-align: middle;
//		  border:none;
		}
		th.titletext {
		  padding: 0;
		  margin: 0;
		  cellspacing: 1;
		  min-width: 200px;
//		  color: #FFFFFF;
		  text-align: center;
//		  border-bottom: 1px solid gray;
		  vertical-align: middle;
//		  border:none;
		}
		.budgetselection {
		  border: 1px solid black;
		  border-radius: 0.5em;
		  cursor: pointer;
//		  margin: 3px;
		  padding: 3px;
		  background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
		  background-image: -webkit-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: -o-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#CFCFCF);
		}

		.budgetselection:hover{
		  border:1px solid #7A7A7A;
		  background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
		  background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
		}

		td.collapsible {
		  visibility: visible;
		}
		td.isolate {
		  padding:1;
		  margin:0;
		  cellspacing:0;
		  border: 1px solid black;
		}
		td.fundtypeblock {
		  vertical-align:top;
		  text-align:center; 
		  width:20%; 
		}
		td.numbersum {
//		  vertical-align:top;
		  text-align:center; 
		  border: 1px solid black;
		}
		td.important {
//		  border: 2px solid black;
		  background-color: #FFFFFF;
		}
		td.maincolumn {
		  vertical-align:top;
//		  text-align:center; 
		  border: 1px solid black;
		}
		td.small {
		  font-size:80%;
		  padding:3px;
		  margin:2px;
		  cellspacing:2px;
		  border-bottom: 1px solid gray;
		  word-wrap: normal;
//		  vertical-align:middle;
//		  cursor:pointer;
//		  text-align:center; 
		}

		td.smallred {
		  font-size:80%;
		  padding:3px;
		  margin:2px;
		  cellspacing:2px;
		  vertical-align:middle;
		  border-bottom: 1px solid gray;
		  word-wrap: normal;
//		  text-align:center; 
		  color: red;
		}
		
		td.code {
		  padding:3px;
		  margin:2px;
		  cellspacing:2px;
		  border-bottom: 1px solid gray;
		  word-wrap: normal;
		  vertical-align:middle;
		  text-align:center; 
		}
		td.number {
		  padding:3px;
		  margin:2px;
		  cellspacing:2px;
		  vertical-align:top;
		  text-align:center; 
//		  text-align:right; 
		}
		td.arrow {
		  background: url(ImagesIcons/TriangleArrow-RightSmall.png) no-repeat;
		  background-position: 0 1px;
		  padding-left: 20px;
		}					
		th.arrow {
		  background: url(ImagesIcons/TriangleArrow-RightSmall.png) no-repeat;
		  background-position: 10 1px;
		}
		li, .button {
		  display           :inline-block;
		  padding           :3px 3px;
		  border            :1px solid #777;
		  border-radius: 0.5em;
		  cursor: pointer;
		  margin: 5px;
		  padding: 3px;
		  background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
		  background-image: -webkit-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: -o-linear-gradient(top, #FFFFFF, #CFCFCF);
		  background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#CFCFCF);
		}
		.button:hover{
		  border:1px solid #7A7A7A;
		  background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
		  background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
		  background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
		}

		input.navbar {
		  display: inline-block;
		  margin: 0px;
		  padding: 0px;
		  width: 80px;
		  vertical-align: middle;
		}
//		input.button {
//		  display: inline-block;
//		  margin: 0px;
//		  padding: 0px;
//		  width: 80px;
//		  height: 100px;
//		  vertical-align: middle;
//		  cursor: pointer;
//		}
		hr {
		  display: inline-block;
		  width: 100%;
		  margin-top: 0.1em;
		  margin-bottom: 0.1em;
//		  margin-top: 0px;
//		  margin-bottom: 0px;
//		  margin-top: 1px;
//		  margin-bottom: 1px;
		  margin-left: auto;
		  margin-right: auto;
		  border-style: inset;
		  border-width: 1px;
		}
		h0 {
		  font-size:250%;
		  color: #FFDD2A;
		  padding:0; 
		  margin:0;
		  text-align: center;
		  vertical-align: middle;
		}
		h0.longtitle {
//		  font-family: 1em ariel;
		  font-size:175%;
//		  color: #000000;
		  color: #FFDD2A;
		  padding:0; 
		  margin:0;
		  text-align: center;
		  text-align: left;
		  vertical-align: middle;
		}
		h1 {
		  font-size:200%;
		  color: #FFDD2A;
		  padding:0; 
		  margin:0;
//		  margin-left:30%;
//		  margin-left:400px;
//		  text-align: center;
		}
		h1.yearly {
//		  margin:0;
//		  margin-left:30%;
		  margin-left:400px;
//		  text-align: center;
		}
		h1.overview {
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
		  text-align: center;
		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
		  border-radius: .2em;
		}
		h3.overview {
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
		  text-align: center;
		  background: url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
		  border-radius: .2em;
		}
		h1.overview2 {
		  font-size:100%;
//		  left: 50%;
//		  -webkit-transform: translate(-50%,0%);
//		  transform: translateX(-50%);
		  text-align: center;
		}
		h2 {
		  font-size:150%;
		  padding:0; 
		  margin:0;
		  text-align:center;
		}
		h2.footer {
		  font-size:150%;
		  color: #FFDD2A;
		  padding:0; 
		  margin:0;
		  text-align:center;
		}
		h3 {
		  font-size:150%;
		  padding:0; 
		  margin:0;
		  text-align: center;
		  background-color:#CCCCDD;
		}
		h3.a {
		  font-size:150%;
		  padding:0; 
		  margin:0;
		  text-align: center;
		  color: #FFDD2A;
		  background: #996633 url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
		}
		h4 {
		  font-size:100%;
		  padding:0; 
		  margin:0;
		  text-align:center;
		}
		h4 {
//		  padding:2px; 
//		  margin:-2px;
		  vertical-align:bottom;
		  text-align:center;
//		  background-color: #f9f1f7;
//		  background-color:#CCCCDD;
		}
		.gray {
		  background-color:#CCCCDD;
		  border-radius: .1em;
		}
		.leftgray {
		  background-color:#CCCCDD;
		  border-radius: .1em;
		  text-align:left;
		  font-size:90%;
		}
		h4.left {
		  font-size:100%;
		  padding:0; 
		  margin:0;
		  text-align:left;
		}
		h4#cornerblock {
		  font-size:125%;
		  padding:0; 
		  margin:0;
		  text-align:center;
		  background-color:#CCCCDD;
		}
		h4.search {
		  font-size:125%;
		  padding:0; 
		  margin:0;
		  text-align:center;
		  vertical-align:bottom;
		  background-color:#CCCCDD;
		  border-radius: .5em;
		  cursor: pointer;
		}
		h4.searchright {
		  font-size:100%;
		  padding:0; 
		  margin:0;
		  text-align:right;
		  z-index:9
		  background-color:#CCCCDD;
		  border-radius: .5em;
		}
		h4.title {
		  display: inline-block;
		  font-size:125%;
		  padding:2px; 
		  margin:0px;
		  color: #FFDD2A;
		  border-radius: .4em;
		  background: #996633 url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
		}
		h4.subtitleblock {
		  font-size:125%;
		  padding:2px; 
		  margin:0px;
		  text-align: center;
//		  color: #FFDD2A;
//		  border-radius: .4em;
//		  background: #996633 url(ImagesIcons/leatherswatch2.jpg) repeat top left; 
		}
		h10 {
		  font-size:300%;
		  padding:0; 
		  margin:0;
		  text-align: center;
//		  background-color:#000000;
		}
		h11 {
		  font-size:100%;
		  padding:0; 
		  margin:0;
		  text-align: center;
		}
 		i {
		  padding:0; 
		  margin:0;
		}
		stronger {
		  font-size:125%;
		}
		strong {
		  font-size:100%;
		}
		small {
		  font-size:80%;
		}
		smaller {
		  font-size:75%;
		}
		reallysmall {
		  font-size:50%;
		}
		black {
		  color: #111111;
		}
		red {
		  color: red;
		}
		c {
		  font-size:100%;
		  text-align:center;
		}						

		button {
		  padding:5;
		  margin:10;
		  vertical-align: middle;
		  z-index:9;
		}

//		a:link, a:visited {
//		    color: (internal value);
//		    text-decoration: underline;
//		    cursor: auto;
//		}
//		
//		a:link:active, a:visited:active {
//		    color: (internal value);
//		}

		a {
		  color:#000000;
//		  color:#009900;
		  text-decoration: none;
		}

//		a:link {
//		  color: red;
//		  color:#004444;
//		}
		
		a:visited {
		  color:#333333;
		}

		/* mouse over link */
		a:hover {
		    color: #009900;
		}
		
//		a:active {
//		    color: blue;
//		}

		.access {
//		    width: 100%;
		    min-width: 120px;
//		    max-width: 400px;
		    max-width: 100%;
		}

		.access2 {
		    width: 170px;
		}
//		.access ul li ul {
//		    width: 230px;
//		}
//		.access ul li ul li a,
//		.access ul li.current-menu-item ul li a,
//		.access ul li ul li.current-menu-item a,
//		.access ul li.current_page_ancestor ul li a,
//		.access ul li.current-menu-ancestor ul li a,
//		.access ul li.current_page_item ul li a {
//		    font-size: 7px;
//		}
//		.access ul li ul li ul {
//		    left: 230px;
//		}
	  #stat1, #stat2, #stat3, #stat4, #stat5, #stat6,
	  #stat7, #stat8, #stat9, #stat10, #stat11, #stat12,
	  #stat13, #stat14, #stat15, #stat16, #stat17, #stat18,
	  #stat19, #stat20, #stat21, #stat22,
	  #stat31, #stat32, #stat33, #stat34, #stat35, #stat36, #stat37
	   {
		float: right; 
//		display: inline-block;
//	    max-width: 20%;
//	    border: 1px solid black;
//	    margin: 5px;
	  }
		
		img {
//		    z-index: 8;
//		    opacity: 0.5;
		  vertical-align:middle;
		}

		img#drawing {
		    z-index: 8;
		    opacity: 0.5;
		}

		.imgframe { 
//			background:#ffffff;
//		    padding:2px;
		    border: 1px solid red; 
		}
		canvas {
	        display: visible;
//     		position: absolute;
//		  	width: auto;
//		  	height: auto;
//    		border: 1px solid red;
			margin: 0px;
		    opacity: .7;
		    z-index: 9;
		}
		canvas#yaxis {
			position: absolute;
	        display: visible;
//			top:0;
//			bottom: 0;
//			left: 0;
//			right: 0;
//			margin:auto;
			margin: 0px;
			padding: 0px;
vertical-align: top;
		}