@import 'epa-content.css';

/*	Master layout for all EPA pages.
	Full styles for standards-compliant browsers
	All image files needed for this style sheet are saved
	in the folder "i/" (same directory as style sheet).  */

/* Date: 30 May 2006 */
/* Version: 3.0 */

/* Table of Contents
	Type "=" + first word to jump
	to that section (example:
	"=Area" to jump to the Area Navigation section
-----------------------------------------------
	Misc -- Site-wide stuff
	Layout -- Positioning (and some styling) of major page blocks
	Header elements (top of page)
		Search elements (top of page)
	Content -- The white space for web owners
		More code in epa-content.css
	Area Navigation -- Left sidebar
	Footer elements
	Sidebarless pages
----------------------------------------------- */


/* =Misc -- Site-wide stuff
----------------------------------------------- */
.skip
/* Hidden stuff that "turn on" when styles are off.
	Horizontal rules break up template sections, but do
	not need to be visible. */
{	position: absolute; top: 0; left: 0;
	width: 0; height: 0; overflow: hidden;
	border: none; font-size: 0; }

.printOnly {	display: none; }

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none }

a:link {	color: #33c; }
a:visited {	color: #609; }
a:hover { color: #933; }
a:active { color: #933; }


/* =Layout -- Positioning (and some styling)
	of major page blocks
----------------------------------------------- */
body
/* Sets the blue-stripe background image, base font,
	and font size.  Percentage font-size for body and em for
	all other elements, starting at 1em for the content text.
	Helps render text as readers' default setting.
	Line-height is set at 1.3 */
{	background: #fff url(../images/i/epafiles_misc_bg.gif) repeat-y 0 50%;
	font: 76%/1.3 Verdana, Tahoma, sans-serif;
	color: #000;
	margin: 0 5% 80px 0; padding: 0; }

#header
/* Controls the header elements
	Inserts the green "US EPA" logo at top-right */
{	position: relative;
	top: 0; left: 0;
	margin: 0 1px 0 0; padding: 26px 0 0;
	background: url(../images/epafiles_ban_topepa.gif) no-repeat top right; }

#content
{	position: relative;
	margin: 20px 0 20px 151px; }

#area-nav
/* Positions the left sidebar (area) links.
	The links are set in a list. */
{	position: absolute;
	top: 115px; left: 5px;
	width: 130px;
	margin: 0; padding: 0; }

#footer
/* Clears any floats, so footer text
	gets pushed down where it should be.
	Centers and sizes footer text */
{	clear: both;
	margin: 0 0 0 151px; padding: 0;
	font-size: 0.85em;
	text-align: center; }




/* =Header elements (top of page)
----------------------------------------------- */
#header div#logo
	/* EPA top-left Logo */
{	position: absolute;
	left: 22px; top: 9px;
	padding: 0; margin: 0; }
	
#areaname
/* Sets and extends the blue background and
	inserts the top curve of the logenze */
{	background: #006 url(../images/epafiles_ban_endtop.gif) no-repeat 100% 0%;
	padding: 0 0 0 48px; margin: 0 0 0 100px;
	color: #fff; }

	div#areaname p
	/* Styles the area name and 
		inserts the bottom curve of the logenze */
	{	background: url(../images/epafiles_ban_endbottom.gif) no-repeat 100% 100%;
		margin: 0 0 0 3px; padding: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1.7em; 
		line-height: 1.3; }

#header p#tagline
/* Styles the text for the
	"Serving these states" tagline
	present in all regional pages */
{	position: relative;
	background: #fff;
	margin: 0 0 4px 151px; padding: 0;
	color: #000;
	font-size: 0.85em;
	line-height: 1.1; }

#header p
/* Positions and styles the text for
	the Recent Addition and Contact Us links */
{	position: relative;
	background: #fff;
	margin: 1px 0 0 151px;
	color: #000;
	font-size: 0.85em; }

	/* =Search elements (top of page)
	----------------------------------------------- */
	#EPAsearch
	/* Removes the margin/padding around the search form */
	{	margin: 0 0 4px; padding: 0; }

	.search
	/* Positions and sets font-size for search option text */
	{	position: relative;
		margin: 0; padding: 0;
		top: 1px; left: 20px;
		font-size: 1.20em; }

	#searchbox
	/* Styles the search input box and its text within the box */
	{	width: 110px;
		border: 1px solid #999;
		margin: 0;
		padding-right: 2px;
		padding-left: 2px;
		font-size: 1.2em;
		border-color: #79c #bdf #bdf #79c; }
	
	#searchbutton
	{	margin: 0 20px 0 0; }

#header ul
/* Styles the breadcrumbs (a list of links),
	with background color */
{	margin: 0 0 0 147px; padding: 0 0 0 4px;
	font-size: 0.85em;
	line-height: 1.2;
	color: #000;
	background-color: #e1ebf4;
	list-style: none;
	letter-spacing: -0.03em; }

	#header ul li
	 /* Styles the various text elements in the breadcrumbs
		 and inserts the "nextarrow" image to replicate ">" */
	{	margin: 0; padding: 0 0 0 12px;
		display: inline;
		background: url(../images/i/breadcrumbarrow.gif) no-repeat 0% 50%; }
	
	#header ul li.first
	 /* Removes the "nextarrow" image from the first breadcrumb
		 link (the EPA Home link) */
	{	padding: 0;
		background-image: none; }
	

/* =Content -- The white space for web owners
----------------------------------------------- */
#content p#areafooter
{	clear: both;
	text-align: center;
	font-size: 0.85em;
	padding: 20px 0 0; }


/* =Area Navigation -- Left sidebar
----------------------------------------------- */
#area-nav
/* Sets background color in case readers
	browse with images off. */
{	background-color: #369;
	font-family: Arial, Helvetica, sans-serif; }

#area-nav hr
/* Provides a separation between home area home page
	and area home page */
{	width: 85%;
	border: 1px solid #fff;
	background-color: #fff; }

	#area-nav ul
	{	list-style: none;
		margin: 0; padding: 0; }
	
		#area-nav ul li
		/* Removes the need for indenting sidebar links */
		/* Pushes links apart */
		{	margin: 0; padding: 3px 0px 6px 6px;
			text-indent: -0.5em; }
		
		#area-nav ul ul
		{	margin: 0; padding: 0; }

			#area-nav ul ul li
			/* Brings sub-list items back together
				and increases left-padding */
			{	line-height: 1.1;
				margin: 0; padding: 0px 0 1px 12px; }

	#area-nav a
	/* Styles the links in the area sidebar.
		Also forces each link to be a block. */
	{	display: block;
		color: #fff;
		line-height: 1.2;
		text-decoration: none;
		font-size: 1em;
		font-weight: bold; }
	
		#area-nav a:hover, #area-nav a:active
			/* Highlight color */
		{	color: #90f0ff; }
	


/* =Footer elements
----------------------------------------------- */
ul#globalfooter
/* Global footer links, also removes
	the need for the "line" graphic separating
	global footer from rest of page */
{	border-top: 4px solid #006;
	margin: 0 20% 10px; padding: 10px 0 0;
	list-style: none; }

ul#globalfooter li
/* Forces footer links onto same line and
	inserts a border-right to replicate "|" */
{	display: inline;
	margin: 0 0 0 5px; padding: 0 10px 0 0;
	border-right: 1px solid #000; }

ul#globalfooter li.last
/* Removes border-right for last link */
{	border-right: none; }

p#date
/* Positions the generated date */
{	margin-bottom: 0; }

p#url
/* Positions the generated URL */
{	margin-top: 0; }


/* =Sidebarless pages
----------------------------------------------- */
body#sidebarless {	background: #fff; }
body#sidebarless #content {	margin-left: 2%; }
body#sidebarless #footer {	margin-left: 0; }

/* end of epa css */

/* customized css, specific to OGWDW */
.topicsboxheader {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
.searchtips {
	FONT-SIZE: 8pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.searchtips:visited {
	FONT-SIZE: 10pt; TEXT-DECORATION: none
}
.searchtips:hover {
	FONT-SIZE: 11pt; COLOR: #000066
}
.imageright {
	FLOAT: right; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge
}
.imageleft {
	FLOAT: left; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge
}
.imagecenter {
	BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge
}
.imagerightnoborder {
	FLOAT: right
}
.imageleftnoborder {
	FLOAT: left
}
.imagecenternoborder {
	
}
.topics {
	FONT-SIZE: 9pt; COLOR: #000066; LINE-HEIGHT: 110%; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.topics_cso {
	FONT-SIZE: 9pt; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.bmptopics {
	FONT-SIZE: 9pt; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.topics:hover {
	COLOR: red
}
.bmptopics:hover {
	COLOR: red
}
.topicstitle {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff
}
.epaFooterText {
	LINE-HEIGHT: 160%
}
.topicheading {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; TEXT-ALIGN: center
}
A.topicheading {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.topicheading:hover {
	COLOR: red
}
.smalltopicheading {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-ALIGN: center
}
.currentissuesitems {
	FONT-SIZE: 9pt; COLOR: #000066; LINE-HEIGHT: 160%; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.currentissuesitems:hover {
	COLOR: red
}
A.glossary {
	FONT-WEIGHT: bold; COLOR: #6d7539
}
A.pareatopics {
	FONT-SIZE: 8pt; COLOR: navy; LINE-HEIGHT: 100%
}
A.pareatopics:hover {
	COLOR: red
}
A.pass {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
A.pass:hover {
	COLOR: red
}
.acrobat {
	FONT-SIZE: 8pt; COLOR: #ffffff
}
.urbanmap {
	FONT-SIZE: 12pt; COLOR: #ffffff; BACKGROUND-COLOR: #000080
}
.cleanwatertext {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: navy; FONT-FAMILY: Times New Roman
}
.eslinks {
	FONT-SIZE: 10pt; LINE-HEIGHT: 140%; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.redheading {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: red
}
.sw_sub1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000
}
A.wptftoolbar {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none
}
A.wptftoolbar:hover {
	COLOR: red
}
.pdf_font {
	FONT-SIZE: 8pt
}
.greenheading {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000
}
.tealheading {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000
}
.whiteheading {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: white
}
.tableheader {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999
}
.sectiontitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 3px; COLOR: #0033cc; FONT-STYLE: italic; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.rowtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tablemain {
	BORDER-RIGHT: #000000 2px; PADDING-RIGHT: 0px; BORDER-TOP: #000000 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #000000 2px; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 2px; BACKGROUND-COLOR: #eeeeee
}
.sectionborder {
	BORDER-RIGHT: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BORDER-TOP: #000000 2px solid; BORDER-BOTTOM: #000000 2px solid
}
.tableinside {
	BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; BORDER-LEFT: #000000 0px; BORDER-BOTTOM: #000000 0px
}
.tablecell {
	BORDER-RIGHT: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px; BORDER-LEFT: #000000 1px; COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tablecellleft {
	BORDER-RIGHT: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tableheaderleft {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999
}
.checkboxcell {
	BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #000000 0px; BACKGROUND-COLOR: #999999
}
.noncheckboxcell {
	BORDER-RIGHT: #000000 0px; BORDER-TOP: #ffffff 0px; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #ffffff
}
.sectionbordermid {
	BORDER-RIGHT: #000000 2px; BORDER-LEFT: #000000 2px; BORDER-TOP-COLOR: #999999; BORDER-BOTTOM: #999999 thin dotted
}
.sectionborderleft {
	BORDER-RIGHT: #000000 2px; BORDER-LEFT: #000000 2px solid; BORDER-TOP-COLOR: #999999; BORDER-BOTTOM: #999999 thin dotted
}
.sectionborderright {
	BORDER-RIGHT: #000000 2px solid; BORDER-LEFT: #000000 2px; BORDER-TOP-COLOR: #999999; BORDER-BOTTOM: #999999 thin dotted
}
.sectionborderbottom {
	BORDER-RIGHT: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BORDER-TOP-COLOR: #999999; BORDER-BOTTOM: #000000 2px solid
}
.darkrow {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BACKGROUND-COLOR: #cccccc; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-STYLE: solid
}
.lightrow {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-STYLE: solid
}
.darkcell {
	BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; BORDER-BOTTOM: #000000 thin solid
}
.lightcell {
	BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; BORDER-BOTTOM: #000000 thin solid
}
.required {
	COLOR: red
}
.casestudyselect {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #dfdfdf
}
.linkSmallNews {
	FONT: 8.5pt Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; TEXT-DECORATION: none
}
.linkup {
	COLOR: blue
}
.linkdown {
	COLOR: purple
}
LI.list1 {
	LIST-STYLE-POSITION: inside; COLOR: black; LIST-STYLE-TYPE: square
}
LI.list2 {
	LIST-STYLE-POSITION: inside; COLOR: teal; LIST-STYLE-TYPE: square
}
.sideBoxTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: white
}
.sideBoxRowTitle {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: black; TEXT-ALIGN: left
}