/*Element Based CSS*/

BODY { 
	FONT-family:arial, sans-serif;
	font-size:12pt; 
}
	TD{
		FONT-family:arial, sans-serif;
		font-size:12pt; 
	}
	FORM, FIELDSET, SELECT, OPTION, div, span{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px;
	}
	 

/*Sets the properties of the Go Buttons within this page*/
	INPUT {
		PADDING-RIGHT: 1px;
		PADDING-LEFT: 1px;
		FONT-SIZE: 11px;
		PADDING-BOTTOM: 1px;
		MARGIN-LEFT: 5px;
		COLOR: #000;
		PADDING-TOP: 1px;
		BACKGROUND-COLOR: #adf;
		border-right-color: #777;
		border-right-width: 1px;
		border-right-style: solid;
		border-left-color: #777;
		border-left-width: 1px;
		border-left-style: solid;
		border-top-color: #777;
		border-top-width: 1px;
		border-top-style: solid;
		border-bottom-color: #777;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	select {
		width: 150px;
	}


























/*Class Based CSS*/

/*Sets the properties of the container that will look and feel like a tab viewing area*/
.panelholder {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND-color: White;
	background-image: url(holderbg.jpg);
	background-repeat: repeat-x;
	PADDING-BOTTOM: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	PADDING-TOP: 20px;
}
/*Sets the properties of the container that actually houses the data*/
.panel {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	FLOAT: left;
	COLOR: #333;
	BACKGROUND-COLOR: #fff;
	TEXT-ALIGN: center;
}
/*Sets the top border of the container to give a 3d look to the tab viewing area*/
.topborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
/*Sets the look of the tabs*/
.tabnav {
	PADDING-LEFT: 6px;
	background-image:  url(Images/tab_bottom.gif) ;
	background-repeat: repeat-x;
	background-position: 50%;
	background-position: bottom;
	MARGIN: 0px;
	HEIGHT: 22px;
	
}

/*Sets the look of the Line Item within the Tab
	which is used to generate the tabs*/
.tabnav LI {
	PADDING-RIGHT: 0px;
	DISPLAY: inline;
	PADDING-LEFT: 0px;
	background-image:  url(Images/tabbg2.jpg) ;
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: Silver;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
/*Sets the properties when a hyperlink is located within the tab*/
.tabnav A:link {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	PADDING-RIGHT: 12px;
	PADDING-LEFT: 12px;
	background-image:  url(Images/tabbg2.jpg) ;
	background-repeat: repeat-x;
	background-position:0px;
	background-position:-22px;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	FONT-family: arial, sans-serif;
	font-size:12px;
	line-height: 16px;
	COLOR: #666;
	MARGIN-RIGHT: 0px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
}

.tabnav A{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	PADDING-RIGHT: 12px;
	PADDING-LEFT: 12px;
	background-image:  url(Images/tabbg2.jpg) ;
	background-repeat: repeat-x;
	background-position:0px;
	background-position:-22px;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	FONT-family: arial, sans-serif;
	font-size:12px;
	line-height: 16px;
	COLOR: #666;
	MARGIN-RIGHT: 0px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
}
/*Sets the properties when a visited hyperlink is located within the tab*/
.tabnav A:visited {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	PADDING-RIGHT: 12px;
	PADDING-LEFT: 12px;
	background-image:  url(Images/tabbg2.jpg) ;
	background-repeat: repeat-x;
	background-position:0px;
	background-position:-22px;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	FONT-family: arial, sans-serif;
	font-size:12px;
	line-height: 16px;
	COLOR: #666;
	MARGIN-RIGHT: 0px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
}
/*Sets the properties when a hyperlink is located within the Line Item which is within the tab
	also changes the look for the selected tab*/
.tabnav li A.active:link {
	BACKGROUND-IMAGE: none;
	COLOR: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid ;
	border-bottom-color: #fff ;
	BACKGROUND-COLOR: #fff;
	font-weight: bold;
}


.tabnav li A.active {
	BACKGROUND-IMAGE: none;
	COLOR: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid ;
	border-bottom-color: #fff ;
	BACKGROUND-COLOR: #fff;
	font-weight: bold;
}
/*Sets the properties when a visited hyperlink is located within the Line Item which is within the tab
	also changes the look for the selected tab*/
.tabnav li A.active:visited {
	BACKGROUND-IMAGE: none;
	COLOR: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: White;
	BACKGROUND-COLOR: #fff;
	font-weight: bold;
}

/*Sets the mouse over properties when a hyperlink is located within the Line Item*/
.tabnav li A:hover {
	BACKGROUND-IMAGE: none;
	COLOR: #000;
	cursor: pointer; 
	cursor: hand;
}


/*This is set as the class for the boilerplate when extra space is required for content i.e. multi-county subfunction; similar county function, subfunction, program*/
.BoilerPlateAdjustment {
	TOP: 1460px;
}


#pnlByLine{
	position: relative;
	top: 150px;
}

#byLineBorder{
	position: relative;
	top: 150px;
}
















/*ID Based CSS*/

/*sets the banner for the page*/
#topImage {
	Z-INDEX: 104;
	LEFT: 0px;
	WIDTH: 1000px;
	POSITION: absolute;
	TOP: 8px;
	HEIGHT: 175px;
	height: 175;
	background-image: url(Images/SampleBanner.jpg);
	background-repeat: no-repeat;
}
#sidebar{
	background-image: url(Images/sideBar.jpg);
	background-repeat: no-repeat;
	height: 1200px;
	width: 25px;
	position: absolute;
	left: 39px;
}


/*pnlMainPage contains all other panels*/
#pnlMainPage{
	
}
/*This controls the positioning of thehyperlinks at the top 
	the ones used for page navigation*/
#pnlPageNav {
	Z-INDEX: 106;
	LEFT: 260px;
	POSITION: absolute;
	TOP: 130px;
	TEXT-ALIGN: center;
	Height: 32px;
	Width: 544px;
	font-size: 12pt;
}

/*this id is the page title just below the main navigation*/
#pnlPageTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	PADDING-BOTTOM: 15px;
	MARGIN: 0px;
	Z-INDEX: 105;
	LEFT: 167px;
	POSITION: absolute;
	TOP: 180px;
	Height: 32px;
	Width: 700px;
	text-align: center;
}
/*This is the id of the span within pnlPageTitle*/
	#Title{
		
		}



/* This is the ID for the div that contains the page instructions 
	it is located at the top of the page*/
#pnlPageInstructions {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	WIDTH: 750px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: left;
	Z-INDEX: 101;
	LEFT: 145px;
	POSITION: absolute;
	TOP: 230px;
	Height: 165px;
	Width: 735px;
	overflow: auto;
}
/*The following id is for the span inside of the pnlPageInstructions Div
	this span contains the actual text being rendered*/
	#PageInstructions{
	}




/*the following id's are tied to the dropdowns in the middle of the page
	they are used to make the initial selections required for generating a graph*/

/*These id's reference 
		the div that wraps arround the State dropdown and its corresponding elements
		the label to the left of the drop down
		the select tag that generates the dropdown
		the ID of the dropdown
		theID of the Go Button*/

#pnlState {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	Z-INDEX: 102;
	LEFT: 64px;
	POSITION: absolute;
	TOP: 400px;
	Height: 24px;
	MARGIN: 0px;
	WIDTH: 830px;
	PADDING-TOP: 6px;
	BACKGROUND-COLOR: Silver;
	TEXT-ALIGN: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	
}
	#lblState{
		
		}
/*This sets the properties of the drop down within pnlState*/
	#pnlState SELECT { 
		MARGIN-LEFT: 5px; 
		width: 150px;
	} 
	#lstState{
		
	}
	#btnState{
		
	}
	

	/*These id's reference 
		the div that wraps arround the County dropdown and its corresponding elements
		the label to the left of the drop down
		the select tag that generates the dropdown
		the ID of the dropdown
		theID of the Go Button*/

#pnlCounty {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	PADDING-TOP: 6px;
	BACKGROUND-COLOR: Silver;
	TEXT-ALIGN: left;	
	Z-INDEX: 103;
	LEFT: 64px;
	POSITION: absolute;
	TOP: 436px;
	Height: 72px;
	Width: 900px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	
}
	#lblCounty{
	
	}
/*This sets the properties of the drop down within pnlCounty*/
	#pnlCounty SELECT { 
		MARGIN-LEFT: 58px;
		left: 1px; 
		POSITION: absolute;
		TOP: 25px; 
		width: 150px;
	} 
	#lstCounty{
		
	}
	#btnCounty{
		MARGIN-LEFT: 143px;
		z-index:104;
		top: 25px;
		position: absolute;
	}
	
	
		/*These id's reference 
		the div that wraps arround the Year dropdown and its corresponding elements
		the label to the left of the drop down
		the select tag that generates the dropdown
		the ID of the dropdown
		theID of the Go Button*/
		
#pnlYear {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	WIDTH: 289px;
	PADDING-TOP: 6px;
	BACKGROUND-COLOR: Silver;
	TEXT-ALIGN: left;
	Z-INDEX: 107;
	LEFT: 675px;
	POSITION: absolute;
	TOP: 400px;
	Height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
}
	#lblYear{
		
	}
/*This sets the properties of the drop down within pnlYear*/
	#pnlYear SELECT { 
		MARGIN-LEFT: 15px; 
	} 
	#lstYear{
	
	}
	#btnYear{
		
	}
	
	
	
	
	
	
	
/*--------------------------------------------------------------------------*/
	/*Multiple Counties Page
			utilizes above code but adds certain elements*/	
	

	/*drop downs for selecting the counties*/	
#pnlCounty1 {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	PADDING-TOP: 6px;
	BACKGROUND-COLOR: Silver;
	TEXT-ALIGN: left;	
	Z-INDEX: 103;
	LEFT: 0px;
	POSITION: absolute;
	TOP: 336px;
	Height: 32px;
	Width: 325px;
}
	#label1{
		width:250;
	}
	#lstCounty1{
	
	}
#pnlCounty2{
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	PADDING-TOP: 6px;
	BACKGROUND-COLOR: Silver;
	TEXT-ALIGN: left;	
	Z-INDEX: 104;
	LEFT: 375px;
	POSITION: absolute;
	TOP: 436px;
	Height: 72px;
	Width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
}
	
	#label2{
	width:275px;
	}
	
	#lstCounty2{
		margin-left: 58px;
	}
#pnlCounty3{
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	PADDING-TOP: 6px;
	TEXT-ALIGN: left;	
	Z-INDEX: 105;
	LEFT: 675px;
	POSITION: absolute;
	TOP: 436px;
	Height: 72px;
	Width: 314px;

}

	#label3{
		width:300px;
	}

	#lstCounty3{
		margin-left: 58px;
	}
	#pnlSpacer {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px;
	WIDTH: 325px;
	height: 35px;
	PADDING-TOP: 6px;
	BACKGROUND-COLOR: Silver;
	TEXT-ALIGN: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	LEFT: 285px;
	POSITION: absolute;
	TOP: 400px;
}
		



/*--------------------------------------------------------------------------*/
/*The dropdown panels for the other types of county comparison page are listed below*/

#pnlCurrentSelection{

}

#pnlFunction,#pnlFunctions {
	Z-INDEX: 109;
	LEFT: -5px;
	POSITION: absolute;
	TOP: 500px;
	Height: 32px;

}
	#lblFunction,#lblFunctions{
	Z-INDEX: 110;
	LEFT: 70px;
	TOP: 15px;
	POSITION: absolute;
	Height: 95px;
	width: 898px;
	background-color: silver;
	font-weight:bold;
	}
	#lstFunction,#lstFunctions{
	Z-INDEX: 110;
	LEFT: 150px;
	top:15px;
	POSITION: absolute;
	Height: 32px;
	width: 225px;
	
	}
	#btnFunction,#btnFunctions{	
	Z-INDEX: 110;
	LEFT: 382px;
	top: 16px;
	POSITION: absolute;
	}
#pnlSubFunction,#pnlSubFunctions{
	Z-INDEX: 110;
	LEFT: 140px;
	POSITION: absolute;
	TOP: 500px;
	Height: 32px;
	
}
	#lblSubFunction,#lblSubFunctions{
	Z-INDEX: 110;
	LEFT: 275px;
	TOP: 15px;
	POSITION: relative;
	Height: 32px;
	Width: 50px;
	font-weight:bold;
	}
	#lstSubFunction,#lstSubFunctions{
	Z-INDEX: 110;
	LEFT: 280px;
	top:5px;
	POSITION: relative;
	Height: 32px;
	width: 395px;
	
	}
	#btnSubFunction,#btnSubFunctions{	
	Z-INDEX: 110;
	LEFT: 284px;
	top:5px;
	POSITION: relative;
}

#pnlProgram,#pnlPrograms{
	Z-INDEX: 110;
	LEFT: 64px;
	POSITION: absolute;
	TOP: 535px;
	Height: 32px;
	width: 900px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	padding-bottom: 5px;	
	visibility: visible;
	
}
	#lblProgram,#lblPrograms{
	Z-INDEX: 110;
	LEFT: 2px;
	TOP: 10px;
	POSITION: relative;
	Height: 32px;
	Width: 50px;
	font-weight:bold;
	}
	#lstProgram,#lstPrograms{
	Z-INDEX: 110;
	LEFT: 5px;
	top: 0px;
	POSITION: relative;
	Height: 32px;
	width: 779px;
	}
	#pnlProgram #lstPrograms{
	Z-INDEX: 110;
	LEFT: 9px;
	top: 0px;
	POSITION: relative;
	Height: 32px;
	width: 775px;
	}
	#btnProgram,#btnPrograms{	
	Z-INDEX: 110;
	LEFT: 4px;
	POSITION: relative;
	}
	#pnlProgram #btnPrograms{	
	Z-INDEX: 110;
	LEFT: 7px;
	POSITION: relative;
	}
		
		
	

/* duplicate, but contains extra names in case individual tweaking required.
	these names are used on the similar page.  this should eventually be cleaned up,
	but will break the code in too many places at present 2/10/06

#pnlFunctions {
	Z-INDEX: 109;
	LEFT: -5px;
	POSITION: absolute;
	TOP: 500px;
	Height: 32px;
	
}
		
	#lblFunctions{
	Z-INDEX: 110;
	LEFT: 75px;
	TOP: 15px;
	POSITION: relative;
	Height: 32px;
	Width: 50px;
	font-weight:bold;
	}	
		
	#lstFunctions{
	Z-INDEX: 110;
	LEFT: 80px;
	POSITION: relative;
	Height: 32px;
	width: 225px;
	
	}	
		
	#btnFunctions{	
	Z-INDEX: 110;
	LEFT: 82px;
	POSITION: relative;
	}		
		
#pnlSubFunctions {
	Z-INDEX: 109;
	LEFT: 140px;
	POSITION: absolute;
	TOP: 500px;
	Height: 32px;
	
}		

	#lblSubFunctions{
	Z-INDEX: 110;
	LEFT: 275px;
	TOP: 15px;
	POSITION: relative;
	Height: 32px;
	Width: 50px;
	font-weight:bold;
	}
	
	#lstSubFunctions{
	Z-INDEX: 325;
	LEFT: 280px;
	POSITION: relative;
	Height: 32px;
	width: 395px;
	
	}	
	
	#btnSubFunctions{	
	Z-INDEX: 110;
	LEFT: 284px;
	POSITION: relative;
}	
	
#pnlPrograms{
	Z-INDEX: 109;
	LEFT: 64px;
	POSITION: absolute;
	TOP: 535px;
	Height: 32px;
	width: 900px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	padding-bottom: 5px;	
	visibility: visible;
	
}	
		
	#lblPrograms{
	Z-INDEX: 110;
	LEFT: 7px;
	TOP: 10px;
	POSITION: relative;
	Height: 32px;
	Width: 50px;
	font-weight:bold;
	}	
	
	#lstPrograms{
	Z-INDEX: 110;
	LEFT: 13px;
	top: 0px;
	POSITION: relative;
	Height: 32px;
	width: 771px;
	
	}	
	
	#btnPrograms{	
	Z-INDEX: 110;
	LEFT: 12px;
	POSITION: relative;
	}	
		
	*/	
		
	#pnlNonWhitePov{
	Z-INDEX: 109;
	LEFT: 64px;
	POSITION: absolute;
	TOP: 570px;
	Height: 32px;
	width: 900px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	padding-bottom: 5px;
	
}
	div#pnlNonWhitePov span#Label1{
	Z-INDEX: 110;
	LEFT: 435px;
	TOP: 10px;
	POSITION: relative;
	Height: 32px;
	font-weight:bold;
	}


	#lstNonWhite{
	Z-INDEX: 110;
	LEFT: 595px;
	top: 10px;
	POSITION: absolute;
	Height: 32px;
	width: 55px;
	
	}
	
	div#pnlNonWhitePov span#label2{
	Z-INDEX: 110;
	LEFT: 660px;
	top: 10px;
	POSITION: absolute;
	Height: 32px;
	font-weight:bold;
	}
	
	#lstPoverty{
	Z-INDEX: 110;
	LEFT: 765px;
	top: 10px;
	POSITION: absolute;
	Height: 32px;
	width: 55px;
	}
	
	#btnProcess{	
	Z-INDEX: 110;
	LEFT: 823px;
	top: 10px;
	POSITION: absolute;
	}	





/*--------------------------------------------------------------------------
This how the code must look for ie 6.0release 2003

	#lstNonWhite{
	Z-INDEX: 110;
	LEFT: 395px;
	top: 0px;
	POSITION: relative;
	Height: 32px;
	
	}
	
	div#pnlNonWhitePov span#label2{
	Z-INDEX: 110;
	LEFT: 410px;
	TOP: 10px;
	POSITION: relative;
	Height: 32px;
	font-weight:bold;
	}
	
	#lstPoverty{
	Z-INDEX: 110;
	LEFT: 415px;
	top: 0px;
	POSITION: relative;
	Height: 32px;
	
	}
	
	#btnProcess{	
	Z-INDEX: 110;
	LEFT: 435px;
	top: 0px;
	POSITION: relative;
	
	}	


--------------------------------------------------------------------------*/











/*--------------------------------------------------------------------------*/










	
	
	
	
	


/*This controls the position of the graphs generated by the application
	it also contains the details and dropdowns associated with the datagrid*/
#pnlCharts{
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	TOP: 509px;
	BACKGROUND-COLOR: Silver;
	Height: 800px;
	Width: 900px;
	vertical-align: top;
	Z-INDEX: 107;
	page-break-before: auto;
}


#pnlOtherCharts{
	LEFT: 0px;
	POSITION: absolute;
	display: inline;
	TOP: 100px;
	BACKGROUND-COLOR: Silver;
	Height: 500px;
	Width: 900px;
	vertical-align: top;
	Z-INDEX: 108;
	page-break-before: auto;


}






/*This is the ID of the div within pnlCharts that 
	will actually house the MyCountyFunction level graph and its various components*/
	#pnlMyCountyFunction{
	background-color: Silver;
	position: absolute;
	left:124px;
	width: 380px;
	vertical-align: top;

}

	#pnlMyCountyFunction table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		top: 325px;
		left: 1px;
		width:298px;
	}

/*This is the label for the Graph*/
		#lblMyCountyFunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}

/*This is the ID of the div within pnlCharts that 
	will actually house the MyCountySubFunction level graph and its various components*/
	#pnlMyCountySubFunction {
	background-color: Silver;
	position: absolute;
	left: 464px;
	vertical-align: top;
}

	#pnlMyCountySubFunction table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		top: 325px;
		left: 1px;
		width:298px;
	}

/*This is the label for the Graph*/
		#lblMyCountySubfunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}

		
		
		
/*--------------------------------------------------------------------------*/
/*The chart panels for the multi-county comparison page are listed below*/

/*This is the ID of the div within pnlCharts that 
	will actually house the MultiCountyFunction level graph and its various components*/
	#pnlMultiCountyFunction{
	background-color: Silver;
	position: absolute;
	width: 300px;
	vertical-align: top;

}

	#pnlMultiCountyFunction table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		top: 325px;
		left: 1px;
		width:298px;
	}
/*This is the label for the Graph*/
		#lblMultiCountyFunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}

/*This is the ID of the div within pnlCharts that 
	will actually house the MultiCountyFunction level graph and its various components*/
	#pnlMultiCounty2Function{
	background-color: Silver;
	position: absolute;
	left:300px;
	width: 300px;
	vertical-align: top;

}

	#pnlMultiCounty2Function table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		left: 1px;
		top: 325px;
		width:298px;
	}



/*This is the label for the Graph*/
		#lblMultiCounty2Function {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}

/*This is the ID of the div within pnlCharts that 
	will actually house the MultiCountyFunction level graph and its various components*/
	#pnlMultiCounty3Function{
	background-color: Silver;
	position: absolute;
	left:600px;
	width: 300px;
	vertical-align: top;

}
/*This is the label for the Graph*/
		#lblMultiCounty3Function {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}
		
	#pnlMultiCounty3Function table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		left: 1px;
		top: 325px;
		width:298px;
	}		
		
		
		
/*This is the ID of the div within pnlCharts that 
	will actually house the MultiCountySubFunction level graph and its various components*/
	#pnlMultiCountySubFunction {
	background-color: Silver;
	position: relative;
	top:500px;
	width:250px;
	vertical-align: top;
	Z-INDEX: 108;
}

	#pnlMultiCountySubFunction table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		top: 325px;
		left: 1px;
		width:298px;
	}


/*This is the label for the Graph*/
		#lblMultiCountySubfunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}
		
/*This is the ID of the div within pnlCharts that 
	will actually house the MultiCountySubFunction level graph and its various components*/
	#pnlMultiCounty2SubFunction {
	background-color: Silver;
	position: relative;
	top:72px;
	left: 300px;
	width:250px;
	vertical-align: top;
	Z-INDEX: 108;
}

	#pnlMultiCounty2SubFunction table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		top: 325px;
		left: 1px;
		width:298px;
	}


/*This is the label for the Graph*/
		#lblMultiCounty2Subfunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}
		
/*This is the ID of the div within pnlCharts that 
	will actually house the MultiCountySubFunction level graph and its various components*/
	#pnlMultiCounty3SubFunction {
	background-color: Silver;
	position: relative;
	left: 600px;
	top:-353px;
	width:250px;
	vertical-align: top;
	Z-INDEX: 108;
}

	#pnlMultiCounty3SubFunction table#LegendTable{
		background-color: ButtonFace;
		position: absolute;
		top: 325px;
		left: 1px;
		width:298px;
	}
	
	
	
	#pnlMultiCountyFunction td.LegendColor{
		width: 75px;
	}	
	#pnlMultiCounty2Function td.LegendColor{
		width: 75px;
	}
	#pnlMultiCounty3Function td.LegendColor{
		width: 75px;
	}	
	#pnlMultiCountySubFunction td.LegendColor{
		width: 75px;
	}	
	#pnlMultiCounty2SubFunction td.LegendColor{
		width: 75px;
	}
	#pnlMultiCounty3SubFunction td.LegendColor{
		width: 75px;
	}

/*This is the label for the Graph*/
		#lblMultiCounty3Subfunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 300px;
		}


/*--------------------------------------------------------------------------*/








/*--------------------------------------------------------------------------*/
/*The chart panels for the Similar County comparison page are listed below*/


/*This is the ID of the div within pnlCharts that 
	will actually house the SimilarCountyFunction level graph and its various components*/
	#pnlSimilarCountyFunction{
	background-color: Silver;
	position: absolute;
	width: 380px;
	vertical-align: top;

}
/*This is the label for the Graph*/
		#lblSimilarCountyFunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 500px;
		}


/*This is the ID of the div within pnlCharts that 
	will actually house the SimilarCountySubFunction level graph and its various components*/
	#pnlSimilarCountySubFunction {
	background-color: Silver;
	position: absolute;
	vertical-align: top;
}
/*This is the label for the Graph*/
		#lblSimilarCountySubfunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 500px;
		}
	
	#pnlLegendPanelSimilarCountyFunction{
	position: absolute;
	top: 175px;
	left: 0px;
	width: 800px;
	background-color: ButtonFace;
}
	
	#pnlSimilarCountiesListState{
	height: 150px;
	width: 800px;
	overflow: auto;
	position: absolute;
	top: 435px;
	background-color: ButtonFace;
}
		#pnlSimilarCountiesListState table{
			width: 100%;
		}
		
	#pnlSimilarCountiesListNational{
	height: 150px;
	width: 800px;
	overflow: auto;
	position: absolute;
	top: 435px;
	background-color: ButtonFace;
	}	
			#pnlSimilarCountiesListNational table{
			width: 100%;
		}
		
		
	#lblMyCountyList{
			position: absolute;
			top: 410px;
			font-weight: bold;
	}		
		
.legendMyTotal{
	width: 150px
}
.legendSimilarTotal{
	width: 150px
}
	
		div#pnlLegendPanelSimilarCountyFunction td.LegendMyColor{
		width: 35px;
	}
	
		div#pnlLegendPanelSimilarCountyFunction td.LegendSimilarColor{
		width: 35px;
	}
	
			div#pnlLegendPanelSimilarCountyFunction th#legendValueHeader{
			text-align: left;
			
		
		}
	
	
	
	#pnlLegendPanelSimilarCountySubFunction{
		position: absolute;
		top: 175px;
		left: 0px;
		background-color: ButtonFace;
	}	
	
		div#pnlLegendPanelSimilarCountySubFunction td.LegendMyColor{
		width: 35px;
	}
	
		div#pnlLegendPanelSimilarCountySubFunction td.LegendSimilarColor{
		width: 35px;
	}
	
		div#pnlLegendPanelSimilarCountySubFunction th#legendValueHeader{
		text-align: left;
		
	}

/*--------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------*/
/*The chart panels for the Other Types of County comparison page are listed below*/


/*This is the ID of the div within pnlCharts that 
	will actually house the OtherCountyTypesFunction level graph and its various components*/
	#pnlOtherCountyTypesFunction{
	background-color: Silver;
	position: absolute;
	width: 380px;
	vertical-align: top;
	top:635px;
	left: 75px;

}
/*This is the label for the Graph*/
		#lblOtherCountyTypesFunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 500px;
		}

/*This is the ID of the div within pnlCharts that 
	will actually house the OtherCountyTypesSubFunction level graph and its various components*/
	#pnlOtherCountyTypesSubFunction {
	background-color: Silver;
	position: absolute;
	vertical-align: top;
	top:635px;
	left: 75px;
}
/*This is the label for the Graph*/
		#lblOtherCountyTypesSubfunction {
			text-align:center;
			font-size: 14pt;
			background-image:  url(Images/tabbg2.jpg) ;
			background-repeat: repeat-x;
			width: 500px;
		}




/*--------------------------------------------------------------------------*/












/*This contains the datagrid for program level analysis 
	as well as the tabs used to navigate to different views*/
#pnlProgramTabs{
	Z-INDEX: 109;
	LEFT: 75px;
	POSITION: absolute;
	TOP: 635px;
	visibility: hidden;
	width: 850px;
}		
/*this is the ID for the Line Item that is used to generate the tab for the Program Datagrid*/
	#divMyCountyProgramTab{
	
	}	
/*this is the ID for the Line Item that is used to generate the tab for the MoneyMissed Datagrid*/
	#divMyCountyMoneyMissedTab{
	
	}
/*This is the ID for the div that contains the datagrid
	it is used to set the look and feel of the tab that contains the grid*/
	#panelHolder{
	
	}
	
	
	
/*--------------------------------------------------------------------------*/
/*The tab panels for the multi-county comparison page are listed below*/
	
/*this is the ID for the Line Item that is used to generate the tab for the Program Datagrid*/
	#divMultiCountyProgramTab{
	
	}	
/*this is the ID for the Line Item that is used to generate the tab for the MoneyMissed Datagrid*/
	#divMultiCountyMoneyMissedTab{
	
	}
/*--------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------*/
/*The tab panels for the similar county comparison page are listed below*/
	

/*this is the ID for the Line Item that is used to generate the tab for the Program Datagrid*/
	#divSimilarCountyProgramTab{
	
	}	
/*this is the ID for the Line Item that is used to generate the tab for the MoneyMissed Datagrid*/
	#divSimilarCountyMoneyMissedTab{
	
	}

/*--------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------*/
/*The tab panels for the other types of county comparison page are listed below*/
	

/*this is the ID for the Line Item that is used to generate the tab for the Program Datagrid*/
	#divOtherCountyTypesProgramTab{
	
	}	
/*this is the ID for the Line Item that is used to generate the tab for the MoneyMissed Datagrid*/
	#divOtherCountyTypesMoneyMissedTab{
	
	}

/*--------------------------------------------------------------------------*/

	
	
	
	
	
	
/*This contains the actual grid data returned from the database*/
		#pnldatagrid {
			height: 600px;
			width: 800px;
			overflow: auto;
			position: relative;
			left: 15px;
			background-color: ButtonFace;
		}

			#myCountyDatagrid{
	
			}

			
/*--------------------------------------------------------------------------*/
/*The datagrid panel for the multi-county comparison page are listed below*/
			
			#MultiCountyDatagrid{
	
			}			
			
/*--------------------------------------------------------------------------*/			
			
			
			
			
/*--------------------------------------------------------------------------*/			
/*The datagrid panel for the similar county comparison page are listed below*/
				
			#SimilarCountyDatagrid{
	
			}			
			
/*--------------------------------------------------------------------------*/			
				
			
			
/*--------------------------------------------------------------------------*/			
/*The datagrid panel for the other types of counties comparison page are listed below*/
				
			#OtherCountyTypesDatagrid{
	
			}			
			
/*--------------------------------------------------------------------------*/			
				
			
			
			
	#pnlDropDowns{
		height: 100px;
		background-color: Silver;
		border-left-color: silver;
		border-left-style: solid;
		border-left-width: 1px;
		border-right-color: silver;
		border-right-style: solid;
		border-right-width: 1px;
		
	}
		#pnlDebug{
			background-color: Silver;
		}
			#lblInfoState{
				color:silver;
				z-index: 0;
				background-color: Silver;
			}
			#lblInfoString{
				color:silver;
				z-index: 0;
				background-color: Silver;
			}
		#myFunctions span{
			font-weight: bold;

		}

		#myPrograms{


		}
	
		#lstCurrentPrograms{
			visibility: hidden;
		}
		#myTabs{
			background-color: Silver;
		}



/*--------------------------------------------------------------------------*/
/*this section controls the labels below the other graph and also the legend */
#lblOtherCharts{
	
	
}

#pnlOtherChartsLabels{
	position: absolute;
	top:497px;
	height:45px;
	width:900px;
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: silver;
	z-index: 116;
}
#lblOtherMyCounty{

}
#lblOtherSimilar{
	position: absolute;
	top: 0px;
	left: 100px;
	background-color: silver;
	z-index: 116;
}
#lblOtherRuralNonMetro{
	position: absolute;
	left: 200px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}
#lblOtherRuralMetro{
	position: absolute;
	left: 300px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}
#lblOtherMixedRuralNonMetro{
	position: absolute;
	left: 400px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}
#lblOtherMixedRuralMetro{
	position: absolute;
	left: 500px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}
#lblOtherMixedUrbanNonMetro{
	position: absolute;
	left: 600px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}
#lblOtherMixedUrbanMetro{
	position: absolute;
	left: 700px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}
#lblOtherUrbanMetro{
	position: absolute;
	left: 800px;
	top: 0px;
	background-color: silver;
	z-index: 116;	
}




#lblOtherMyCounty table{
	width: 100px;
	text-align: center;
	
}
#lblOtherSimilar table{
	width: 100px;
	text-align: center;
}
#lblOtherRuralNonMetro table{
	width: 100px;
	text-align: center;
}
#lblOtherRuralMetro table{
	width: 100px;
	text-align: center;
}
#lblOtherMixedRuralNonMetro table{
	width: 100px;
	text-align: center;
}
#lblOtherMixedRuralMetro table{
	width: 100px;
	text-align: center;
}
#lblOtherMixedUrbanNonMetro table{
	width: 100px;
	text-align: center;
}
#lblOtherMixedUrbanMetro table{
	width: 100px;
	text-align: center;
}
#lblOtherUrbanMetro table{
	width: 100px;
	text-align: center;
}





#pnlOtherGrid{
	position: absolute;
	top: 555px;
	z-index: 115;
	background-color: ButtonFace;
	
}

#pnlOtherGrid #legendTable .legendColor{
	width: 20px;
}
	.legendColor{
		width: 75px;
	}	
	.legendValue{
		width: 900px;
	}
		
	.legendValue a:link {
		color:black;
	}
	.legendValue a:visited {
		color:black;
	}

/*----------------------------------------------------------------------*/		
		
		
		
		
		
		
		

/*bug fixes...*/

/* hide from IE-mac \*/
* HTML .iefix { 
	HEIGHT: 1% ;
} /* To fix IE Escaping Floats Bug  */
/* end hide */



/* Not currently in use

#pnlTestFunctionList {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
*/	

#pnlBoilerPlate{

}
#BoilerPlateTitle{
	font-size: 20px;
	POSITION: absolute;
	display: inline;
	Height: 25px;
	Width: 900px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: Black; 
	vertical-align: top;
	Z-INDEX: 105;
}#BoilerPlate{
	POSITION: absolute;
	display: inline;
	TOP: 30px;
	Height: 370px;
	Width: 888px;
	vertical-align: top;
	Z-INDEX: 106;
}

.boilerPlateNoState{
	top: 610px;
	z-index: 130;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 800px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateNoCounty{
	top: 610px;
	z-index: 130;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 800px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateMyCountyFunction{
	top: 1050px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}

.boilerPlateMyCountySubFunction{
	top: 1050px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;	
}
.BoilerPlateMyCountyPrograms{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;	
}
	
.BoilerPlateMyCountyMoneyMissed{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;	
}






.boilerPlateMultiCountyFunction{
	top: 1050px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateMultiCountySubFunction{
	top: 1550px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;	
}
.BoilerPlateMultiCountyPrograms{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;	
}








.boilerPlateSimilarCountyFunction{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateSimilarCountySubFunction{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}

.boilerPlateSimilarSubFunctionState{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.BoilerPlateSimilarProgramsState{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}

.boilerPlateSimilarCountyFederal{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateSimilarSubFunctionFederal{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.BoilerPlateSimilarProgramsFederal{
	top: 1310px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}


.boilerPlateOtherCountyTypesFunction{
	top: 1300px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateOtherCountyTypesSubfunction{
	top: 1300px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;
}
.boilerPlateOtherCountyTypesPrograms{
	top: 1300px;
	z-index: 120;
	LEFT: 64px;
	POSITION: absolute;
	display: inline;
	BACKGROUND-COLOR: silver;
	Height: 400px;
	Width: 900px;
	vertical-align: top;	
}