/* Homepage CSS Document */

#banner {
width: 620px;
height: 240px;
margin: 0 auto;
margin-top: 10px;
padding: 0px 0 0 0;
background:  url(images/12steps.jpg) no-repeat left top;  
}
#sidebar {
margin-top: 0px;
background: #FFFF99 url(images/sidebarindex.jpg) no-repeat left top; 
float: left;
width: 195px;
height: 1790px;
padding-left: 30px;
border-right:1px solid #FFF;
}
#content {
float: right;
width: 620px;
height: 1760px;
}
ul {
line-height: 19px;
}
h1 {
text-decoration: none;
}	
h6 {
color: #000000;
font-size: 10px;
margin-left: 5px;
margin-bottom: 5px;
line-height: 0px;
padding: 0px; 
}
.box1 {
background: #FCFE9F;
width: 403px;
height: 500px;
margin: 0px;
padding: 3px;
border: 1px solid #ffffff; background-color: #F5F7B9;
overflow: hidden; 
}  
.box2 {
width: 156px;
height: 160px;
margin: 0px;
padding: 0px;
border: 3px solid #ffffff; background-color: #F5F7B9; 
}  
.box3 {
width: 403px;
height: 375px;
margin: 0px;
padding: 3px;
border: 1px solid #ffffff; background-color: #F5F7B9; 
overflow: hidden;
}  
.box4 {
margin-top: 0px;
width: 150px;
height: 380px;
padding: 3px;
border: 3px solid #ffffff; background-color: #F5F7B9; 
overflow: auto;
}   
.box5 {
margin-top: 0px;
width: 150px;
height: 280px;
padding: 3px;
border: 0px solid #ffffff; background-color: #FDFE84; 
}   
.box6 {
width: 174px;
height: 100px;
margin: 0px;
padding: 3px;
border: 0px solid #F5F7B9; background-color: #FFF;
overflow: hidden; 
}
.box7 {
width: 172px;
height: 125px;
margin: 0px;
padding: 3px;
border: 1px solid #ffffff; background-color: #F5F7B9; 
}   
.box8 {
width: 150px;
height: 200;
margin: 0px;
padding: 3px;
border: 3px solid #ffffff; background-color: #FFF; 
overflow: hidden;
} 
.box9 {
width: 172px;
height: 110px;
margin: 0px;
padding: 3px;
border: 0px solid #FFF; background: url(images/hoursbkground.jpg); 
}  
.box10 {
width: 400px;
height: 230px;
margin: 0px;
padding: 3px;
border: 3px solid #ffffff; background-color: #F5F7B9; 
}   
.box11 {
width: 150px;
height: 305px;
margin: 0px;
padding: 3px;
border: 3px solid #F5F7B9; background-color: #F5F7B9; 
overflow: hidden;
} 
.box12 {
width: 173px;
height: 215px;
margin: 0px;
padding: 3px;
border: 0px solid #ffffff; background-color: #FFFF99; 
overflow: hidden;
}  
.box13 {
width: 178px;
height: 175px;
margin: 0px;
padding: 2px;
}
.box14 {
width: 406px;
height: 185px;
margin: 0px;
padding: 2px;
background-color: #FFF;
}
#secondarycontent {
float: right;
width: 160px;
height: 1200px;
padding-right: 5px; 
}	
#secondarycontent {
float: right;
width: 160px;
height: 1200px;
padding-right: 5px; 
}	
#banner2 {
width: 580px;
height: 240px;
margin: 0 auto;
margin-top: 10px;
padding: 0px 0 0 0;
background: #BCE03E url(images/rawfood.jpg) no-repeat left top;
}  	
.stream {
margin: 0px;
margin-top: 0px;
width: 150px;;
height: 400px;
padding: 0px;
background-color: #F5F7B9;
overflow: auto;
}	 
fieldset {
margin: 3px;
padding: 3px;
width: 178px;
border: 1px solid #ccc;
background: #F5F7B9;
}	 	 
.aboutus {
font-size: 12px;
line-height: 18px;
text-align: justify;
} 
.step {
font-size: 12px;
line-height: 18px;
text-align: none;
}   
.newproducts {
font-size: 11px;
line-height: 18px;
}
a.aboutcm:link {
color: #006600; 
font-style: normal; 
font-size: 12px; 
background-color: #FFF; 
display: block; 
width: 174px;  
text-decoration: none;
}
a.aboutcm:active {
color: #006600; 
font-style: normal; 
font-size: 12px; 
background-color: #FFF; 
display: block; 
width: 174px; 
text-decoration: none;
}
a.aboutcm:visited {
color: #006600; 
font-style: normal; 
font-size: 12px; 
background-color: #FFF; 
display: block; 
width: 174px; 
text-decoration: none;
}
a.aboutcm:hover {
color: #006600; 
color: black; 
font-size: 12px; 
background-color: #FFFF00; 
display: block; 
width: 174px; 
text-decoration: none;
}
a.red:link {
color: #006600; 
font-style: normal; 
font-size: 12px; 
background-color: #FFF; 
display: block; 
width: 150px;  
text-decoration: none;
}
a.red:visited {
color: #006600; 
font-style: normal; 
font-size: 12px; 
background-color: #FFF; 
display: block; 
width: 150px; 
text-decoration: none;
}
a.red:hover {
color: #006600; 
color: black; 
font-size: 12px; 
background-color: #FFFF00; 
display: block; 
width: 150px; 
text-decoration: none;
}
a.red:active {
color: #006600; 
font-style: normal; 
font-size: 12px; 
background-color: #FFF; 
display: block; 
width: 150px; 
text-decoration: none;
}
a.green:link {color: #006600; font-style: normal; font-size: 12px; text-decoration: none;}
a.green:visited {color: #006600; font-style: normal; font-size: 12px; text-decoration: none;}
a.green:hover {color: #000; color: red; font-size: 12px; text-decoration: none; }
a.green:active {color: #006600; font-style: normal; font-size: 12px; text-decoration: none;}

.bold {
font-size: 12px;
color: #FFFF33;
text-decoration: none;
text-align:center; 
width: 152px;
height: auto; 
display:block; 
padding:5px; 
background-color: #009900;
border: solid #000000 0px;
}  
.boldsidebar{
font-size: 14px;
color: #FFFF33;
text-decoration: none;
text-align:center; 
width: 174px;
height: auto; 
display:block; 
padding:3px; 
background-color: #009900;
border: solid #FFFF00 0px;
}   
.headline{
font-size: 16px;
color: #009900;
text-decoration: none;
text-align:center; 
width: 167px;
height: auto; 
display:block; 
padding:5px; 
background-color: #FFFF00;
border: solid #000000 1px;
}  
.boldaboutus{
font-size: 14px;
color: #FFF;
text-decoration: none;
text-align:center; 
width: 398px;
height: auto; 
display:block; 
padding:5px; 
background-color: #009900;
border: solid #FFF 2px;
} 
.boldmonth {
font-size: 14px;
color: #FFF;
text-decoration: none;
text-align:center; 
width: 172px;
height: auto; 
display:block; 
padding:3px; 
background: #009900 url();
border: solid #009900 1px;
}  
span[class^="foodguides"]{
font-size: 12px;
color: #000;
}
.hours {
text-align: center;
font-weight: 600; 
}  
.newsletter {
font-size: 14px;
color: #000;
}	
#givingback ul {
margin: 0;
padding: 0;
list-style: none;
}
#givingback li {
margin-bottom: 40px;
}
span[class^="title"] {
color: #006600;
font-weight: 600;
}
a#allergies {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/allergies.jpg);
}
a#allergies:hover {
background-image: url(images/foodguides_homepage/allergies_rollover.jpg);
}	 
a#gmos {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/gmos.jpg);
}
a#gmos:hover {
background-image: url(images/foodguides_homepage/gmos_rollover.jpg);
}
a#organics {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/yourguidetoorganics.jpg);
}
a#organics:hover {
background-image: url(images/foodguides_homepage/organics_rollover.jpg);
}
a#vegetarian {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/yourguidetovegetarian.jpg);
}
a#vegetarian:hover {
background-image: url(images/foodguides_homepage/vegetarian_rollover.jpg);
}
a#grains {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/yourguidetograins.jpg);
}
a#grains:hover {
background-image: url(images/foodguides_homepage/grains_rollover.jpg);
}
a#sprouts {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/yourguidetosprouts.jpg);
}
a#sprouts:hover {
background-image: url(images/foodguides_homepage/sprouts_rollover.jpg);
}	 
a#beans {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/yourguidetobeans.jpg);
}
a#beans:hover {
background-image: url(images/foodguides_homepage/beans_rollover.jpg);
}			 
a#gluten {
display: inline;
width: 100px;
height: 115px;
float: left;
background-image: url(images/foodguides_homepage/yourguidetoglutenfree.jpg);
}
a#gluten:hover {
background-image: url(images/foodguides_homepage/gluten_rollover.jpg);
}		   	 	 	 
a .alt {
display: none;
}