/*
  Edmonton Recycles Screen Styles
	Updated: 04.04.08 @ 8:30am
	Author: Dorian Bibbey

	Stylesheet Structure:
	- Tags
	- General classes
	- Page specific classes
	- IDs
	- Page specific IDs
	- Main menu
	- General list
  - Tables

	DO NOT ADD ANY NEW STYLES TO THIS STYLESHEET!
*/

/**
* Tags
*/

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) repeat-x #0b3d81;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9bbfde;
	text-align: center;
}
img {
	border: none;
}
a {
	color: #b2dbff;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
p {
	margin: 10px 0 10px 0;
	padding: 0;
}
h2 {
	font-size: 18px;
	color: #e4f3ff;
	font-weight: normal;
}

/**
* General classes
*/

.hidden {
	display: none;
}
.clear {
	clear: both;
}
.spacer {
	height: 20px;
}
.spacer2 {
	height: 40px;
}

/**
* Page specific classes
*/

.banner {
	margin: 0 13px 0 0;
	padding: 0;
}
.microbanner {
	margin: 0 0 8px 0;
	padding: 0;
}
h1.title_whyrecycle {
	margin: 0;
	padding: 0;
	width: 111px;
	height: 23px;
	background: url(../images/whyrecycle.gif) no-repeat;
}
h1.title_whatisanecostation {
	margin: 0;
	padding: 0;
	width: 195px;
	height: 23px;
	background: url(../images/whatisanecostation.gif) no-repeat;
}
h1.title_whatcanirecycle {
	margin: 0;
	padding: 0;
	width: 161px;
	height: 23px;
	background: url(../images/whatcanirecycle.gif) no-repeat;
}
h1.title_whatcantirecycle {
	margin: 0;
	padding: 0;
	width: 172px;
	height: 23px;
	background: url(../images/whatcantirecycle.gif) no-repeat;
}
h1.title_statistics {
	margin: 0;
	padding: 0;
	width: 76px;
	height: 23px;
	background: url(../images/statistics.gif) no-repeat;
}
.column1 {
	margin: 20px 40px 0 0;
	padding: 0;
	width: 240px;
	float: left;
}
.column2 {
	margin: 20px 40px 0 0;
	padding: 0;
	width: 240px;
	float: left;
}
.column3 {
	margin: 20px 0 0 0;
	padding: 0;
	width: 240px;
	float: left;
}

/**
* IDs
*/

#container {
	margin: 100px auto 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
}
#secondarymenu {
	margin: 70px 0 70px 0;
	padding: 0;
}
#indexblurb {
	margin: 100px 0 100px 0;
	padding: 0;
	font-size: 18px;
	color: #5bb4ff;
}
#footer {
	margin: 40px 0 40px 0;
	padding: 10px 0 0 0;
	font-size: 10px;
	color: #1051ab;
}
#footer a {
	color: #1158b9;
}
#footer a:hover {
	color: #1465d5;
}

/**
* Main menu
*/

ul#mainmenu {
	margin: 0;
	padding: 0;
}
ul#mainmenu li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
ul#mainmenu li.whyrecycle a {
	margin: 0 28px 0 0;
	padding: 0;
	width: 83px;
	height: 16px;
  background: url(../images/menu_whyrecycle.gif) no-repeat;
	display: block;
}
ul#mainmenu li.whatcanirecycle a {
	margin: 0 28px 0 0;
	padding: 0;
	width: 121px;
	height: 16px;
  background: url(../images/menu_whatcanirecycle.gif) no-repeat;
	display: block;
}
ul#mainmenu li.whatcantirecycle a {
	margin: 0 28px 0 0;
	padding: 0;
	width: 129px;
	height: 16px;
  background: url(../images/menu_whatcantirecycle.gif) no-repeat;
	display: block;
}
ul#mainmenu li.whatisanecostation a {
	margin: 0 28px 0 0;
	padding: 0;
	width: 147px;
	height: 16px;
  background: url(../images/menu_whatisanecostation.gif) no-repeat;
	display: block;
}
ul#mainmenu li.statistics a {
	margin: 0 28px 0 0;
	padding: 0;
	width: 58px;
	height: 16px;
  background: url(../images/menu_statistics.gif) no-repeat;
	display: block;
}
ul#mainmenu li.resources a {
	margin: 0;
	padding: 0;
	width: 65px;
	height: 16px;
  background: url(../images/menu_resources.gif) no-repeat;
	display: block;
}

/**
* General list
*/

ul.general {
	margin: 0;
	padding: 0;
}
ul.general li {
	margin: 0 0 0 15px;
	padding: 0;
}
ul.general li.eco {
	list-style: url(../images/e.gif);
}

/**
* Tables
*/

table#recyclables {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 600px;
  background: url(../images/tablebg.png) no-repeat;
	overflow: hidden;
}
table#recyclables tr {
	height: 120px;
	overflow: hidden;
}
table#recyclables h2 {
	margin: 0 0 20px 0;
	padding: 0;
}
table#recyclables td.leftcolumn {
	margin: 0;
	padding: 20px;
	width: 160px;
	height: 80px;
	vertical-align: top;
	overflow: hidden;
}
table#recyclables td.item {
	margin: 0;
	padding: 0 0 10px 0;
	width: 120px;
	height: 120px;
  text-align: center;
	font-size: 10px;
	overflow:hidden;
	vertical-align: bottom;
}
table#recyclables td#newspapers {
	background: url(../images/newspapers.png) no-repeat;
}
table#recyclables td#writingpaper {
	background: url(../images/writingpaper.png) no-repeat;
}
table#recyclables td#lowgrade {
	background: url(../images/lowgrade.png) no-repeat;
}
table#recyclables td#magazines {
	background: url(../images/magazines.png) no-repeat;
}
table#recyclables td#paperbags {
	background: url(../images/paperbags.png) no-repeat;
}
table#recyclables td#tincans {
	background: url(../images/tincans.png) no-repeat;
}
table#recyclables td#aluminumcontainers {
	background: url(../images/aluminumcontainers.png) no-repeat;
}
table#recyclables td#aluminumcans {
	background: url(../images/aluminumcans.png) no-repeat;
}
table#recyclables td#jars {
	background: url(../images/jars.png) no-repeat;
}
table#recyclables td#bottles {
	background: url(../images/bottles.png) no-repeat;
}
table#recyclables td#corrugatedcardboard {
	background: url(../images/corrugatedcardboard.png) no-repeat;
}
table#recyclables td#cerealboxes {
	background: url(../images/cerealboxes.png) no-repeat;
}
table#recyclables td#boxboard {
	background: url(../images/boxboard.png) no-repeat;
}
table#recyclables td#milkcartons {
	background: url(../images/milkcartons.png) no-repeat;
}
table#recyclables td#juiceboxes {
	background: url(../images/juiceboxes.png) no-repeat;
}
table#recyclables td#beveragebottles {
	background: url(../images/beveragebottles.png) no-repeat;
}
table#recyclables td#otherbottles {
	background: url(../images/otherbottles.png) no-repeat;
}
table#recyclables td#plasticbags {
	background: url(../images/plasticbags.png) no-repeat;
}
table#recyclables td#milkjugs {
	background: url(../images/milkjugs.png) no-repeat;
}