/* CSS for default layout */

body, html{
	padding: 0px;
	margin: 0px;
	border: 0;
	width:100%;
	height:100%;
	background: #326598 url(../img/bg-body.jpg) repeat-y center;
	font-family: Arial, Verdana, Helvetica, Arial, Tahoma, sans;
	font-size: 10pt;
	color: #333333;
}

h1, h2, h3, h4, h5{
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-weight: normal;
	color: #669966;
}
h1{
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h2{
	font-size: 16px;
	color: #326598;
}

h3{
	font-size: 14px;
	color: #282828;
}
h4{
	font-size: 12px;
	font-weight: bold;
}
h5{
	font-size: 12px;
	background: #F3F3F3;
	padding: .25em;
	color: #282828;
	font-weight: bold;
	border: 1px #cdcdcd solid;
}

img { border: 0; }

form { padding: 0; margin: 0; }

/* Content */

#footer {
clear: both;
background: #ddd;
padding: 2em;
}

#masthead-ds, .menu-ds { width: 100%; }

#masthead, #nav, #wrapper { width: 750px; margin: auto; }

#masthead-ds { background: #669966 url(../images/masthead-ds.png) repeat-y center; }

.menu-ds { background: #333 url(../images/menu-ds.png) repeat-y center; }

#content-ds { background: #326598 url(../images/content-ds.png) repeat-y center; }

#masthead {
	background: #669966 url(../images/masthead.jpg) repeat-y center;
	height: 100px;
}

#nav {
	height: 32px;
	background: url(../images/menu-bg.jpg) repeat-x;
}

#content{
	background: #ffffff;
	padding: 1em 2em;
}

#masthead #logo{ float: left; padding: 26px 16px 0 38px; }
#masthead #tagline { font-weight: bold; float: left; color: #326598; font-size: 14px; line-height: 100px; }

#content #inner{
	border-right:1px solid #e4e4e4;
	margin:0 190px 0 0;
	padding: 0 1em 0 0;
}

* html #content{
	height: 300px;
}

#footer p {
	font-size: 8pt;
	margin: 0 200px
}

/* Menu */

ul.menu { width: 650px; margin: 0 auto; display: table; text-align: center }

.menu li{
margin: 0;
text-align: center;
display: table-cell;
*display: inline;
zoom: 1; /*trigger hasLayout for ie5.5+ */
}

.menu li a {
color: #fff;
text-decoration: none;
height: 32px;
line-height: 32px;
display: block;
*display: inline-block;
text-decoration:none;
padding:0 0.75em;
*padding: 0 1em;
}

.menu li a:hover, .menu li#active {
background: url("../images/menu-active.jpg") repeat;
text-decoration: none;
}

a.menuitem:hover{
	background: #000000 url(../img/bg-menuitem-over.jpg) repeat-x;
}

.benefit{
	margin: 0px 0px 20px 0px;
}
.benefit .label,
.benefit .value{
	display: inline-;
}
.benefit .label{
	width: 150px;
	margin-right: 40px;
}
#recycle-logo{
	float: right;
	margin: 120px 60px 0px 0px;
}
#sidebar1{
	float: right;
	width: 180px;
	text-align: center;
}

#sidebar1 h3 { 	font-size: 16px; color: #666666; }

#sidebar1 img{
	margin: 1em 0;
}

/* Results Display */

#results table td {
padding: 10px;
border-bottom: 1px #CDCDCD solid;
vertical-align: top;
}

#results table{
   border-collapse: collapse;
}

/* Links in the results table */
a.sitelink,
a.adlink,
site-foot-note{
	display: block;
	text-decoration: none;
}
a.sitelink:hover,
a.adlink:hover,
a.site-foot-note:hover{
	text-decoration: underline;
}
a.sitelink{
	color: #7aa67a;
}
a.adlink{
	color: #336699;
}
a.site-foot-note{
	color: #7aa67a;
}

/* Search Panel */

#border-top {background: #f3f3f3  url(../images/dot.png) 0 0 repeat-x;}
#border-left {background: url(../images/dot.png) 0 100% repeat-x}
#border-right {background: url(../images/dot.png) 0 0 repeat-y}
#border-bottom {background: url(../images/dot.png) 100% 0 repeat-y; }

#corner-top-left{
   background: url(../images/corner-top-left.png) no-repeat top left;
}
#corner-top-right{
   background: url(../images/corner-top-right.png) no-repeat top right;
}
#corner-bottom-left{
   background: url(../images/corner-bottom-left.png) no-repeat bottom left;
}
#corner-bottom-right{
   background: url(../images/corner-bottom-right.png) no-repeat bottom right;
}
#searchform{
   font-family: Arial, Verdana, Tahoma;
   font-size: 12pt;
   color: #B4B4B5;
	padding: 1.5em;
	zoom: 1;
   text-align: center;
}
#searchform label{
	margin-right: 10px;
}
#searchform #q{
	width: 250px;
}

/* Contact Form */
#formcontact label{
	width: 200px;
	display: inline-block;
}
.fineprint{
	font-size: 10px;
}
.alert{
	color: red;
	font-weight: bold;
}

#login-menu{
	font-size: 11px;
	text-align: center;
}

#loginFormContainer{
	width: 300px;
	margin: 20px;
	padding: 20px;
	border: 1px #00CCFF dotted;
}
#loginFormContainer label{
	display: inline-block;
	width: 100px;
}
#loginFormContainer input[type="text"],
#loginFormContainer input[type="password"]{
	width: 180px;
}