@charset "UTF-8";
/* Allied Waste Idaho Stylesheet */

/* ------------------------------------------------------------ GLOBAL STYLES ----- */

body {
	height:100%; /* fixes alignment issues in IE6 */
	width:100%; /* fixes alignment issues in IE6 */
	font: 62.5% Arial, Helvetica, sans serif; /* resets the default font size in a way that allows using em sizes that relate to pixel sizes like so: 1.2em = 12px */
	color: #3a4630;
	background-color:#3a4630;
	}
	
.clear {
	clear:both;
	height:0px;
	}
	
.left {
	float:left;
	}
	
#container {
	width:914px;
	background-color:#fff;
	margin:0px auto 0px;
	}
	
/* #container * { outlines all block level elements for debugging purposes, comment out when complete 
	border:1px solid #FF00FF;
	} */
	
/* ------------------------------------------------------------ HEADER STYLES ----- */

#header {
	width:824px;
	min-height:70px;
	height:auto !important;
	height:70px;
	padding:20px 45px;
	}
	
	#header img {
		float:left;
		}
	
	#header p {
		font:1.6em Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#005288;
		margin:25px 0px 0px 10px;
		float:left;
		}
		
	#header form#cse-search-box {
		float:right;
		margin-top:21px;
		}
		
		#header form#cse-search-box input#submit {
			margin-left:10px;
			padding:3px 5px;
			border:none;
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
			background-color:#3a4630;
			}

/* ------------------------------------------------------------ FLASH-CONTAINER STYLES ----- */

#flash-container {
	width:914px;
	height:265px;
	}

/* ------------------------------------------------------------ NAV STYLES ----- */

ul#nav {
	display:block;
	/*width:914px;*/
	min-height:30px;
	height:auto !important;
	height:30px;
	margin:0px auto 0px;
	padding-left:45px;
	font:1.4em Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	background-color:#3a4630;
	}
	
	ul#nav li {
		float:left;
		padding: 7px 10px 10px;
		position:relative;
		/*cursor:pointer;*/
		z-index:1;
		}
		
		ul#nav li ul { /* Dropdown menus use ALA's Suckerfish technique */
			display:none;
			position:absolute;
			top:30px;
			left:0px;
			padding:0px 10px 10px;
			font-size:.8em;
			font-weight:bold;
			background-color:#3a4630;
			z-index:10;
			}
			
		ul#nav li > ul { /* resets top and left values for all browsers besides IE */
			top:30px;
			left:auto;
			}
			
		ul#nav li:hover ul, ul#nav li.over ul {
			display:block;
			left:-4px;
			}
			
			ul#nav li ul li {
				float:none;
				padding:0px;
				border-bottom:1px dotted #ebebeb;
				}
				
			ul#nav li ul li.first {
				border-top:1px dotted #ebebeb;
				}
				
			ul#nav li ul li.first.nolink { /* styles the first item under Trash and Recycling (which isn't a link), notice the multiple classes */
				padding:5px;
				white-space:nowrap;
				display:block;
				}
			
				ul#nav li ul li a {
					margin:0px;
					display:block;
					padding:5px;
					color:#fff;
					white-space:nowrap;
					float:none;
					text-decoration:none;
					border-right:1px solid #3a4630; /* Unfortunately this little beauty has to be in for the top and bottom borders to display in IE6. Gives the anchor something of substance to render I suppose. At least it's the same as the background color, so it won't show. */
					}
					
				ul#nav li ul li a:hover {
					color:#b3b972;
					}
			
	ul#nav li:hover, ul#nav li.over {
		color:#b3b972;
		position:relative;
		z-index:10;
		}
		

/* ------------------------------------------------------------ MAIN STYLES ----- */

#main {
	width:869px;
	padding:45px 0px 25px 45px;
	background-color:#ebebeb;
	}
	
	#main h1 {
		font:2.0em Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:20px;
		}
		
	#main h2 {
		font:1.7em Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-style:italic;
		text-transform:uppercase;
		margin-bottom:10px;
		}
		
	#main h3 {
		font:1.6em Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:capitalize;
		margin-bottom:5px;
		}
		
	#main h4 {
		font:1.3em Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:capitalize;
		margin-bottom:5px;
		}
		
	#main a {
		color:inherit;
		text-decoration:underline;
		}
		
		#main a:hover {
			text-decoration:none;
			}	
				
	#main p {
		font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
		margin-bottom:20px;
		}
		
		#main p a {
			color:#4e663a;
			text-decoration:underline;
			}
			
		#main p a:hover {
			color:#b3b972;
			text-decoration:none;
			}
			
	#main hr {
		border:none;
		color:#b3b972;
		border-bottom:1px solid #b3b972;
		margin-bottom:20px;
		clear:both;
		}
		
	#main img {
		margin-bottom:30px;
		border:5px solid #3a4630;
		}
		
	#main #content {
		width:518px;
		padding-right:30px;
		float:left;
		}
		
		#main #content ul, #main #content-wide ul {
			font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
			margin-bottom:20px;
			list-style:disc outside;
			padding-left:20px;
			}
			
			#main #content ul li, #main #content-wide ul li {
				margin-bottom:5px;
				}
				
				#sitemap #main #content ul li ul, #sitemap #main #content-wide ul li {
					padding-top:5px;
					margin-bottom:0px;
					font-size:.9em;
					list-style-type:circle;
					}
				
		#main #content ol, #main #content-wide ol {
			font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
			margin-bottom:20px;
			list-style:decimal outside;
			padding-left:25px;
			}
			
			#main #content ol li, #main #content-wide ol li {
				margin-bottom:5px;
				}
				
		#main #content dl, #main #content-wide dl {
			font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
			margin-bottom:20px;
			}
			
			#main #content dl dt, #main #content-wide dl dt {
				font:1.1em Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-transform:uppercase;
				margin-bottom:5px;
				}
				
			#main #content dl dd, #main #content-wide dl dd {
				margin-bottom:20px;
				padding-left:20px;
				}
				
				#main #content dl dd ul, #main #content-wide dl dd ul {
					font-size:1em;
					}
					
		#main #content li a, #main #content-wide li a, #main #content dd a, #main #content-wide dd a {
			color:#4e663a;
			text-decoration:underline;
			}
			
		#main #content li a:hover, #main #content-wide li a:hover, #main #content dd a:hover, #main #content-wide dd a:hover {
			color:#b3b972;
			text-decoration:none;
			}
				
	#main #content-wide {
		width:824px;
		padding-right:30px;
		float:left;
		}
		
	#main #sidebar {
		width:276px;
		padding-right:30px;
		float:left;
		
		}
		
		#main #sidebar a {
			color:#4e663a;
			text-decoration:underline;
			}

		#main #sidebar ul {
			font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
			margin-bottom:40px;
			list-style: square outside;
			padding-left:20px;
			}
			
			#main #sidebar ul li ul {
				font-size:1em;
				margin-bottom:5px;
				}
				
			#main #sidebar ul li a {
				color:#4e663a;
				text-decoration:underline;
				}
				
			#main #sidebar ul li a:hover {
				color:#b3b972;
				text-decoration:none;
				}
				
		#main #sidebar ul.multimedia {
			padding-left:0px;
			list-style:none !important;
			}
			
			ul.multimedia li {
				display:block;
				width:278px;
				text-align:center;
				margin-bottom:20px;
				list-style:none !important;
				}
				
				ul.multimedia li a {
					display:block;
					width:278px;
					text-align:center;
					}
					
				ul.multimedia li img {
					margin-bottom:5px !important;
					padding:0px !important;
					border:none !important;
					clear:right;
					}
				
		/*#main #sidebar h2 {
			display:block;
			padding:5px 20px 5px;
			font-style:normal;
			margin-bottom:15px;
			background-color:#3a4630;
			color:#ebebeb;
			}*/
			
		#main #sidebar h2 {
			padding:0px 5px 2px 0px;
			font-style:normal;
			margin-bottom:15px;
			color:#3a4630;
			border-bottom:2px solid #3a4630
			}
			
		/*#main #sidebar p, #main #sidebar h3, #main #sidebar h4 {
			padding-left:20px;
			}*/
			
	dl.timeline dt {
		font-size:5em;
		font-weight:bold;
		text-align:center;
		}
		
	dl.timeline dd {
		font-size:1.3em;
		line-height:1.2em;
		text-align:center;
		margin-bottom:18px;
		padding:0px 20px;
		}
		
	#sidebar a.pdf {
		display:block;
		height:35px;
		padding:15px 0px 0px 45px;
		font-size:1.1em;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#4e663a;
		font-weight:bold;
		text-decoration:underline;
		background:url(../images/pdf-icon.gif) center left no-repeat;
		margin-bottom:10px;
		}
		
		#sidebar a.pdf:hover {
			color:#b3b972;
			text-decoration:none;
			}
	
	#main ul.button-list {
		display:block;
		height:35px;
		list-style:none !important;
		padding:0px !important;
		}
		
		#main ul.button-list li {
			float:left;
			margin-right:10px;
			}
			
			#main ul.button-list li a {
				display:block;
				padding:4px 10px;
				color:#3a4630 !important;
				background-color:#b3b972;
				}
				
			#main ul.button-list li a:hover {
				color:#b3b972 !important;
				background-color:#3a4630;
				}
				
				
	#content ul#map-key {
		list-style:none;
		padding-left:10px;
		}
		
		ul#map-key li {
			display:inline;
			margin-right:5px;
			}
			
			#map-key li.blue {
				color:#333;
				padding:10px 15px;
				background-color:#a5b8f1;
				border:1px solid #879bd4;
				}
				
			#map-key li.orange {
				color:#333;
				padding:10px 15px;
				background-color:#f7b88b;
				border:1px solid #cf9064;
				}
				
			#map-key li.red {
				color:#333;
				padding:10px 15px;
				background-color:#f38a84;
				border:1px solid #cf6764;
				}
				
			#map-key li.green {
				color:#333;
				padding:10px 15px;
				background-color:#91f58b;
				border:1px solid #69cd64;
				}
				
			#map-key li.purple {
				color:#333;
				padding:10px 15px;
				background-color:#c48fbe;
				border:1px solid #9c6797;
				}
				
			
	/*#main a.button {
		display:block;
		padding:4px 10px;
		font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
		color:#3a4630 !important;
		background-color:#b3b972;
		float:left;
		width:150px;
		margin:0px 5px 5px 0px;
		}
		
		#main a.button:hover {
			color:#b3b972 !important;
			background-color:#3a4630;
			}*/
			
	#content form {
		padding:20px;
		background-color:#d4d4d4;
		}
		
		#content form p.asterisk-note {
			font-size:1em;
			font-weight:bold;
			}
			
		#content form label {
			display:block;
			}
			
		#content form label.error {
			display:inline;
			padding-left:10px;
			font-size:70%;
			line-height:70%;
			font-weight:bold;
			color:#f00;
			}
			
			#content form fieldset label.error {
				float:right;
				}
			
		#content form fieldset {
			display:block;
			margin-bottom:20px;
			width:478px;
			}
			
			#content form fieldset.hidden {
				display:none;
				}
			
			#content form fieldset legend {
				display:block;
				width:478px;
				font:1.5em/1.6em Georgia, "Times New Roman", Times, serif;
				}
			
			#content form fieldset p {
				margin:0px 0px 5px 20px;
				width:458px;
				/*font-size:90%;*/
				}
				
			#content form fieldset label {
				font-size:90%;
				}
				
		#content form input[type="text"] {
			width:250px;
			height:16px;
			padding:2px;
			border:1px solid #999;
			}
			
			#content form input.quantity {
				width:30px !important;
				}
			
			#content form input[type="text"].error {
				border:1px solid #f00;
				}
				
		span.error {
			font-size:12px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			color:#900;
			}
		

/* ------------------------------------------------------------ QUICKLINKS STYLES ----- */

ul#quicklinks {
	display:block;
	width:820px;
	height:90px;
	padding:25px 47px;
	text-indent:-9000px;
	background:url(../images/bottom-corners.gif) bottom center no-repeat;
	clear:both;
	}
	
	ul#quicklinks li {
		display:inline;
		}
		
		ul#quicklinks li a {
			display:block;
			height:90px;
			width:164px;
			float:left;
			}
			
		ul#quicklinks li a.waste-calc {
			background:url(../images/waste-calculator-button.gif) 0 -90px no-repeat;
			}
			
		ul#quicklinks li a.biz-recycling {
			background:url(../images/business-recycling-button.gif) 0 -90px no-repeat;
			}
			
		ul#quicklinks li a.green-advice {
			background:url(../images/green-advice-button.gif) 0 -90px no-repeat;
			}
			
		ul#quicklinks li a.order-trash {
			background:url(../images/order-trash-button.gif) 0 -90px no-repeat;
			}
			
		ul#quicklinks li a.order-recycling {
			background:url(../images/order-recycling-button.gif) 0 -90px no-repeat;
			}
			
		ul#quicklinks li a.waste-calc:hover , ul#quicklinks li a.biz-recycling:hover , ul#quicklinks li a.green-advice:hover , ul#quicklinks li a.order-trash:hover , ul#quicklinks li a.order-recycling:hover {
			background-position:0px 0px;
			background-repeat:no-repeat;
			}
		

/* ------------------------------------------------------------ FOOTER STYLES ----- */

#footer {
	width:824px;
	padding:20px 45px;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#3a4630;
	}
	
	#footer img {
		float:left;
		}
		
	#footer ul li {
			display:inline;
			}
		
	#footer a {
		color:#fff;
		text-decoration:none;
		}
		
	#footer a:hover {
		text-decoration:underline;
		}
		
	#footer #copyright {
		padding:1px 0px 0px 5px;
		float:left;
		}
		
		#footer #copyright ul li a {
			padding:0px 4px 0px 7px;
			margin:0px;
			border-left:1px solid #fff;
			}
			
			#footer #copyright ul li.first a {
				padding-left:0px;
				border:none;
				}
		
	#footer #contact {
		padding-top:1px;
		text-align:right;
		float:right;
		}
		
		#footer #contact ul li {
			padding:0px 5px;
			border-right:1px solid #fff;
			}
			
			#footer #contact ul li a {
				color:#b3b972;
				}
				
		#footer #contact ul li.last {
			padding-right:0px;
			border:none;
			}
			
/* --------------------------------------------------------------------------------------------------------------------------------- PAGE SPECIFIC STYLES (Body ID) -------------------------------------------- */

/* ------------------------------------------------------------ Search Results Page ----- */

body#search-results #container #main {
	background-color:#fff;
	border-bottom:1px solid #ebebeb;
	padding-bottom:0px;
	}
	
	body#search-results #container #main #content {
		width:824px;
		margin-right:0px;
		}


/* ------------------------------------------------------------ ADMIN STYLES ----- */

table.admin {
	font:1.4em/1.6em Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
	width:518px;
	}
	
	table.admin th {
		text-align:left;
		padding:5px 0px 5px 5px;
		}
	
	table.admin tr {
		background-color:#e0dfdf;
		}
		
	table.admin tr.odd {
		background-color:#d4d4d4;
		}
		
	table.admin td {
		padding-left:5px;
		}
	
table.mceLayout {
	width:478px;
	}