body 
{
	background-image: url(../images/background.gif);  
	background-position: 0px 0px; 
	background-color: #EEF3F7;
	background-repeat: repeat-x;
}

/* 
		Text Formatting 
*/
p, h1, h2, h3, h4, h5, h6, a, ul, li, ul li, blockquote 
{
	font-family: Verdana;
	text-align: left;
}

p 
{
	font-size: 11px; 
	color: #000; 
	text-align: left; 
	margin: 10px 12px 10px 12px;
	line-height: 16px;
}

p.error 
{
	color: #EEE7E7;
}

blockquote 
{
	font-size: 11px;
}

img 
{
	border: 0px;
}

h1 {font-size: 14px; font-weight: bold; color: #048484; text-align: left; margin: 10px 12px;}
h2 {font-size: 12px; font-weight: bold; color: #2A9D28; text-align: left; margin: 20px 12px 2px 12px;}
h3 {font-size: 11px; font-weight: bold; color: #000; text-align: left; margin: 4px 12px 2px 12px;}

table {margin: 10px 12px 30px 12px;}
table tr td {font-size: 11px; font-family: Verdana; font-weight: normal; padding: 8px 4px; line-height: 13px; vertical-align: top}

table tr td input {width: 300px; height: 20px; border: 0px; background-color: #e1fae0; font-size: 12px;}
table tr td textarea {width: 300px; height: 140px; border: 0px; background-color: #e1fae0; font-size: 12px;}
table tr td select {width: 300px; height: 20px; border: 0px; background-color: #e1fae0; font-size: 12px;}
input[type=submit] {background-color: #2A9D28; color: #FFF; border: 0px; font-weight: bold; font-size: 11px;}
input[type=file] {background-color: #e1fae0; width: 300px; height: 20px; border: 0px; background-color: #e1fae0;}


/* 
		Structure 
*/

#contentcontainer 
{
	text-align: center;
}

#container 
{
	position: relative; 
	width: 960px; 
	margin: -8px auto 0px auto;
	background-color: #fff;
}

#container #header 
{
	
	float: left;
	display: block; 
	position: relative; 
	height: 120px; 
	width: 960px; 
	background-image: none;	
}

#container #statusBar
{
	position: relative; 
	float: left;
	display: block; 
	width: 960px; 
	background-color: #2A9D28;
}

#container #statusBar.fiber {background-color: #78a902;}
#container #statusBar.fabric {background-color: #c30b0b;}
#container #statusBar.clay {background-color: #dda700;}
#container #statusBar.paper {background-color: #387aaf;}
#container #statusBar.plastic {background-color: #5e008a;}
#container #statusBar.wood {background-color: #ac6201;}
#container #statusBar.glass {background-color: #16b0b9;}
#container #statusBar.metal {background-color: #756c6c;}

#container #statusBar p, #container #statusBar a
{
	color: #FFF;
}

#container #content 
{
	position: relative; 
	float: left;
	display: block; 
	width: 960px; 
	background-color: #FFF; 
	margin: 1px 0px 0px 0px;
	padding: 20px 0px 30px 0px;
}



/* 
		Footer 
*/

#footercontainer 
{
	display: block; 
	position: relative; 
	width: 100%; 
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	float: left;
}

#footercontainer p, #footercontainer a
{
	color: #333;
	text-align: center;
}



/* 
		Homepage 
*/

#homepageButtons
{
	width: 960px;
	float: left;
	margin: 10px 0px 20px 0px;	
}

#photoBox
{
	float: left;
	width: 910px;
	margin: 0px 25px;
	padding: 15px 0px 35px 0px;
	margin-bottom: 15px;	
	background-color: #F3F8FC;
}

#content #photoBox h1
{
	text-align: center;
}

#content #photoBox h2, #content #photoBox p
{
	width: 600px;
	margin-left: 155px;	
}

#iconNav
{
	display: block;
	width: 820px;
	text-align: center;
	padding-left: 205px;
}

#iconNav .iconButton
{
	float: left;
	display: block;
	width: 70px;
}

#iconNav .iconButton img
{
	float: left;
	display: block;
	width: 50px;
	margin-right: 8px;
}

#content #shareInfo p, #content #findInfo p, #content #voteInfo p
{
	font-size: 10px;
	color: #FFF;	
}

#shareInfo
{
	width: 200px;
	height: 170px;
	background-color: transparent;
	background-image: url(../images/bg.homeInfo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: -128px;
	left: 75px;	
}

#findInfo
{
	width: 200px;
	height: 170px;
	background-color: transparent;
	background-image: url(../images/bg.homeInfo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: -128px;
	left: 378px;	
}

#voteInfo
{
	width: 200px;
	height: 170px;
	background-color: transparent;
	background-image: url(../images/bg.homeInfo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: -128px;
	left: 684px;	
}

/*
		Secondary
*/

#contentLeft 
{
	float: left;
	display: block;
	width: 320px;
	margin-left: 20px;
}

#contentRight
{
	float: left;
	display: block;
	width: 320px;
	margin-left: 20px;
}

#contentWhole
{
	float: left;
	display: block;
	width: 680px;
	margin-left: 0px;
}

.categoryBlock 
{
	float: left;
	display: block;
	width: 320px;
	min-height: 210px;
	margin-bottom: 15px;
	background-color: #FFF;
	background-position: right top;
	background-repeat: no-repeat;
}

#sideBar
{
	float: left;
	display: block;
	width: 240px;
	margin: 0px 20px 20px 20px;
	background-color: #EEF5F5;
}

#sideBar p
{
	margin: 10px 12px;
}

.categoryBlock#fiber
{
	background-image: url(../images/bgFiber.gif);	
}

.categoryBlock#fabric
{
	background-image: url(../images/bgFabric.gif);
}

.categoryBlock#clay
{
	background-image: url(../images/bgClay.gif);
}

.categoryBlock#paper
{
	background-image: url(../images/bgPaper.gif);
}

.categoryBlock#plastic
{
	background-image: url(../images/bgPlastic.gif);
}

.categoryBlock#wood
{
	background-image: url(../images/bgWood.gif);
}

.categoryBlock#glass
{
	background-image: url(../images/bgGlass.gif);
}

.categoryBlock#metal
{
	background-image: url(../images/bgMetal.gif);
}



/* 
		Navigation 
*/
#mainnav 
{
	float: left; 
	display: block; 
	position: relative; 
	width: 728px; 
	height: 118px;
	margin-top: 2px; 
}

#mainnav a 
{	
	float: left; 
	display: block; 
	height: 118px;
	border-width: 0px;
	text-indent: -9999px;
	background-image: url(../images/navInactive.gif);
}

#mainnav a:hover, #mainnav strong a, #mainnav strong a:hover
{
	float: left; 
	display: block; 
	height: 118px;
	border-width: 0px;
	background-image: url(../images/navActive.gif);
}

#mainnav ul 
{
	margin: 0px; 
	padding: 0px;
	list-style: none; 
}

#mainnav ul li 
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 118px;
}

#mainnav ul li a 
{	
}

#mainnav ul li strong a 
{
}

#mainnav a#fiber {background-position: 0px 0px; width: 79px;}
#mainnav a#fabric {background-position: -79px 0px; width: 85px;}
#mainnav a#clay {background-position: -164px 0px; width: 85px;}
#mainnav a#paper {background-position: -249px 0px; width: 85px;}
#mainnav a#plastic {background-position: -334px 0px; width: 85px;}
#mainnav a#wood {background-position: -419px 0px; width: 85px;}
#mainnav a#glass {background-position: -504px 0px; width: 85px;}
#mainnav a#metal {background-position: -589px 0px; width: 130px;}

#logo 
{
	float: left;
	display: block;
	width: 232px;
	height: 92px;
	background-image: url(../images/logo.gif);
}

#nav 
{
	float: left;
	display: block;
	position: relative;
	width: 232px;
	height: 22px;
	margin-top: 6px;
}

#nav p
{
	color: #bbeab9;
	text-align: right;
	text-decoration: none;
	width: auto;
	margin: 0px;
}

#nav a
{
	color: #FFF;
	font-weight: bold;
	width: auto;
	text-align: right;
	text-decoration: none;
	background-color: #038f20;
	padding: 2px 3px;
}




table.fullWidth {width: 680px; float: left;}
table.fullWidth tr td.firstColumn {width: 110px;}
table.fullWidth tr td.secondColumn {width: 300px;}
table.fullWidth tr td.thirdColumn {width: 270px;}

table.browse {width: 940px; float: left;}
table.browse tr td {width: 310px;}
table.browse tr td p {margin-left: 0px;}
table.browse tr td h2 {margin-left: 0px;}
table.browse tr td img {width: 295px; margin-left: 0px;}
table.browse tr td img.icon {height: 12px; width: 12px;}

table.tutorialListing {width: 550px; float: left; margin-right: 60px;}
table.tutorialListing tr.evenRow td {background-color: #EBF2F8;}
table.tutorialListing tr td {width: 300px; line-height: 18px;}
table.tutorialListing tr td.firstColumn {width: 140px;}
table.tutorialListing tr td.secondColumn {width: 410px; padding-left: 10px;}
table.tutorialListing tr td h2 {margin-left: 0px;}

table.userInfo {width: 300px; float: left; margin-left: 0px;}   
table.userInfo tr td {padding-left: 0px;}
table.userInfo tr td h2 {margin-left: 0px;}

ul li, ol li {font-size: 11px; font-family: Verdana;}
ul {margin-left: 0px; padding: 0px; list-style: none;}
#content ul li {margin-left: 10px; margin-bottom: 6px; background-image: url(../images/li.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 16px;}

form {text-align: left;}
input text{height: 25px; width: 200px; border: 1px solid #2CB0C1;}



/*
		Content
*/

#content a {font-size: 11px; color: #2A9D28; font-weight: normal; text-decoration: none;}
#content a:hover {font-size: 11px; color: #046B03; font-weight: normal; text-decoration: none;}

#content a img {border: 2px solid #ddebf6; text-decoration: none;}
#content a:hover img {border: 2px solid #048484; text-decoration: none; border-bottom: 2px solid #048484;}

#content a.noBorder img {border: 0px; text-decoration: none;}
#content a.noBorder:hover img {border: 0px; text-decoration: none;}


/* 
		Typography, Colors, Etc
*/
.errorMsg {color: #C30B0B;}

/*
		Footer
*/

#footer p{font-size: 10px; color: #FFF; text-align: center; padding-top: 6px;}
#footer a {font-size: 10px; color: #FFF;}
#footer a:hover {font-size: 10px; color: #FFF; border-bottom: 1px dotted #FFF;}

#buttonDisplay #buttonDisplayText {margin-top: -8px;}



/* 
		IE6 Fixes 
*/
* html #contentcontainer {text-align: center;}
* html #container {text-align: center; width: 960px;}

* html #nav li {height: 1%; line-height: 1.2em; display: inline;}
* html #nav ul ul li {display: block;}