/* CSS Document */


#areanav ul li.separator {border-bottom:2px solid #eee;}
#content h2, #content h3, #content h4, #content h5 {clear:left;}  /* using left rather than both to accomodate right-side elements */
#content .pagetop {float:right; margin:.5em 0; }

/* Spacing adjustments */
#content blockquote {font-size:100%;color:#333;}
#content ul.listmorespace li {padding-bottom:.5em;}
#content .moretopwhitespace {padding-top:.4em;margin-top:1em;}
#content .moretopmargin {margin-top:2em;}
#content .backltylw {background-color:#f5ecb8;border-bottom:1px solid #c1b98b;}
#content h4.backltylw, #content h3.backltylw {background-color:#f5ecb8;border-bottom:1px solid #c1b98b; padding:.2em;font-size:1.1em;}
#content .backdkblue {background-color:#4d7297;color:#fff; padding:.2em;}
#content h4.backdkblue, #content h3.backdkblue  {background-color:#4d7297;color:#fff; padding:.2em;font-size:1.1em;}
#content .backltgrn {background-color:#a2c5b4;}
#content h4.backltgrn, #content h3.backltgrn {background-color:#a2c5b4; padding:.2em;font-size:1.1em;}
#content .nobottomwhitespace {margin-bottom:0; padding-bottom:0;}
#content .notopwhitespace {margin-top:0; padding-top:0;}
#content .width60 {width:60%;}
#content .separate-clear {width:100%; clear:both; line-height:0px; margin:0;padding:0;}

/* darker form field border */
#content input, #content text, #content textarea {border:1px solid #999;}

#content .noborder {border: none; background:none;}		
#content .border {border:2px solid #ccc;}
#content box img {border:2px solid #ccc;}	

#content a img .imgcontainer-l, #content a img .imgcontainer-r {border:none;}
#content img .imgcontainer-l {margin:0 1em 1em 0;}
#content img .imgcontainer-r {margin:0 0 1em 1em;}

#content .ital { font-style:italic; }
	
#content .clear-l {clear:left;}	
#content .clear-r {clear:right;}
#content .clearnone {clear:none;}	

#content .commentperiod {color:#CC0000;}

#content h4.programs-resources  {background-color:#e3d169;border-bottom:1em solid #aaa; margin: 1em 0;padding:.3em;font-size:1.1em;color:#333;}
/* see J:\styles\prog-resource.txt for code sample of the Programs & Resources structure */

#content .rtsidecontainer { float: right;padding: .3em;width: 230px; margin:0 0 1em 1em;}

#content .onthispage {margin-bottom:0;padding-bottom:0;}
#content hr  {width:60%; clear:none; margin: 2em; text-align:left;}
#content hr.onthispage_hr {width:400px; clear:left; float:left !important; margin:1em 0 2em 1em; text-align:left; border:1px solid #9a6;}
	
	

/* storycell used on program home pages? */
#content div.storycell {padding:.3em; margin:.3em 0;}
#content div.storycell-bottombord {padding:.5em .3em; margin:.5em 0; border-bottom:2px solid #7395b7;}
	#content div.storycell img {border-top: 1px dotted #ccc; padding: .2em;}
	#content td.storycell { padding: .2em .2em 0 .2em;}
	#content div.storycell img .noborder, #content div.storycell .noborder {border: none;}
	#content div.storycell img.left {float:left;margin: 0 .3em .3em 0;}
	#content div.storycell img.right {float:right;margin:0 0 .3em .3em;}


	
	
/* hacks for IE7 only  */
	*:first-child+html #content div#nav-alt ul li {border-bottom:2px solid #a1bc8d;height:1.93em;}
	*:first-child+html #content div#nav-alt li a:hover {width:95.5%;}
	*:first-child+html #content div#nav-alt li a {padding:.45em;}
	*:first-child+html #content table.qfinder a:visited {font-size:100%;}
	
/* hacks for IE6 only */
	*html #content div#nav-alt ul li {border-bottom:2px solid #a1bc8d;height:1.85em;}
	*html #content div#hm-mid-col {width:274px;}
	*html #content div#aside{padding-left:0px;}
	*html #content div#nav-alt {width:170px;height:190px;}
	*html #content div#nav-alt li a {padding:2px 4px;}
	*html #content div#nav-alt li a:hover {width:99%;}
	



/* tabnav.css has been incorporated below 
This tab method should not be used anymore*/
*html #content #tabs {
	margin-bottom:0;
}

#content #tabNav {
	padding: 0 0 40px 0;
	width:100%;
	}
#content #nav {
    width:90%;  
	float:left;
	margin: 0 0 10px; 
	padding: 5px 0 0 0;
	list-style: none;
	background: #fff url("../gif/tab-border.gif") repeat-x bottom left;
	}
#content #nav a {
	float:left;
	display:block;
	margin: 0 1px 0 0;
	padding: 5px 8px;
	color:#333;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	border-bottom: none;
	background: #FFF url("../gif/tab-gray.gif") repeat-x top left;
	}
#content #nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
	}
#content #current a,  #nav a.current {
	color: #333;
	padding-bottom: 6px;
	border-color: #999;
	background: #fdf8e6 url("../gif/tab-yellow-dark.gif") repeat-x top left;
	}
	
#content #nav a:hover{
	color: #333;
	padding-bottom: 6px;
	border-color: #999;
	background: #fff url("../png/tab-white.png") repeat-x top left;
	}	
	
/* changing #nav to #tablist for use on the oneEPA template */

#content #tablist {
    width:90%;  
	float:left;
	margin: 0 0 10px; 
	padding: 5px 0 0 0;
	list-style: none;
	background: #fff url("../gif/tab-border.gif") repeat-x bottom left;
	}
#content #tablist a {
	float:left;
	display:block;
	margin: 0 1px 0 0;
	padding: .5em .5em;
	color:#333;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	border-bottom: none;
	background: #FFF url("../gif/tab-gray.gif") repeat-x top left;
	}
#content #tablist li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
	}
#content #current a,  #tablist a.current, #tablist2 a.current {
	color: #333;
	padding-bottom:0;
	border-color: #999;
	background: #fdf8e6 url("../gif/tab-yellow-dark.gif") repeat-x top left;
	}
	
#content #tablist a:hover{
	color: #333;
	padding-bottom: 0;
	border-color: #999;
	background: #fff url("../png/tab-white.png") repeat-x top left;
	}	
	#content #tablist2 a:hover{
	color:#333; 
	padding-bottom:0; /*6 extends tab lines to larger tab bottom */
	border-color: #999;
	background: #fff url("../png/tab-white.png") repeat-x top left;
	}
	
#content #tabNav2 {
	padding: 0 0 60px 0; 
	width:800px;	
	}
#content #tablist2 {
	float:left;
	width:800px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	background: #fff url("../gif/tab-border.gif") repeat-x bottom left;
	}
#content #tablist2 a {
	float:left;
	display:block;
	margin: 0 1px 0 0;
	padding: 9px 9px; 
	color: #333; 
	text-decoration: none; 
	border: 1px solid #BCBCBC;
	border-bottom: none;
	background: #fff url("../gif/tab-gray.gif") repeat-x top left;
	}
#content #tablist2 li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
		}

/* Tab nav for buttons with 3 lines of text */
 
#content #nav2 {
	float:left;
	width:800px;
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	background: #fff url("../gif/tab-border.gif") repeat-x bottom left;
	}
#content #nav2 a {
	float:left;
	display:block;
	margin: 0 1px 0 0;
	padding: 9px 9px; 
	color: #333; 
	text-decoration: none; 
	border: 1px solid #BCBCBC;
	border-bottom: none;
	background: #fff url("../gif/tab-gray.gif") repeat-x top left;
	}
#content #nav2 li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
		}
#content #nav2 a:hover{
	color:#333; 
	padding-bottom: 10px; 
	border-color: #999;
	background: #fff url("../png/tab-white.png") repeat-x top left;
	}

/* tablist2 for a second line of tabs

/* 2nd line of sub-navigation for the current tab */

#content #subnav {
	float:left;
	width: 500px;   
	padding: 0 0 5px 200px;
	list-style: none;
	background: #fff url("../gif/tab-yellow-light.gif") repeat-x top left;
	font-size:80%; 
	margin: -10px 0 5px 0;  
	border:none;
	}*/

/* ie hacks for subnav*/
/* this tab scheme should be used anywhere */
*:first-child+html #content #subnav {
margin-top:-40px;
}
* html #content #subnav {
margin-top:-40px;
}   

#content #subnav a {
	float:left;
	display:inline;
	margin: 0 1px 0 0;
	padding: 5px 8px;
	color:#333;
	text-decoration: none;

	}
#content #subnav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
	}

#content #subnav li a {border-bottom:2px solid #eece20;font-size:100%;}
#content #subnav li a:hover {background-color:#eece20;text-decoration:underline:}
*/
/* end tabnav */
	

/*  ACCORDIAN PANE CSS */
/* root element for accordion. decorated with rounded borders  */
#accordion {
	width: 300px;
	border:1px solid #333;	
	-background:#666;
}

/* accordion header */
#accordion h5 {
	
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* these styles override the ones from epa-core.css for the accordion boxes */


/* currently active header */
div.accordion h5.current {
	cursor:default;
	background:#4289aa url(../html/opened.html);
	background-repeat:no-repeat;
	background-position:right;
	color: #FFF;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
div.accordion h5 {
	background:#dcebf1 url(../html/open.html);
	background-repeat:no-repeat;
	background-position:right;
    color: #555;
	cursor:pointer;	
}


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* various handy things */

#content .width240 {width:240px; margin-left:1em;} /* 3/19/2009 L Schatzkin for images imgcontainer*/
#content .marginright {margin-right:1em;}  /* 5/14/2009 L Schatzkin



/***********************************************************************************/ 

/* banner nav for wide banner - 710px  */


#content #bannernav2 {margin: 0px;
	float:left;
	background-color: #96b082;
	width:710px;
	height:23px;
	margin-left:0;}
#content #bannernav2 a {font: Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #ccc;
	background: #fff;
	text-decoration: none;
	margin: 0;
	padding: 4px;}
#content #bannernav2 a.activeSlide {background:#b2daeb;
	text-decoration: none;}
#content #bannernav2 a:focus {outline: none;
	text-decoration: none;}	
	
/* spacing for expandible Q&A or faq */
#content dt {margin-top: 1em;}

#content dt:hover {text-decoration: underline;}
	/*  color:#47aa42;}  */



