@charset "utf-8";
/* CSS Document */

	
html {overflow-y: scroll;}

body { 			
		margin:0px;
		padding:0px;
		color:#333333;		
		background:#EEEEEE;/**/
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		/* line-height:120%; */		
		background-image:url(../images/headerSlice.png);
		background-repeat:repeat-x;
		background-position:top;
		/* background-attachment:fixed; */
	}
	

			
	#wrap {
		width:940px;
		margin:auto;
		padding:0px;		
		/*background:yellow;/* */
	}
	
	#header {
		width:100%;
		height:63px;
    	padding:auto;
		margin:auto;
		/*background:blue;/* */						
	}
	
	#headerLeft {
		width:60%;
		float:left;
    	padding:6px 0px 0px 0px;
		margin:auto;
		/*background:purple; /**/
	}
	
	#headerRight {
		width:40%;		
		float:right;
    	padding:36px 0px 0px 0px;
		margin:auto;
		text-align:right;
		/*background:grey; /* */
	} 
	
	#topNav {
		width:100%;	
		height:30px;
		/*visibility:hidden; /* */	
    	padding:auto;
		margin:auto;				
		/*background:green; /* */		
	}
	
	#bodyContainer {
		width:98%;	    	
		margin:10px 0px 0px 0px;	
		padding:10px;	
		background:#FFFFFF;  /**/
		border:solid 1px #DDDDDD;
	}
	#bodyContainerHOME {
		width:100%;	    	
		margin:10px 0px 0px 0px;		
	}
		
	#subpageBody {
		width:100%;			
    	padding:auto;
		margin:auto;
		/* background:blue; /**/
	}		
	#bodyLeft {
		float:left;					
		width:65%;			
    	padding:auto;
		margin:auto;
		/*background-color:red;/**/		
	}
		#bodyRight {
		float:right;				
		width:34%;				
    	padding:auto;
		margin:auto;
		/*background-color:orange;/**/		
	} 

	
	a:link {text-decoration:none}      		/* unvisited link */
	a:visited {text-decoration:none}  		/* visited link */
	a:hover {text-decoration:underline;} 	/* mouse over link */
	a:active {} 								/* selected link */
	
		/* top of page LINKS*/		
		a.top:link {color:#999; text-decoration:none}      		/* unvisited link */
		a.top:visited {text-decoration:none}  		/* visited link */
		a.top:hover {text-decoration:underline;} 	/* mouse over link */
		a.top:active {} 								/* selected link */
		
		/* footer LINKS		...not working...
		a.footerLinks:link {color:yellow; text-decoration:none} */     		/* unvisited link */		
		

		p   	{
		 margin:10px; /*	background-color:#fafafa;  add a nice framing boxing cbg color here - but w margins*/			 		 
		 max-width:600px;
		 padding:4px;
		 /*background-color:#fcfcfc;/**/		 
	}	
		
		hr {		
		border-bottom: 1px solid #EEEEEE;/**/
		height:1px;/**/
		width:96%;			
	}
	
		hr.catalog {		
		border-bottom: 1px solid #EEEEEE;/**/
		text-align:left;
		height:1px;/**/
		width:60%;			
		}
		
		@-moz-document url-prefix() {     hr.catalog {         
		height:1px;text-align:left;border-width:0;color:#EEEEEE;background-color:#EEEEEE;width:98%;
				
		     } } 
		
		
		
			/*li {
		 background-color:yellow;
		 	 }*/
	
		h1 {
	    margin:5px;
		line-height:normal;
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		/*text-shadow: 0 1px 1px #fff; /* recessed text*/
		/* line-height:100% */
    }
		h2.plain {
		margin:10px 10px 10px 20px;
		color:#333;
		border:none;
		/*background-color:yellow;/**/	
	}	
		h2 {
		margin:50px 5px 0px 5px;
		color:#333;		
		border-bottom:solid 1px #DDDDDD;		
		/*background-color:yellow;/**/		
	}	
		h3.mini {	/* the white text mini box headers */
		margin:0px;
		padding:12px;
		color:#fff;
		border-bottom:solid 1px #666;
		background-color:#3A5367;/**/
	}
		h3 {	
		margin:10px;
		color:#333;
		/*background-color:brown;/**/
	}
		h4 {
		margin:5px;
		color:#666;
		/*background-color:purple;/**/
	}
		h5 {
		margin:8px;
		color:#666;
		/*background-color:purple;/**/
	}	
		ul.noMargin	{ /* only used in the top nav to eliminate gap between header and topnav divs*/
		margin:0px;
		padding:0px;
	}

	

#footer {		
		width: 100%;
		float:left;
		font-size:12px;		
		/*background:#fcfcfc;  /**/
		padding:auto;
		margin:10px 0px 0px 0px;	
		/* 
		background-image:url(images/Site/footer/footer_sign.png);
		background-repeat:no-repeat;
		background-position:inherit;*/
	}	
	
	#footerLeft {
		width: 20%;		
		color:#999;
		float:left;
		font-size:12px;
		text-align:center;
		/*background:red;  /**/
		padding:auto;
		margin:auto;	
	}	
	#footerCenter {	
		width: 60%;	
		color:#666;		
		float:left;
		font-size:12px;
		text-align: center;
		/*background:pink;  /**/
		padding:auto;
		margin:auto;
	}	
	#footerRight {
		width: 20%;		
		color:#999;
		float:left;
		font-size:12px;
		text-align:right;
		/*background:grey;  /**/
		padding:auto;
		margin:auto;	
	}



	#miniBox {
		width:186px;
		height:auto;
		float:left;
    	padding:1px;
		line-height:160%;
		margin:10px 10px 0px 0px;
		background:#FFF; /* */
		border:solid 1px #DDDDDD;
	} 	
		
		div.scrollNewsFeed {
		height: 425px;
		width: 302px;		
		overflow: auto;		
		padding:10px 8px 10px 10px;
		margin:2px 0px 0px 0px;		
		border:0px;		
		background-color:transparent;		
		}
		
			div.scrollNewsFeedBG {
			height: 498px;
			width: 320px;
			padding:1px;
			line-height:130%;
			margin:0px;
			background:#FFF; /* */
			border:solid 1px #DDDDDD;
			}
							
				
		
		/* Report Table Styling of classes */
		
				table   	{
				margin:5px 0px 5px 0px; 
				 /*background-color:red;/**/		 
				}	
				
				.style1
				{
				/*color:#FFF;*/							
				}
				.style2 
				{
				color:#FFF;
				text-align:center;
				font-weight:bold;
				font-size:24px;
				background-color:#3A5367;	/* */	
				}
				.style3
				{
				font-size:16px;
				padding:5px 10px 0px 5px;			
				color:#FFF;
				background-color:#356697;	/* */											
				}
				.style4
				{
				font-size:16px;
				padding:5px 10px 0px 5px;			
				color:#FFF;
				background-color:#356697;	/* */				
				}
								
				
			/* LEGACY Report Table Styling of classes (mostly just the eroom) */				
				
				


					.reportNo_TD
				{
				width:100px;/**/
				/*background-color:yellow;/* */
				}
					
					.reportTitle_TD
				{
				width:30%;/**/
				/* background-color:yellow;/* */
				}
				
					.sml_links
				{
				width:50px;/**/				
				white-space:normal;
				text-align:left;				
				/*background-color:#9accff;/* */				
				}		
					.oig_date
				{
				width:50px;/**/
				/*word-wrap:break-word;*/				
				/*background-color:yellow;/* */
				}
					.oig_topic
				{
				width:50px;/**/
				/*word-wrap:break-word;*/				
				/*background-color:yellow;/* */
				}
				
					.labelheader1 /* year headers on eroom */
				{
				color:#FFF;
				text-align:center;
				font-weight:bold;
				font-size:24px;
				background-color:#3A5367;	/* */	
				}
				
					.labelheader2 /* column headers on eroom */
				{
				color:#FFF;	
				vertical-align:middle;
				text-align:center;	
				background-color:#356697;	/* */	
				}
			
								
				/*
				@-moz-document url-prefix() {
    			h2 {
       			 color: red;
    				}
				}

				*/
		
		/* banner cycler css */
		#cycler {  
			background-color:transparent; 
			height:  300px;  
			width:   600px;  
			padding: 0;  
			margin:  0px 0px 4px 0px; 
			position:relative;
			z-index: 10; 
		} 
		 
		#cycler img {  
			padding: 0;
			margin:  0px 0px 0px 0px;  
			background-color: #eee;  
			width:  600px; 
			height: 300px; 
			top:  0; 
			left: 0;
			position:relative;
			z-index: 10;
		} 
		
		#cyclerNav a { color: #ffffff; background: #356697; text-decoration: none; margin: 0px 1px 0px 0px; padding: 3px 20px 3px 20px;  }
		#cyclerNav a.activeSlide { background: #3799ff; }
		#cyclerNav a:focus { outline: none; }
		
		
		/* epa emergency code */
		#sitewidea		{
			color:#c33;
			font-weight:bold;
			font-size:1.0em;
			margin:5px 0px 5px 0px;
			padding:0px 0px 0px 0px;			
		}
		
		
		/* pdf disclaimer */
		.disclaimer-wide		{
			color:#666;
			font-weight:lighter;
			font-size:1.0em;
			padding:2px 0px 2px 20px;
			margin:0px 0px 4px 8px;
			border:solid 1px #DDDDDD;
			background-color:#EEEEEE;/* */
		}
		
		
							/* TOC nav boxes */
							.TOC		{
								color:#666;
								max-width:67%;			
								font-size:1.0em;
								padding:2px;
								margin:2px;
								border:solid 1px #DDDDDD;			
								border-top:solid 1px #CCCCCC;
								background-color:#EEEEEE;/* */						
							}
							
							/* TOC topic nav box */
							.topicTOC		{
								color:#666;
								max-width:67%;			
								font-size:1.0em;
								padding:2px;
								margin:2px;
								border:solid 1px #DDDDDD;
								background-color:#EEEEEE;/* */
							}
							
							/* TOC topic mobile nav box */
							.topicTOCmobile		{
								color:#666;
								max-width:100%;			
								font-size:1.0em;
								padding:2px;
								margin:2px;
								border:solid 1px #DDDDDD;
								background-color:#EEEEEE;/* */
								display:none;  /* display:none; */	
								
							}		
				
		/* top of page */
		.top		{
			color:#333;
			font-weight:lighter;
			font-size:.9em;
			padding:2px 4px 2px 4px;
			margin:20px 0px 0px 10px;			
			border:solid 1px #DDDDDD;
			background-color:#EEEEEE;/* */
		}	

						.enableImageMap	{
						display:none; /* display:non						
					}					
						.disableImageMap
					{
					   display:block;
					   /* background-color:pink;  */						
					}
	
	
	<!-- catalog of env programs: general css-->
	
		
		#goalNumbers{ 
		  	color:yellow;
			font-size:8px;
		}
		
		
		.col_one { 
		
			font-size:small;
		  	/*color:green;*/
		}
		
		.col_two { 
		text-align:center;   	
		}
			  th {
		color:#FFFFFF;
		background-color:#666;
	  }
	  
		tr.headerTR {
        background-color: #FFFFFF;
        }
		
		/*
		a:link {color:#0033FF;text-decoration:none;}      		
		a:hover {color:#0033FF;text-decoration:underline;}      		
		a:visited {color:#0033FF;text-decoration:none}	 */

  	 	.header { 
    background-image: url(../tools/tablesorter/images/bg.gif);
	background-repeat:no-repeat;
	background-position:right;
    background-color:#999; 
		} 		
		.headerSortUp { 
    background-image: url(../tools/tablesorter/images/asc.gif);
	background-repeat:no-repeat;
	background-position:right;
    background-color:#777;
		} 
	.headerSortDown { 
    background-image: url(../tools/tablesorter/images/desc.gif);
	background-repeat:no-repeat;
	background-position:right;
    background-color:#777; 
		} 
		
		/*  .headerNAV a { color: #ffffff; background: #356697; text-decoration:underline; margin: 0px 1px 0px 0px; padding: 3px 20px 3px 20px;  } */
		/* this will house the nicer looking block style top nav for the compendium header */
	

