body {background-color: #EEEADB;}

/* CONTAINER */

		#container {
			width: 1000px;
			margin: 0 auto;
			padding:5px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 100%;
			line-height: 1.6em;
			color: #666;
			background-color: #FFFFFF;
			border:1px #EAEAEA dashed;
		}
		
/* GENERAL */
		
		h1 {
			color: #666666;
			font-size: 115%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}
		
		
		h2 {
			color: #666666;
			font-size: 110%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}
		
				
		h3 {
			color: #666666;
			font-size: 105%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}

		h4 {
			color: #666666;
			font-size: 105%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}

		
		p{font-size: 96%;
			font-family: Arial, Helvetica, sans-serif;}

		
		a {
			color:#CC6714;
			text-decoration: none;
			
		}

		a:hover {
			color:#CC6714;
			background-color: #F5F5F5;
		}

		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 12px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
		
/* HEADER ELEMENTS */

		#header {
		width: 1000px;
		height:85px;
			border-bottom: 3px solid #669834;
			padding-top: 5px;
			clear: both;
			margin-bottom: 17px;
			background-color: #FFFFFF;
		}
		

		/* the slogan */
				
		#logo {
			float:left;
			}
			
			#logo img {border: 0.5px #D6E3CC solid;}

#feature_boxshopbanner {
  float:right;
  margin-top:8px;
  background-color: #ffffff;
  ;
   
 }
  
 #feature_boxshopbanner img {border: 0px;}

/* NAVIGATION */
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 165px;
		}

		#navigation a {
			display: block;
			padding: 4px;
			width: 165px;
			font-size: 86%;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			color:#CC6714;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;
			color:#CC6714;
		}
		#navlistbox a{color:green; padding:1px; margin-bottom: 2px; border-bottom:0px
	 
}
		#navlistbox a:link {color:green; text-decoration:none;	font-size: 92%;
}
		#navlistbox a:hover {background: white}
		
		#navlistbox a:visited {color:green;}
		
		
	

		#navlistbox p {
			margin-top: 20px;
			padding: 2px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
					
		#navlistbox1 a{color: #008BB9; padding:1px; margin-bottom: 2px; border-bottom:0px
	 
}
		#navlistbox1 a:link {color:#008BB9; text-decoration:underline;	font-size: 90%;
}
		#navlistbox1 a:hover {background: white}
		
		#navlistbox1 a:visited {color:#008BB9;}
	

		#navlistbox1 p {
			margin-top: 20px;
			padding: 2px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
	.background {background-image:url('images/backgroundtester.png');background-position:center;background-repeat:no-repeat;}

#navlistbox1 img {border:0px; margin-bottom:0px; padding:0px;}

.recommend {font-size:100%;
font-style:italic;
color: #339900;
}
.right {
text-align:justify;
}
/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 20px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
/* CONTENT ELEMENTS */

		#content {
			width: 557px;
			margin-left: 200px;
			
		}
		
		#content p {
			padding-bottom: 7px;
			border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
		}
		
		#content p.nounderline {
			border-bottom: none;
		}
		
		#content p.justify {text-align: justify;}
		
		#content .author {text-align: right;
		font-size: 90%;
		font-family: cursive;}
		
		#content ul {
		margin-left: 16px;
		list-style-type: circle;
			}
			
			#content ul.consoles {list-style: url("images/moneys.png");}
			#content ul.consoles li {padding-bottom:3%;}
			
			#content ul li{font-size: 100%;
			 font-family: Arial, Helvetica, sans-serif; 
			 padding-bottom: 3px;}
			 
			 #content h3{font-size:102%;color: #76AE00}
			 
			 #content img {padding:3px ;border:0px;
			 float:left}
			 
			 #content .noimgpadding{padding:0px ;border:0px;
			 float:left}
			 
/* Learn About elements */
 
 #learnabout {width: 757px;
	margin-left: 200px;
			}
			
			#learnabout h1 {
				text-align:center;
				font-size:120%;
				color: #707070;
			}
			
			#learnabout h2 {
				font-size:115%;
				color: #aaaaaa;
			}
			
			#learnabout h3 {
				text-align:center;
				font-size:110%;
				color: #86b404;
			}
			
			#learnabout .right img{
				padding-left:10%;
			}
			#learnabout p.justify{
				text-align: justify;
			}
			
			#learnabout img {padding:2px ;border:0px;
			 float:left}
			 
			 #learnabout ul li {list-style-image: url("images/info.png");
			 }
			 
			 #learnabout ul.pro li {list-style-image: url("images/plus.png");padding-bottom:2%;
			 }
			 
			 #learnabout ul.con li {list-style-image: url("images/minus.png");padding-bottom:2%;
			 }
/* SHOP ELEMENTS */
			
			 #shop {
			width: 757px;
			margin-left: 200px;
			}
			 
			   
		#shopleft {float:left;width:49%;padding-bottom:1%;border-right: 1px dashed #eeeeee; border-top:1px dashed #eeeeee;}
		
		
		#shopleft h2 {text-align:center;
			 color:green;}
			 
		#shopright {float:right;width:49%;border-top:1px dashed #eeeeee;}
		#shopright h2 {text-align:center;
			 color:#008bb9;}
			 #shopright .fairtrade a {color:#008bb9;}
		
   #box {border: 2px solid rgb(146, 191, 69); float: left; width: 46%; height: 145px; margin-right: 2%; margin-bottom:1%; margin-top:1%; padding-top:2%; text-align: center; font-size: 100%; }
   #fairtradebox {border: 2px solid #008bb9; float: left; width: 46%; height: 145px; margin-right: 2%; margin-bottom:1%; margin-top:1%; padding-top:2%; text-align: center; font-size: 100%; }		
/* end of shop elements */
			
			.right {float:right; padding-left:3%;}
			
			#content .ecoanna img{padding-bottom:3%;
			}
			 #content .berkeleygraph img{padding-right:4%;
		}
		
		 #content .pagewideimage img{padding-right:20%;
		 padding-bottom:2%;
		}
		
		/* blog comments styling */
		 

#contact-area {
	width: 400px;
	margin-top: 25px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 380px;
	font-family: Helvetica, sans-serif;
	font-size: 105%;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ccc;
}

#contact-area .submit-button{
	width: 50%;
	border: 3px solid #eee;
	float: none;
}

td.left {
	text-align: left;
	font-size: 100%;
}


/* end blog comments styling */

			 #alterh a {margin-top:-5px;
			 font-size:100%;
			 color:green;}
			 
			 			 
			 #describe {float:right;
			 }
			 
		.buyit {font-size:95%;
		background-color: #F7F7F7;
		border:1px #527900 solid;
		}
		
	#feature_box {
  float: left;
  width:225px;
  background-color: #ffffff;
  border:1px #AAE5A4 solid;
  padding:7px;
  margin-top:5px;
  margin-bottom:10px;
  margin-left:20px;
 }	

 #feature_box a:link a:visited {color:#008800 
 }
 	 
#feature_boxrt {
  float:right;
  width:225px;
  background-color: #ffffff;
  border:1px solid #AAE5A4;
  padding:7px;
  margin-top:5px;
  margin-bottom:10px;
  margin-right:25px;
 }
#feature_boxrt a:link {color:#008800 
 }


#feature_boxclear {
  
  width:297px;
  background-color: #ffffff;
  border:0px;
  padding:15px;
  margin-top:5px;
  margin-bottom:10px;
  margin-left:20px;
 }
 #horizontalclear {float: left;
  width:297px;
  background-color: #ffffff;
  border:0px;
  padding:1px;
  margin-top:2px;
  margin-bottom:5px;
  margin-left:10px;

 }

 #feature_box a:link {color:#008800 
 }
#feature_boxshopimg {
  float:left;
  width:120px;
  height:60px;
  background-color: #ffffff; 
  padding:0px;
  margin-top:2px;
  margin-right: 7px;
 
 }
 #feature_boxshopimga {
  float:left;
  width:120px;
  height:90px;
  background-color: #ffffff;
  border:1px #AAE5A4 solid;
  padding:0px;
  margin-top:4px;
  margin-right: 5px;
 
 }

 #feature_box a:link {color:#008800; 
 }

/* SIDEBAR ELEMENTS */

		#sidebar {
			float:right; width:205px;}
			
		
.subcontent-unit-noborder-green {width:195px; margin:0 0 2.5em 0; padding:0 0 3px 0; background-color:rgb(217,239,185); border-bottom:1px #669834 solid;}
.subcontent-unit-noborder-green h5 {clear:both; padding-bottom:3px; border-bottom:0px #0033CC dashed ;font-family:"trebuchet ms",verdana,arial,sans-serif; color: #5B8800; font-weight:bold; font-size:100%;text-align:center}
.subcontent-unit-noborder-green p /* Not Mozilla */ {margin-left:1.0em;margin-top:-1em }


.subcontent-unit-noborder-orange {width:195px; margin:0 0 2em 0; padding:0 0 3px 0; background-color:rgb(248,224,150); border-bottom:1px #FF9900 solid;}
.subcontent-unit-noborder-orange h5 {clear:both; padding:1px 1px 1px 20px; border-bottom:1px #0033CC dashed ;font-family:"trebuchet ms",verdana,arial,sans-serif; color: #CC5200; font-weight:bold; font-size:100%;text-align:center}
.subcontent-unit-noborder-orange p {text-align:center;}
.subcontent-unit-noborder-orange p /* Mozilla Firefox alignment */{text-align: -moz-center;margin-top:-1.5em}

.subcontent-unit-noborder-blue  {width:195px; margin:0 0 2.5em 0; padding:0 0 3px 0; background-color:rgb(213,225,240);border-bottom:1px #2B53A8 solid;}
.subcontent-unit-noborder-blue h5 {clear:both; padding-bottom:3px; border-bottom:0px #0033CC dotted ;font-family:"trebuchet ms",verdana,arial,sans-serif; color: #2F5BB9; font-weight:bold; font-size:102%; text-align:center}
.subcontent-unit-noborder-blue p /* Not Mozilla */ {margin-left:1.0em; margin-top:-1em} 


.sidebar1 p {
			padding:0 0 1em 0;
			border-bottom: 1px solid #DDDDDD;
		}

.sidebar1 h5 {font-size:98%;
color: #8CBB00; }

.sidebar1 img {
	border:0px}
}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:184px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:185px;}


/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color: #F3F3F3;
			padding: 0px 3px 0px 10px;
		}
		
		#footer p { text-align:center;
		font-size:92%;
		color:green;
		padding:2px; 
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}