/* ecy2011.css  UPDATED july 2016 = adding new menu bar*/


/*************** ALL PAGES ***************/
body {	
		font-family:verdana,arial,sans-serif;
		font-size:11px;
		line-height:150%;
		margin-top:0px;
		margin-left:0px;
		color:#036;
		background-color:#607e7a;
		background: url("/images/bodybg.gif");
		background-repeat: repeat;

	}
div.page {
		width: 960px ;
		margin-left: auto ;
		margin-right: auto ;
		background-color:#ffffff;
	}

table.title     /*** 2011 wide format ***/
	{
		text-align:left;
		background-color:#ffffff;
		width:960px;
	}
h1 {
		font-size:17px;
		margin-top:0;
		margin-bottom:15px;
		color:#369;
	}
h2 {
		font-size:15px;
		margin-top:0;
		margin-bottom:15px;
		color:#369;
	}
h3 {
		font-size:11px;
		font-weight:bold;
		margin:0;
	}	
h4, h5, h6 {
		font-size:11px;
		font-weight:bold;
		color:#000;
		margin:0;
	}
h1.a, h2.a 			  /* for accessibility when images turned off */
	{ 	
		margin:0;
		padding:0;
	}
img {
		border:0px;
	}
table, td { 
		border-style:solid;
		border-color:#999;
		background-repeat:no-repeat;
		padding:0px;
		border-spacing:0px;
		border-collapse:collapse;
	}
table {
		border-width:0px;
	}
td {	
		font-family:verdana,arial,sans-serif;
		font-size:11px;
		line-height:150%;
		color:#036;
		margin-top:0px;
		margin-left:0px;
		border-width:0px 0px 0px 0px;
		vertical-align:top;
	}
td p {
		margin-top:0;
	}
	
a	{
		text-decoration:none;
		color:#036;
	}
a:link {}
a:visited {}
a:hover {
		color:#00f;
	}
a:active {}
ul, ol {
		padding:0px;
	}
ul {
    list-style-type: disc;
}

ul ul {
    list-style-type: disc;
}
ul ul ul {
    list-style-type: disc;
}

 	
/*************** BANNERS, TOP NAV AND FOOTER ***************/
table.banner  /* 2011 wide format */
	{
		border:0px;
		width:960px;
	}
tr.logo {	
		height:65px;
		border:0px;
		background-color:#7194b6;
		text-align:right;
		color:#FFF;
		letter-spacing:0.08em;
	}
tr.logo ul {
		margin:0px;
	}
tr.logo li {
		list-style:none;
		display:inline;
	}
tr.logo a:hover {
		color:#FFF;
	}	
table.footer {                /*** 2011 wide format ***/
		width:960px;
		height:50px;
		border:0px;
		background-color:#CED9E4;
	}
td.copyright { 
		font-size:10px;
		border:0;
		line-height:170%;
	}
td.copyright ul {
		margin:12px;		
	}	
td.copyright li {
		list-style:none;
		display:inline;
	}	
td.copyright a 	{
		/* placeholder */
	}

	
/***** PRIMARY TAB NAVIGATION LINKS  *****/
td.tabs 
	{	
		height:28px;
		color:#668183;
		font-size:13px;
		letter-spacing:.07em;
		background-color:#274B5E;
		background-image:url(/images/tab_bkgrnd.gif);
		background-position:top left;
		background-repeat:none;
		border-bottom:1px;
		border-color:#608191;
	}
td.tabs ul
	{
		margin:4px 0px 4px 24px;
	}
td.tabs li
	{
		display:inline;
		list-style:none;
/*		margin-right:4px;					 removed 10/27/09 as part of IE7 zoom fix */
	}
td.tabs a 
	{
		color:#C1D1D2;
		font-weight:bold;
	}
td.tabs a:hover 
	{
		color:#FFF;
		font-weight:bold;
	}
	
/***** SECONDARY TAB NAVIGATION LINKS  *****/
td.law 
	{
	 	width:960px;
		height:18px;
		font-size:11px;
		background-color:#355c56;			
		border-bottom:1px;
		border-color:#627760;
	}
td.law ul
	{
		margin:4px 0px 9px 14px;
	}
td.law li
	{
		color:#ADB3B9;
		display:inline;
		list-style:none;
/*		margin-right:20px;					 removed 10/27/09 as part of IE7 zoom fix */
	}
td.law a 
	{
		color:#c1cbc0;
		font-weight:bold;
	}
td.law a:hover 
	{
		color:#FFF;
		font-weight:bold;
	}
	

	
/*************** ECY HOMEPAGE ONLY ***************/	

/***** PRIORITIES PHOTOS  *****/
.EcyImageViewer {
		border-style: none;
		text-decoration: none;
		cursor: pointer;
		background-color: #213B48;
	}
	.EcyImageViewerHover{color:#e8dca1;}
	.EcyImageViewerHover:hover {background-color: #a6b876; color: #01141d;}
	.EcyImageViewer table {background-color: #547158; color:#c5d6b5; border:0px; }
	.EcyImageViewerImages {position: relative;}
	.EcyImageViewerImages a{ display:block; text-decoration: none; }
	.EcyImageViewerImages IMG{position: absolute; top: 0; left: 0; border-width:0px;}
	.EcyImageViewerButtons H3{text-align:center; margin-bottom:12px;}
	.EcyImageViewerButtons {color:#c5d6b5; padding-top:13px;}
	.EcyImageViewerButtons p {
					display:block; 
					border-top:1px #727667 solid;
					margin:0px; 
					padding: 12px 6px 11px 20px;
					}
	.EcyImageViewerButtons a{ 
					display:block; 
					color:#e8dca1;
					display:block; 
					text-decoration: none;
					}

/***** TOPICS  *****/
td.topics { 
	 color:#bad4a8; 
	 background-color:#3c5c6c; 
	 float:left;
	 background-image:url('/images/priorities/topics_bg.gif');
	 height:100%;
}
td.topics h3{
	color:#87c4e3;
	margin: 14px 9px 12px 28px;
}
td.topics p {
	margin: 14px 9px 12px 40px;
	font-size:1.2em;	
}
td.topics a{
	color:#87c4e3;	
	text-decoration:none;
}
td.topics a:hover {
	color:#f9f4ca;	
	text-decoration:underline;
}

/***** NEWSHEADING COLUMNS  NO LONGER USED 1/5/201*****/
td.newsheading {
		background-color:#ABBED0;
		border:1px #ABBED0 solid;
		height:26px;
	}

td.newsheading h3 {
		margin:6px 6px 6px 10px;
	}
div.news 
	{
		margin-top:9px;
		margin-left:9px;
		padding:0px 0px 10px 10px;		/* changed from 10px 0px 10px 10px  04/05/10 bob */
		line-height:110%;
	}
div.news ul
	{ 
		margin-left:0px;
		margin-right:6px;    			/* added 03/05/07 bob */
	}
div.news li 
	{
		list-style:none; 
		margin-bottom:9px;				/* changed from margin-bottom 04/05/10 bob */
		line-height:133%;
	}

/***** VIDEO FEATURES  *****/
td.feature div
	{
		width:173px; 
		height:50px; 
		padding-top:12px; 
		background-color:#3c5c6c; 
		border-bottom:1px #3c5c6c solid; 
}
td.feature a:link
	{
		color:#1d6775;
		font-weight:bold;
	}
td.feature a:visited
	{
		color:#1d6775;
		font-weight:bold;
	}
td.feature a:hover
	{
		color:#1414fe;
		font-weight:bold;
	}
**/
/*************** END HOMEPAGE ONLY ***************/	

/*************** SUBPAGES  ***************/	
	
/***** LEFT COL NAV LINKS ***** /

table.main  {                        /* 2011 wide format */
	table-layout:fixed;
	width:960px;
	}

td.program_links 
	{
		width:172px;
		background-color:#EDF1F5;
	}
td.program_links h3	{
		margin-top:12px;			/* changed from 14px on 03/02/09 */
		margin-left:12px;
		margin-right:4px;
	}
td.program_links hr	{
		margin-left:12px;
		margin-right:12px;
	}
td.program_links ul { 
		margin:0px 0px 9px 0px;		/* changed from margin:0 on 03/02/09 */
	}
td.program_links li { 
		list-style:none;
		margin-top:9px;
		margin-right:4px;
		margin-left:12px;
		line-height:105%;
	}
ul.p_clamshell { 
		color:#369;
		font-weight:bold;
		font-size:10px;
		background-color:#DDE8F3;
		list-style:none;
		margin-top:6px;				/* changed from 4px on 02/27/09 */
		margin-bottom:6px;			/* added on 02/27/09 */
		padding-top:2px;			/* changed from 1px on 02/27/09 */
		padding-bottom:2px;			/* changed from 10px on 02/27/09 */
		padding-left:10px;
	}
ul.p_clamshell li {
		margin-top:6px;				/* changed from 6px on 02/27/09 */
		margin-bottom:6px;			/* added on 02/27/09 */
		line-height:105%;			/* added on 02/27/09 */
	}
ul.p_clamshell a {
	 	color:#369; 
	}	

li.nav, li.navsel 
	{ 
		list-style:none;
	}
li.navsel
	{
		font-weight:bold;
	}


/***** CENTER COLUMN ***** /
table.main  {                        /* 2011 wide format */
	table-layout:fixed;
	width:960px;
	}
	
td.prg_center_2col{
		width: 788px;
		border-width:0;
}

td.prg_center_3col{
		width: 616px;
		border-width:0;
}

div.centercontent {
		margin:0px 20px 10px 20px;
		line-height:150%;
}
div.centercontent table{border: 1px gray solid; }
div.centercontent td{border: 1px gray solid; padding:4px; }
table.noborder {border-style:hidden; padding:6px;}
table.noborder td{border-style:hidden;}

div.centercontent ul,ol				/* added to fix IE/Firefox list issue 10/12/06 */
	{
		padding-left: 20px;
		margin-left: 20px;
	}

div.centercontent a {
		text-decoration:underline;
	}

p.breadcrumb 	
	{
		margin-top:12px;
		font-size:11px;
		color:#999;
	}
p.breadcrumb a 	{
		color:#369;
	}
div.notice							/* center div for Notices --TAN option--  added 03/16/2012 */
	{	
		padding: 9px; 
		margin: 10px 10px 10px 10px; 
		line-height: 1.7em; 
		background-color: #ece2cd;
	}	
div.floatright							/* right-nav box --TAN option--  added 11/03/06 */
	{	
		float: right; 
		padding: 9px; 
		margin: 10px 10px 10px 10px; 
		line-height: 1.7em; 
		background-color: #ece2cd;
	}	
#bgblue        							/* right-nav box --BLUE option--  */
	{	
		background-color:#ced9e4;       
	}		
#bwgreen         						/* added for Beyond Waste brochure site 12/14/06 */
	{	background-color:#d3d9c3;       
	}	
#ecyclegreen         					/* added for E-Cycle brochure site 08/20/08 */
	{	background-color:#dae6d8;       
	}	
	
/***** RIGHT COLUMN ***** /
table.main  {                        /* 2011 wide format */
	table-layout:fixed;
	width:960px;
	}

td.prg_r_col 
	{
		width:172px;
		border-width:0px;
		background-color:#CED9E4;
	}
	
td.prg_r_col p 	{
		margin-top:0px;
		margin-right:10px;
		margin-left:20px;
		/* line-height:150%; */
	}		
td.prg_r_col h3 {
		margin:12px 10px 0px 20px;
	}		
td.prg_r_col a {
		text-decoration:underline;
	}
td.prg_r_col ul,ol						/* added to fix IE/Firefox list issue 11/08/06 */
	{
		padding-left: 20px;
		margin-left: 20px;
	}
	
div.prg_r_col  {
		color:#fff;
		border-width:0px;
		padding:4px;
	}
div.prg_r_col p {
		color:#fff;
		line-height:150%;
		margin-left:20px;
	}		
div.prg_r_col a {
		color:#fff;
		text-decoration:underline;
	}
div.prg_r_col img {
		margin-top:10px;
		margin-bottom:10px;
		margin-left:20px;
	}


/********END SUBPAGES ******/

/*************** EFEECTS ***************/

img.liteup {
opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */
 }
img:hover.liteup
 {
 opacity:1.0;
 filter:alpha(opacity=100); /* For IE8 and earlier */
 }
}
img.dim {
opacity:1.0;
 filter:alpha(opacity=100); /* For IE8 and earlier */
 }
img:hover.dim
 {
 opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */
 }
}


/*************** FORMS ***************/
form
	{
		margin:0px;
		padding:0px;
	}

input
	{
		vertical-align:middle;
	}	


/*************** PRINT STYLES added to address cropping problem 02/17/07  ***************/

/* By program, find info about, ... */
p.focusheading, p.newsheading 
	{ 
		margin:0px;
		font-weight:bold;
		letter-spacing:0.04em;
	}
p.focusheading 
	{ 
		margin-top:6px; 
	}

  
td.maincontent ul 
	{
		margin-left:20px;
		margin-bottom:16px;
	}
table.survey 										/* added for online survey 10-31-06 */
	{ 
		width:771px;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
	}
td.survey 											/* added for online survey 10-30-06 */
	{ 
		font-size:10px;
		line-height:170%;
		border:0;
		background-color:#ece2cd;
	}
p.motto
	{
		font-size:13px;
		color:#000;
	}
.caption
	{
		display:block;
		font-size: 11px;
		font-style: italic;
		color: #91aeca;
	}
div.graphicbox_right
	{
		float:right;
		padding: 10px;
		margin: 10px 0px 10px 10px;
	}
div.graphicbox_left
	{
		float:left;
		padding: 10px;
		margin: 10px 10px 10px 0px;
		border: thin #fff solid;
	}
div.graphicbox_right, div.graphicbox_left 
	{
		font-size: 11px;
		font-style: italic;
		color: #7a96b1;
		margin-top: 6px;
	}

/* remove unwanted table borders, 10-17-08 */
table.noborder { border: none; }		
table.noborder tr { border: none; }	
table.noborder td { border: none; }		       

/* 10/15/08 testing for Hover-definition feature */
a.definition
{
	color:#027d0b;
	font-style:italic;
	border-bottom: thin dotted #027d0b;
	text-decoration:none;
}

/* 12/13/12 customer survey link added to Banner include */
a.feedback {
background: url(/images/feedback_sidetab.png);
background-repeat:no-repeat;
display: block;
width:29px;
height:115px;
position:fixed; 
left:0px; top:65px;
z-index:100;
}



/* PRINT STYLES to address cropping problem 02/17/07 */
p.print_only
	{
		display:none;
	}
@media print
	{
		body
			{
				width:100%;
				margin-left:0px; 
				margin-right:0px;
				background-color:#ffffff;			/* added 01/24/11 to eliminate colored background in printed pages */
			}
		p.print_only
			{
				display:block;
				margin-bottom:0px;
				width:100%;
				background-color:#7194B6;
			}
		table.banner
			{
				display:none;
			}
		table.title, table.main
			{
				width:788px;
				border-width:0px;
			}
		td.title_left, td.program_links
			{
				display:none;
				border-width:0px;
			}
		table.footer
			{
				display:none;
			}
			
	}
	
@media handheld
	{

	}
	
/* Insert URL after link; doesn't currently render properly in Firefox
		a:link:after, a:visited:after
			{
				content: " (" attr(href) ") ";
			}
*/
	}
/* This is a test of message for links leaving Ecology site
a.external
	{
		background-image: url('javascript:alert('You are now leaving the Washington State Department of Ecology Web site.');')
	}
*/

/* BELOW added to fix column formatting issues in Firefox and Opera */
table.main {background-color:#FFFFFF;}
td.program_links {background-color:#EDF1F5;	width:172px;}
td.prg_r_col {background-color:#CED9E4;	width:172px;}


/* 2016 MENU BAR */

div.alertband {
		width:100%; 
		position:relative;
		left:-10px;
		top:0px;
		background-image:url(/images/2016home/alert.png);
		background-position:9px center;
		background-repeat:no-repeat;
		vertical-align:middle;
		border:10px #f5b056 solid;
		background-color:#f5b056; 
		color:#133243; 
		}
	div.alertband h2{color:#133243; font-weight:bold; margin-left:40px; margin-top:12px;}
	div.alertband a{color:#691301; text-decoration:underline;}
	div.alertband a:hover{color:#a30352;}
	div.alertband a:visited{color:#a30352;}


div.logo {
  width:908px; 
  height:25px; 
  padding:22px; 
  margin:0; 
  background-color:#ffffff;		
}
div.search {  
  float:left; 
  vertical-align:middle; 
  text-align:center; 
  margin:12px 0 0 50px;
}
div.about {
  float:right; 
  vertical-align:top; 
  font-size:14px; 
  padding:16px 0 0 0;			
}
div.menu {
  width:960px;
  height:42px;
  background-color:#274b5e;
  margin:0;
  padding:0;
}

div.progResources {width:inherit; background-color:#ced9e3; text-align:center; margin:0;}
div.progResources a{background-color:#ced9e3; color:black; display:inline-block; font-size:12px; font-weight:bold; padding:3px 6px; margin:0; border:2px #ced9e3 solid;}
div.progResources a:hover{background-color:white; text-decoration:none; border:2px #ced9e3 solid;}

.menu li{
  list-style:none;
  display:inline-block;
}
.menu a{
  font-family:"Proxima Nova", Segoe UI, Helvetica, Sans-serif;
  font-size: 18px;			
  font-weight:bold;
  display: block;
  text-decoration: none;
  color: #ffffff;
  background-color:transparent;
  margin:0;
  padding: 12px 23px;
}
.menu a:hover{
  text-decoration: none;
  color: #ffffff;
  background-color: #6c97c1;  /* hover color */
}
a.homebutton {font-weight:normal; padding-right:52px;}
/* END 2016 MENU BAR */

/*** FATFOOTER ***/

.feedbackbutton a{
	font-size:14px; 
	font-weight:bold; 
	color:white;
	display:block; 
	text-decoration:none;
	width:120px; 
	text-align:center; 
	padding:2px 0; 
	background-color:#d6861c;  
	position:relative; 
	left:400px; 
	top:-21px;
}
.feedbackbutton a:hover{
	background-color:#f7af50;
	text-decoration:none;
}

	table.footerlink {
		background-color:#3a5b6d;
		color:white;
		border:0;
		margin:0;
		padding:24px;
		}
	table.footerlink li{ list-style:none; margin-left:24px; }
	table.footerlink a{
		display:block;
		text-decoration:none;
		width:inherit;
		background-color:#3a5b6d;
		font-size:1em;
		padding:9px;	
		color:white;	
		}
	table.footerlink a:hover{ background-color:#3e708a; }
	table.footerlink a:active{ background-color:#3e708a; }  
	div.socialmedia { margin:24px; text-align:center;}
	div.socialmedia a{ display:inline;}
	div.socialmedia a:hover{ background-color:transparent;}
	table.copyright {
		background-color:#3a5b6d; 
		border:18px #3a5b6d solid;	
		}
	table.copyright td{color:white;	}
	table.copyright a{color:white;	}
	table.copyright a:hover, a:active{color:#ffd76c;}
	
/* END FATFOOTER */