/* Print Stylesheet for
	EPA Template 4
	10 Sep 2008
------------------------------------------ */

#sitewidea, .headerSearch, #primary_navigation, ul.languages, ul.breadcrumbs, ul.subNav, #pageActions, #footer,
.skip, .pagetop
{ position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; border: none; font-size: 0; }

#footer { clear: both; }

html { margin: 0; background: #fff; }
body { margin: 5px; text-align: left; background: #fff; font: 12px/1.3 Verdana; }
#page { background: #fff; }
#header {padding-bottom:10px}
#titleShell { background: url('http://www.epa.gov/hpfiles/images/EPA_logo.gif') no-repeat top right; display: block; height:50px; margin:0 0;}
#titleShell h1 {font-size: 20px; text-align:left; margin: 15px 0 0; }

/* Page Content Layout */
#contentShellOuter { display: block; background: #fff; width: 100%; overflow: visible; margin: 0 auto; }
#page_wide #contentShellOuter { background:none; }
#contentShellInner { display: block; background: #fff; overflow: visible;  }
#page_wide #contentShellInner { background:none; }
#innerBorders { display: block; background: #fff; overflow: visible; margin: 0 0; }
#page_wide #innerBorders { background:none; }

/* All pages by default have 2 columns, make exceptions via the body ID */
#page_home #innerBorders { background: #fff; }

/* Set Inner Columns widths cooresponding to innerBorders ID, make exceptions via the body ID */
.columnA { float: none; width:100%; margin: 0 16px 5px; display: inline; }
#page_home .columnA { float: left; width:45%; margin: 0 10px 10px 0; clear:left }
.onecolumn { width:890px; margin: 10px 34px 0 16px; background: none; }
.columnB { float: left; width: 45%; margin: 0 10px 10px 0; clear:right }
.columnC { float: none; margin: 0 5px 0 0; display: block; width:100%; }
#page_home .columnC {float: none; clear:both; padding: 20px 0 0 0; width: 100%;  }

/*Hide flash video on homepage*/
#homeFlash {display:none}

/*Fix problem on hp*/
#page_home h2 {clear:both; padding-top: 20px;}

/*Fix to show contents of accordion panels*/
.Accordion {
  overflow: visible !important;
  clear:left;
}

.AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  clear:left;
  height: auto !important;
}

/*Fix to show contents of TabbedPanels panels*/
.TabbedPanels {
  overflow: visible !important;
  clear:left;
}

.TabbedPanelsContent {
  display: block !important;
  overflow: visible !important;
   clear:left;
 height: auto !important;
}
