/* for 480px or less */
@media screen and (max-width: 480px) {


/* simple js drop down menu */

#sddm,
{	margin: 0;
	padding: 0;
	z-index: 30;
	letter-spacing:1px;
	}

/* li css */	
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font: bold 14px arial;
	z-index: 30}

	#sddm li a
{	display: block;
	margin: 0 0 1px  0;
	padding: 6px 40px 6px 12px;	/* this is the button padding, may need to be reduced later */
	width:200px;  /* this is the button width, fixes investigations */
	background: #356697;
	color: #FFF;
	text-align:left;
	text-decoration: none;
	z-index: 30}
	
	#sddm li a:hover
{	background: #3799ff}
	
					/* "you are here" variations of nav text and bg colors */
					#sddm li a.youAreHere {
					display: block;
					margin: 0  0 1px 0;
					padding: 6px 40px 6px 12px;	/* this is the button padding, may need to be reduced later */
					width:200px;  /* this is the button width, fixes investigations */
					background: #3799ff; 
					color: #fff;
					text-align:left;
					text-decoration: none;
					z-index: 30}
					
					#sddm li a.youAreHere:hover {
					background: #3799ff}


/* div css */     /* display:none; ***************/	
	#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EEEEEE;
	border: 1px solid #666666;
	z-index: 30;
	display:none;} /* display:none; */
	

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 20px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EEEEEE;
			border-bottom:1px solid #FFF;
		color: #2875DE;
		font: 12px arial;
		z-index: 30;
		display:none;} /* display:none; */

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF;
		display:none;} /* display:none; */
		



	



img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}



	
body,			/*body and html elements using the same select */
	html {
		margin:0px;
		padding:0px;
		width:320px;
		color:#333333;		
		/*background:#EEEEEE;/**/
		background:#3A5367; /**/
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	

			
	#wrap {
		width:98%;
		margin:auto;
		padding:0px;		
		/*background:yellow;/* */
	}
	
	#header {
		width:100%;
		height:125px;
    	padding:auto;
		margin:auto;
		/*background:yellow;/* */						
	}
	
	#headerLeft {
		width:100%;
    	padding:2px;
		margin:5px 0px;
		/*background:purple; /**/
	}
	
	#headerRight {
		width:99%;		
    	padding:2px;
		margin:5px 0px;
		text-align:left;		
		/*background:grey; /* */
	} 
	
	#topNav {
		width:100%;	
		height:220px;
		/*visibility:hidden; /* */	
    	padding:0px;
		margin:30px 0px 10px 0px;				
		/*background:green; /* */
		
	}
	
	#bodyContainer {
		width:96%;	    	
		margin:10px 0px 0px 0px;	
		padding:10px;	
		background:#FFFFFF;  /**/
		border:solid 1px #DDDDDD;
	}
	#bodyContainerHOME {
		width:96%;	    	
		margin:10px 0px 0px 0px;		
	}
		
	#subpageBody {
		width:100%;			
    	padding:auto;
		margin:auto;
		/* background:blue; /**/
	}		
	#bodyLeft {
					
		width:100%;			
    	padding:auto;
		margin:auto;
		/*background-color:red;/**/		
	}
		#bodyRight {
					
		width:100%;				
    	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 {
		color:#CCC;
		border-bottom: 1px solid #fff;
		height:2px;
		width:98%;			
		}
	
		h1 {
	    margin:5px 5px 5px 5px;
		line-height:normal;
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		/* text-shadow: 0 1px 1px #fff; /* recessed text*/
		/* line-height:100% */
    }	
	
		h2 {
		margin:50px 5px 0px 5px;
		color:#333;
		/*background-color:yellow;/**/		
	}	
		h3.mini {	/* the white text mini box headers */
		margin:0px;
		padding:12px;
		color:#fff;
		border-bottom:solid 1px #666;
		background-color:#356697;/**/
	}
		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: 99%;
		font-size:12px;
		padding:auto;
		margin:10px 0px 10px 0px;
		text-align:center;		
		background:#EEEEEE;  /**/
		border:solid 1px #CCCCCC;
			
		/* 
		background-image:url(images/Site/footer/footer_sign.png);
		background-repeat:no-repeat;
		background-position:inherit;*/

	}
		
	
	#footerLeft {
		width: 98%;		
		color:#999;
		padding:10px;
		font-size:12px;
		text-align:left;
		/*background:red;  /**/


	}	
	#footerCenter {	
		width: 80%;	
		color:#666;	
		padding:10px;
		font-size:12px;
		text-align:left;
		/*background:pink;  /**/

		
	}	
	#footerRight {
		width: 98%;		
		color:#999;
		padding:10px;
		font-size:12px;
		text-align:left;
		/*background:grey;  /**/

	}



	#miniBox {
		width:250px;
		height:auto;
    	padding:1px;
		line-height:160%;
		margin:20px 0px 0px 0px;
		background:#FFF; /* */
		border:solid 1px #DDDDDD;
	} 	
		
		div.scrollNewsFeed {
		height: auto;
		width: 290px;		
		overflow:visible;		
		padding:10px 10px;
		margin:20px 0px 0px 0px;		
		border:0px;		
		background-color:transparent;		
		}
		
			div.scrollNewsFeedBG {
			height: auto;
			width: 310px;
			padding:1px;
			line-height:130%;
			margin:20px 0px 0px 0px;
			background:#FFF; /* */
			border:solid 1px #DDDDDD;
			}
							
				
		
		/* Report Table Styling of classes */
		
				
				
				.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:100%;/**/
				/*background-color:yellow;/* */
				}
					
					.reportTitle_TD
				{
				width:100%;/**/
				/*background-color:#9accff;/* */
				}
				
					.sml_links
				{
				width:100%;/**/			
				white-space:normal;
				text-align:left;				
				/*background-color:#9accff;/* */				
				}		
					.oig_date
				{
				width:100%;/**/
				/*word-wrap:break-word;*/				
				/*background-color:yellow;/* */
				}
					.oig_topic
				{
				width:100%;/**/
				/*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:  155px;  
			width:   310px;  
			padding: 0;  
			margin:  0px 0px 5px 0px; 
			position:relative;
			z-index: 10;
			
		} 
		 
		#cycler img {  
			padding: 0;
			margin:  0px 0px 0px 0px;  
			background-color: #eee;  
			height:  155px;  
			width:   310px; 
			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;			
		}
		
		/* 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:100%;			
			font-size:1.0em;
			padding:2px;
			margin:2px;
			border:solid 1px #DDDDDD;
			background-color:#EEEEEE;/* */			
		}
		
		/* TOC topic nav box */
		.topicTOC		{
			color:#666;
			max-width:100%;			
			font-size:1.0em;
			padding:2px;
			margin:2px;
			border:solid 1px #DDDDDD;
			background-color:#EEEEEE;/* */
			display:none;  /* display:none; */				
		}
		
				/* 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:block;
		}		
		
		
		/* top of page */
		.top		{
			color:#666;
			font-weight:lighter;
			font-size:.9em;
			padding:2px;
			margin:20px 0px 0px 10px;			
			border:solid 1px #DDDDDD;
			background-color:#EEEEEE;/* */
		}	


textarea
{
    width:100%;
}

table
{
    margin:5px 0px 5px 0px; 
	background-color:#FFF;
}

	.enableImageMap
{
    
	display:block;
	/*background-color:red;  */	
	
}

	.disableImageMap
{
   display:none; /* display:none; */
   /* background-color:pink;  */	
	
}







}