/* Millennium Recycling Main Stylesheet
	October 2007
*/

@import url(reset.css);
@import url(admin_fe.css);

body {
	margin: 0; padding: 0;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	background: #8CC63E url(images/bg_body.gif) left top repeat;
	color: #000;
}

div#wrapper {
	position: relative;
	margin: 0 auto; padding: 0;
	width: 716px;
	border-right: 15px solid #fff; border-bottom: 15px solid #fff; border-left: 15px solid #fff;
	background: #bcde8f;
	text-align: left;
}

div#masthead {margin: 0; padding: 0;}

ul#mainnavigation {
	position: relative; z-index: 50;
	margin: 5px auto; padding: 0;
	width: 683px; height: 21px;
	list-style-type: none;
}
	ul#mainnavigation li {float: left; margin: 0 1px 0 0; padding: 0;}
	ul#mainnavigation li ul {position: absolute; z-index: 100; left: -999em; top: auto;
		margin: 0; padding: 0; width: 180px;
		border-top: 5px solid #161512; border-bottom: 5px solid #161512;}
	ul#mainnavigation li ul li {float: none; margin: 0; padding: 0; list-style-type: none;
		width: 180px;
		background: #333; border-bottom: 2px solid #2b2b2b;}
	ul#mainnavigation li ul li a {display: block; margin: 0; padding: 5px 8px 5px 20px;
		background: url(images/bg_bullet.gif) 7px 50% no-repeat; color: #fff;
		text-transform: uppercase; text-decoration: none; font-size: 8px; font-weight: bold;}
	ul#mainnavigation li.hover ul {left: auto;}
	ul#mainnavigation li.hover ul li.hover {background: #666;}

div#flashbanner {margin: 0 auto 5px auto; padding: 0; width: 696px;}

div#whatsnew {
	position: absolute; top: 141px; left: 20px; z-index: 20;
	margin: 0; padding: 10px;
	width: 200px; height: 240px;
	background: #8cc63e;
}
	div#whatsnew h1 {margin: 2px 0 14px 0; padding: 0; color: #bcde8f; font-size: 24px; line-height: 24px;}
	div#whatsnew div#scrollcontent {border: 5px solid #e5f1d4; background: #e5f1d4; line-height: 1.3em;}

div#maincontent {
	position: relative; z-index: 10;
	margin: 0 auto 10px auto; padding: 10px;
	width: 674px;
	background: #e5f1d4;
	border-top: 1px solid #aabc9a; border-left: 1px solid #aabc9a;
	border-bottom: 2px solid #dbe1e1; border-right: 2px solid #dbe1e1;
}

	div.content_left {float: left; display: inline; width: 192px; margin: 0 10px 0 0; padding; 0;}
	div.content_right {float: left; display: inline; width: 450px; margin: 0; padding: 0 0 0 15px; border-left: 1px solid #bcde8f;}

div#footer {
	position: relative; z-index: 10;
	margin: 0; padding: 1em;
	background: #000;
	text-align: center;
	color: #bcde8f;
}
	div#footer a {color: #fff !important;}

div.error {margin: 0 0 1em 0; padding: 1em; background: #fff; border: 1px solid #f00;}
div.error h2 {color: #f00;}

h4.directory {color: #930 !important;}
table.directory {margin: 0 0 1em .5em;}
table.directory td {padding: .0 1em .25em .25em;}
table.directory th {padding: .0 1em .25em .25em; text-align: right; white-space: nowrap}

h1 {margin: 0 0 .5em 0; padding: 0; font-size: 2em; font-weight: normal; color: #8cc63e;}
h2 {margin: 0 0 .5em 0; padding: 0; font-size: 1.5em; font-weight: normal; color: #8cc63e;}
h3 {margin: 0 0 .5em 0; padding: 0; font-size: 1.15em; font-weight: bold; color: #030;}
h4 {margin: 0 0 .5em 0; padding: 0; font-size: 1em; font-weight: bold; color: #8cc63e;}

p {margin: 0 0 .75em 0; padding: 0;}

a:link {color: #930; text-decoration: underline;}
a:visited {color: #930; text-decoration: underline;}
a:hover {color: #930; text-decoration: none;}
a:active {color: #930; text-decoration: underline;}

ul {margin: 0 0 1em 3em; padding: 0; list-style-type: disc;}
ol {margin: 0 0 1em 3em; padding: 0; list-style-type: decimal;}
ul li, ol li {margin-bottom: .5em;}

table td {padding: .5em;}