﻿/* ecy.css */

body
	{	
		font-family:verdana,arial,sans-serif;
		font-size:11px;
		line-height:150%;
		color:#036;
		margin-top:0px;
		margin-left:0px;
	}
h1
	{
		font-size:17px;
		margin-top:0;
		margin-bottom:15px;
		color:#369;
	}
h2
	{
		font-size:16px;
		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;
	}
table, td
	{ 
		border-style:solid;
		border-color:#999;
		background-repeat:no-repeat;
		padding:0;
		border-spacing:0px;
		border-collapse:collapse;
	}
table
	{
		border-width:1px;
	}
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;
	}
form
	{
		margin:0;
		padding:0;
	}
img
	{
		border:0;
	}
input
	{
		vertical-align:middle;
	}	
a
	{
		text-decoration:none;
		color:#036;
	}
a:link {}
a:visited {}
a:hover 	
	{
		color:#00f;
	}
a:active {}

ul, ol 
	{
		padding:0;
	}


/* START print styles added to address cropping problem 02/17/07 */
table.banner
	{
		width:771px;
		  border:0px;
	}
table.title, table.main
	{
		width:771px;
		border-width:0px;
	}
/* END */


/* By program, find info about, ... */
p.focusheading, p.newsheading 
	{ 
		margin:0;
		font-weight:bold;
		letter-spacing:0.04em;
	}
p.focusheading 
	{ 
		margin-top:6px; 
	}
td.logo 
	{	
		height:65px;
		border-bottom-width:0;
		background-color:#7194B6;
		text-align:right;
		color:#FFF;
		letter-spacing:0.08em;
	}
td.logo ul
	{
		margin:0;
	}
td.logo li
	{
		list-style:none;
		display:inline;
	}
td.logo a:hover 
	{
		color:#FFF;
	}
td.tabs 
	{	
		width:771px;
			height:28px;
		color:#668183;
			font-size:11px;
			letter-spacing:.07em;
		background-color:#274B5E;
		background-image:url(/images/tab_bkgrnd.gif);
		background-position:top left;
			border-bottom:1px;
		border:#608191;
	}
td.tabs ul
	{
		margin:4px 0 4px 24px;
	}
td.tabs li
	{
		display:inline;
		list-style:none;
		margin-right:4px;
	}
td.tabs a, a.tab 
	{
		color:#C1D1D2;
		font-weight:bold;
	}
td.tabs a:hover 
	{
		color:#FFF;
		font-weight:bold;
	}
td.maincontent ul 
	{
		margin-left:20px;
		margin-bottom:16px;
	}
/* Air, Water, Land, ... links  */
td.law 
	{
	 	width:771px;
			height:14px;
			font-size:10px;
		background-color:#355c56;			
			border-bottom:1px;
			border-color:#627760;
	}
td.law ul
	{
		margin:4px 0 5px 24px;
	}
td.law li
	{
		color:#ADB3B9;
		list-style:none;
		display:inline;
		margin-right:20px;
	}
td.law a, a.law 
	{
			color:#c1cbc0;
		font-weight:bold;

	}
td.law a:hover 
	{
		color:#FFF;
		font-weight:bold;
	}
  
             /* NEW PRIORITIES BOX */
td.priorities
	{
		width:598px; 
		border:0px;
		background-color:#3c5c6c;
		color:#b5d5f4; 
		font-family:Candara, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-style:italic; 
		margin:6px;
	}
td.priorities div
	{
		margin:0px;
		padding:0px;
	}
	
td.priorities a:link
	{
		color:#b5d5f4; 
	}
td.priorities a:visited
	{
		color:#b5d5f4; 
	}
td.priorities a:hover
	{
		color:#ffffff; 
	}


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;
	}
	
td.left_column 
	{ 
		width:172px;
		background-color:#EDF1F5;
	}
/* div.left_column_div */
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 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%;
	}
/* Left column links (e.g., programs)  */	
li.nav, li.navsel 
	{ 
		list-style:none;
	}
li.navsel
	{
		font-weight:bold;
	}
/* Program expanded sub links */
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; 
	}
/* News, How do I, ... headings */
td.newsheading 
	{
		background-color:#ABBED0;
			border:1px #ABBED0 solid;
		height:26px;
	}
td.newsheading h3	
	{
		margin:6px 6px 6px 10px;
	}
div.news 
	{
		padding:10px 0px 10px 10px;
		background-color:#FFF;
		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;
		line-height:133%;
	}
p.breadcrumb 
	{
		margin-top:12px;
		font-size:11px;
		color:#999;
	}
p.breadcrumb a 
	{
		color:#369;
	}
table.footer 
	{
		width:771px;
		height:67px;
		border:0;
		background-color:#CED9E4;
	}

table.survey 										/* added for online survey 10-31-06 */
	{ 
		width:771px;
		border: 0;
		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;
	}
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 */
	}
td.prg_c_col
	{
		border-width:0;
	}	
td.prg_c_col a
	{
		text-decoration:underline;
	}
td.prg_r_col 
	{
		border-width:0;
		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;       
	}	
td.prg_r_col p
	{
		margin-top:0;
		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;
	}
td.prg_c_col ul,ol								/* added to fix IE/Firefox list issue 10/12/06 */
	{
		padding-left: 20px;
		margin-left: 20px;
	}
td.prg_c_col div
	{
		/* placeholder */
	}
		
div.prg_r_col 
	{
		color:#fff;
		border-width:0;
		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;
	}
div.floatright							/* right-nav box --TAN option--  added 11/03/06 */
	{	
		float: right; 
		padding: 9px; 
		margin: 10px 0px 10px 10px; 
		line-height: 1.7em; 
		background-color: #ece2cd;
	}	
#bgblue        							/* right-nav box --BLUE option--  */
	{	background-color:#ced9e4;       
	}	
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;
}


/* print styles added to address cropping problem 02/17/07 */
p.print_only
	{
		display:none;
	}
@media print
	{
		body
			{
				margin-left:0px; 
				margin-right:0px;
			}
		p.print_only
			{
				display:block;
				margin-bottom:0px;
			}
		table.banner
			{
				display:none;
			}
		table.title, table.main
			{
				width:599px;
				border-width:0;
			}
		td.title_left, td.program_links
			{
				display:none;
				border-width:0;
			}
		table.footer
			{
				display:none;
			}
/* 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.');')
	}
*/


/* CHANGES TO STANDARD CSS */

.meeting 
{
    margin-top: 10px;   
}

td.prg_c_col td {
    border:none;
}
 
td.prg_c_col table {
    border:none;
}

#emailForm 
{
    font-weight: bold;   
}

#process #nav_process,
#meetings #nav_meetings,
#documents #nav_documents,
#expertPanel #nav_expertPanel,
#photos #nav_photos,
#comments #nav_comments 
{
    font-weight: bold;
}

.meetingHeader
{
    color: #336699;
	font-size:15px;
	font-weight:bold;
	margin: 25px 0px -5px 0px;
}	

#home_callout 
{
    border: solid 2px #EDF1F5;
    width: 150px;
    height: 170px;
    padding: 5px;
    float: right;
    margin-right: -20px;
    margin-left: 20px;
}
