@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {color: #397d9d; text-decoration: underline;}
a:visited {color: #445b66; text-decoration: underline;}
a:hover {color: #4d9ec4; text-decoration: underline;}
a:focus {outline: none;}

ul {
	margin: 15px 0 0 15px;
	padding: 0;
}

	ul li {
		margin: 0;
		padding: 0 0 0 10px;
		list-style: none;
		background: url(../graphics/bullet.gif) no-repeat 0 9px;
	}

h1 {
	height: 27px;
	margin: 0;
	padding: 4px 0 0 15px;
	color: #ffffff;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: normal;
	background: url(../graphics/bg-header-h1.gif) no-repeat;
}

h2 {
	margin: 0;
	color: #7e725a;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: normal;	
}

h3 {
	margin: 0;
	color: #000000;
	font-size: 14px;
	line-height: normal;
	letter-spacing: -1px;
}

p {margin-top: 15px; margin-bottom: 0;}

blockquote {
	width: auto;
	padding: 10px 60px;
	background: #f8f5ef;
	border-top: 1px solid #d5cfc2;
	border-bottom: 1px solid #d5cfc2;
}

#container {
	width: 980px;
	margin: 0 auto;
}

	#logo {
		width: 166px;
		height: 56px;
		float: left;
	}
	
		#logo h1 {
			background: none;
			padding: 0;
			height: auto;
		}
	
		#logo a {
			width: 166px;
			height: 56px;
			display: block;
			background: url(../graphics/minnesota-waste-wise-logo.gif) no-repeat;
		}
	
	#nav {
		width: 810px;
		height: 40px;
		padding-top: 16px;
		padding-bottom: 12px;
		float: right;
	}
	
		#nav ul {margin: 0; padding: 0; float: right;}
		#nav ul li {margin: 0; padding: 0; list-style: none; float: left;}
			
			#nav ul li a {
				height: 40px;
				display: block;
				float: left;
			}
			
			#nav ul li a:hover, #nav ul li a.on, #nav ul li a.on:visited, #nav ul li a.on:hover {background-position: 0 -40px;}
			
			.nav-about {width: 63px; background: url(../graphics/nav/about-us.gif) no-repeat;}
			.nav-join {width: 56px; background: url(../graphics/nav/join-us.gif) no-repeat;}
			.nav-member-services {width: 106px; background: url(../graphics/nav/member-services.gif) no-repeat;}
			.nav-resources {width: 76px; background: url(../graphics/nav/resources.gif) no-repeat;}
			.nav-recycling-programs {width: 131px; background: url(../graphics/nav/recycling-programs.gif) no-repeat;}
			.nav-member-recognition {width: 134px; background: url(../graphics/nav/member-recognition.gif) no-repeat;}
			.nav-contact {width: 80px; background: url(../graphics/nav/contact-us.gif) no-repeat;}
			.nav-energy-smart {width: 94px; background: url(../graphics/nav/energy-smart.gif) no-repeat;}
			.nav-chamber {width: 60px; background: url(../graphics/nav/chamber.gif) no-repeat;}

	#body {
		width: 980px;
		padding: 16px 0 30px 0;
		background: url(../graphics/bg-body.gif) repeat-y;
	}
	
		#subnav {
			width: 165px;
			padding-top: 50px;
			float: left;
		}
		
			#subnav ul  {
				margin: 0;
				padding: 0;
			}
			
				#subnav ul li {
					margin-bottom: 15px;
					background-position: 0 6px;
				}
		
					#subnav ul li a, #subnav ul li a:visited {
						color: #000000;
						text-decoration: none;
					}
					
					#subnav ul li a:hover, #subnav ul li a.on, #subnav ul li a.on:visited, #subnav ul li a.on:hover {
						color: #a69d6d;
						text-decoration: none;
					}
					
		#content-pane {
			width: 617px;
			margin-left: 15px;
			float: left;
		}
		
			.content {
				width: auto;
				padding: 0 15px;
				line-height: 20px;
			}
			
				.home-images {
					width: 166px;
					margin: 0 0 0 15px;
					float: right;
				}
				
				.right-callout {
					width: 300px;
					margin: 0 0 10px 15px;
					float: right;
				}
				
				.news-container {
					width: auto;
					border: 1px solid #d1e89c;
				}			
				
					.news-header {
						width: auto;
						padding: 4px 10px;
						font-weight: bold;
						background: #d1e89c;
					}
					
						.news-header a, .news-header a:visited {
							color: #5a481c;
							display: block;
						}
						
						.news-header a:hover {
							color: #5a1c1c;
						}
					
					.news-story {
						width: auto;
						padding: 10px;
						background: #faffef;
					}
		
		#right-pane {
			width: 167px;
			padding: 50px 0 0 0;
			line-height: 15px;
			font-size: 11px;
			float: right;
		}
		
			#right-pane h3 {
				margin: 0;
				padding: 0 10px 1px 10px;
				font-size: 12px;
				letter-spacing: 0;
				display: inline;
				border-bottom: 1px solid #d3d3d3;
			}
			
			#right-pane p {
				padding-left: 10px;
			}
			
	#footer {
		width: auto;
		padding: 0 0 20px 0;
		background: url(../graphics/bg-footer.gif) repeat-x;
	}
	
		#footer-sponsors {
			width: auto;
		}
	
		#footer-content {
			width: 812px;
			padding-top: 13px;
			color: #656565;
			font-size: 10px;
			line-height: 15px;
			float: left;
		}
		
			#search {
				width: 218px;
				float: right;
			}
		
		#mn-chamber-logo {
			width: 134px;
			height: 60px;
			background: url(../graphics/mn-chamber-logo.gif) no-repeat;
			float: right;
		}
		
			#mn-chamber-logo a {
				width: 134px;
				height: 60px;
				display: block;
			}
			
.table-normal {
	border-collapse: separate;
	border-top: 1px solid #d5cfc2;
	border-right: 1px solid #d5cfc2;
}

	.table-normal th {text-align: left; background: #ede9e1;}
	.table-normal td {background: #f8f5ef;}

	.table-normal td, .table-normal th {
		padding: 4px 10px;
		border-left: 1px solid #d5cfc2;
		border-bottom: 1px solid #d5cfc2;
	}
	
	.table-normal table td, .table-normal table th {border: none;}

.table-listing {
	border-collapse: separate;
	margin-top: 15px;

}
	table td.listing, .table-listing td.listing {
		width: 174px;
		padding: 4px 6px;
		background: #f8f8f8;
		border: 1px solid #dfdfdf;
		font-size: 11px;
		line-height: 15px;
		vertical-align: top;
	}

		table td.spacer, .table-listing td.spacer {width: 10px;}

.join-us-button, .join-us-button:visited {
	width: 165px;
	height: 40px;
	display: block;
	background: url(../graphics/join-us.gif) no-repeat;
}

.join-us-button:hover {background-position: 0 -40px;}
.join-us-button:active {background-position: 0 -80px;}
	
.link-black, .link-black:visited {color: #000000; text-decoration: underline;}
.link-black:hover {color: #515151; text-decoration: underline;}

.list-inline-logos {margin: 15px 0 0 0;}

	.list-inline-logos li {
		margin: 0 15px 0 0;
		padding: 0;
		background: none;
		display: inline;
	}
	
.list-inline {margin: 15px 0 0 0;}

	.list-inline li {
		background-position: 0 7px;
		width: 282px;
		font-size: 11px;
		line-height: 18px;
		float: left;
	}
		
.right-open-image {
	margin: -15px 10px 0 15px;
	float: right;
}

.error-message {
	border: 2px solid #894537;
	color: #894537;
	font-weight: bold;
	background: #ffede9;
	padding: 8px;
}

.tan-container {
	border: 1px solid #d5cfc2;
	color: #894537;
	background: #f8f5ef;
	padding: 8px;
}

.edit {background-color: #FFFF00;}

.text-blue {color: #507282;}
.text-red {color: #894537;}
.content-10 {font-size: 10px; line-height: 15px;}
.content-11 {font-size: 11px; line-height: 16px;}
.content-12 {font-size: 12px; line-height: 20px;}

.margin-top-6 {margin-top: 6px;}
.margin-top-8 {margin-top: 8px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top: 25px;}	
.margin-top-30 {margin-top: 30px;}
.margin-top-40 {margin-top: 40px;}

.letter-spacing-normal {letter-spacing: 0px;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.hide {display: none;}
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}

/******** FORM STYLES ***********/

form {margin: 0;}

.input-text {
	border: 1px solid #b9b9b9;
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.textarea {
	height: 92px;
	border: 1px solid #b9b9b9;
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.width-220 {width: 220px;}
.width-20 {width: 20px;}
.width-35 {width: 35px;}

.search-box {
	width: 173px;
	height: 18px;
	margin: 0;
	padding: 6px 6px 0 6px;
	border: none;
	background: url(../graphics/bg-search-box.gif) no-repeat;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #6a737b;
}

.search-box-small {
	width: 120px;
	height: 18px;
	margin: 0;
	padding: 6px 6px 0 6px;
	border: none;
	background: url(../graphics/bg-search-box-small.gif) no-repeat;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #6a737b;
}