body {
background-color: #FFFFCC;
background-image: url('https://www.feelgoodnatural.com/images/bg-page.jpg');
background-repeat: repeat-x;
background-position: top left; 
font-family: verdana, arial, helvetica, sans-serif;
color: #333333;
margin: 0;
padding: 0;
}

td { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }
.disclaimer {font-size: 70%; }
.cart {font-size: 80%; }
.small {font-size: 85%; }
tr.even, td.even, div.even {
	background-color: White;
	padding: 5px;
	clear:right;
} 
tr.odd, td.odd, div.odd {
	background-color: #FFEBD6;
	padding: 5px;
	clear:right;
} 
span.leftAdmin {
	color: #F4F5E8;
}
a {
color: #336600;
}

.right-head {
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-weight: bold;
font-size: 120%;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
}

div.maintext {
text-align: left;
width: 443px;
z-index: 100;
position: relative;
}

div.maintext a {
color: #336600;
font-weight: bold;

}

div.maintext a:visited {
color: #003300;

}

div.maintext a:hover {
color: #669900;

}

div.leftBG {
background-image: url('https://www.feelgoodnatural.com/images/bg-left.png');
background-repeat: repeat-y;
background-position: top left;
}

div.leftFeature {
background-color: #FFFFFF; border-top: 1px solid #FFCD82; margin: 0 15px 15px 15px; padding: 10px; font-size: 85%; 
}

div.leftFeature span.featureHead {
font-size: 110%;
color: #336600;
font-weight: bold;
}

div.leftFeature ul {
list-style: none;
	margin: 3px;
	padding-left: 5px;
}
div.leftFeature ul li {
padding: 2px;
}

div.leftFeature a {
color: #000000;
}

div.horizLine {
width: 100%;
height: 1px;
background-color: #FF9900;
border-top: 1px solid #FFE3B8;
border-bottom: 1px solid #C19D66;
}

div.orangeBG {
background-color: #FF9900;
background-image: url('https://www.feelgoodnatural.com/images/bg-sidebar.jpg');
background-repeat: repeat;
background-position: top left; 
}

div.mainBody {
	   display:block;
	   margin-left:240px;
	   padding:10px;
	   z-index:5;
	   background-color: #FFFFFF;
	   min-height: 1500px;
	   }
	   
div.footer {
	   display:block;
	   margin-left:240px;
	   padding:10px;
	   z-index:5;
	   background-color: #FFFFFF;
	   }

.footerText { font-size: 80%; }

div.image-top {
clear:both;
margin: 0px 0px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-left {
float:left;
margin: 0px 10px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-right {
float:right;
margin: 0px 0px 10px 10px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

span.imageCaption {
	font-size: 90%;
	font-style : italic;
	
	color: #999999;
}

span.module-head {
padding: 10px 0 0 0;
font-size: 70%;
color: #999999;
font-weight: bold;
clear:both;
width:100%;
}

span.module-notes {
font-size: 75%;
color: #999999;
clear:both;
}

ul.module {
text-align: left;
}

ul.module li.category {
 clear: right;
 width:100%;
  margin: 0;
  padding: 0;
  font-weight: bold;
  list-style: none;
  text-align: left;
} 

ul.module li.description {
  padding: 0 0 10px 0;
  list-style: none;
  text-align: left;
} 


div.tiers {
	width: 100%;
	color: #FFFFFF;
	/*border-bottom: 2px white solid;
	border-top: 2px solid #F1CE66;*/
}

div.tiers div.nav {
	color: #FFFFFF;
	border-bottom: 1px white dotted;
	padding-right:0px;
}

div.tiers div.nav-active {
	border-bottom: 1px white solid;
	color: #FFFFFF;
	font-weight: bold;
	padding-right:0px;
}

div.tiers div.cat {
	color: #ffffFF;
	border-bottom: 1px white solid;
	font-weight: bold;
	padding-top:5px;
	padding-right:0px;
}

div.tiers div.nav a,
div.tiers div.cat a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	
}

div.tiers div.nav-active a.active,
div.tiers div.cat-active a.active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	
}

div.tiers div.nav a:hover,
div.tiers div.cat a:hover {
	background-color: #003366;
	
}

div.row {
  clear: right;
  padding-top: 10px;
  width: 95%;
  text-align: center;
  }

div.row span.label {
  float: left;
  width: 15%;
  text-align: right;
  }
  div.row span.label2 {
  float: left;
  width: 25%;
  text-align: right;
  }
  div.row span.label-required {
  float: left;
  width: 15%;
  text-align: right;
  color: #FF0000;
  }
  
div.row span.left {
  float: left;
  width: 45%;
  text-align: center;
  }

div.row span.formw {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.formw2 {
  float: right;
  width: 65%;
  text-align: left;
  } 
  div.row span.form80 {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.form45 {
  float: left;
  width: 45%;
  text-align: left;
  } 
  div.row span.form15 {
  float: left;
  width: 15%;
  text-align: left;
  } 
  div.row span.form20 {
  float: left;
  width: 20%;
  text-align: left;
  } 
div.row span.right {
  float: right;
  width: 45%;
  text-align: center;
  }
  
  div.categories {
  clear: both;
  padding-top: 2px;
  width: 100%;
  text-align: center;
  } 
  div.categories span.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
   div.categories div.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
div.form { 
width: 90%; 
/*background-color: #cc9; 
border: 1px dotted #333; */ 
padding: 5px; 
margin: 0px auto;
}
div.form table { table-layout: fixed; }
input, textarea, select { width: 95%; position: relative; }
input.submit { width: 50%; background-color: #003366; color: #FFFFFF; font-weight: bold;  }
input.multi_submit { width: 90%; background-color: #003366; color: #FFFFFF; font-weight: bold;  }
input.full_submit { width: 100%; background-color: #003366; color: #FFFFFF; font-weight: bold;  }
input.checkbox, input.radio { width:20px; height: 20px; }


	
HR {
display: none;
}

DIV.hr {
margin: 0;
padding:0;
height: 3px;
background-color: #fff;
width:100%;
}

DIV.hrOrange {
margin: 0;
padding:0;
height: 3px;
background-color: #669900;
width:100%;
}

div.divider {
border-top: 1px dotted white;
width:100%;
margin: 5px;
padding: 5px;
}

div.filter {
border-top: 1px solid black;
border-bottom: 1px solid black;
width:100%;
margin: 5px;
padding: 5px;
}

div.home {
float: left;
width: 192px;
height: 100%; 
}

div.home ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div.home li {
border-top: 1px solid white;
padding: 2px 0px 8px 0px;
margin: auto;
width: 80%;
}

div.home a {
color: #FFFFFF;
text-decoration: none;

}

div.home a:hover {
color: #ffffcc;

}

div.home-bottom {
float: left; width: 192px; height: 82px; 
}

div.catDisplay {
position: absolute; color: #FFFFFF; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: 0; right:0; z-index: 100;
}

div.catDisplayShadow {
position: absolute; color: #003366; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: -1px; right:-1px; z-index: 50;
}

div.catBackoffice {
position: absolute; color: #FFFFFF; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: 0; left:0; z-index: 100; height: 75px;
}

div.catBackground {
background-image: url('https://www.feelgoodnatural.com/images/section-head.png'); padding: 0; margin: 0; position:relative; width:100%; height: 80px;
}

div.catBackground2 {
height: 80px; text-align: right; padding: 0; margin: 0; position:relative;
}

ol.tiers {
color: #FFFFFF;
font-size: 75%;
}

ul.tiers {
	width: 100%;
	color: #FFFFFF;
	/*border-bottom: 2px white solid;
	border-top: 2px solid #F1CE66;*/
	padding: 0;
	margin: 0;
	/*background-color: #F1CE66;*/
}

ul.tiers li.nav {
	color: #FFFFFF;
	border-bottom: 1px white dotted;
	padding-right:0px;
	font-weight: normal;
}

ul.tiers li.nav-active {
	border-bottom: 1px white dotted;
	color: #FFFFFF;
	font-weight: bold;
	padding-right:0px;
}

ul.tiers li.cat {
	color: #ffffFF;
	border-bottom: 1px white solid;
	font-weight: bold;
	padding-top:5px;
	padding-right:0px;
}

ul.tiers li.nav a,
ul.tiers li.cat a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	
}

ul.tiers li.nav-active a.active,
ul.tiers li.cat-active a.active {
	color: #ffcc66;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	
}

ul.tiers li.nav a:hover,
ul.tiers li.cat a:hover {
	background-color: #F4F5E8;
	color: #990000;
	}

.hiddenRight {
color: #003366;
display: none;
}

div.right-plug {
/*background-color: #99CCFF;*/
color: #FFFFFF;
width: 144px;
padding: 4px;
}

div.right-plug a {
color: #FFFFFF;
position: relative;
}

div.right-plug a:hover {
color: #ccffff;
position: relative;
}








        div.main {
        margin-left: auto;
       margin-right: auto;
       width: 845px;
       background-image : url("https://www.feelgoodnatural.com/images/bg-fade.gif");
        }
        div.centerArea {
        margin-left: 64px;
         margin-right: 64px;
        width: 718px;
        }
        div.redBar {
       	background-image : url("https://www.feelgoodnatural.com/images/red-bar.gif");
       	background-position: top;
       	width: 718px;
       	height: 12px;
       	background-repeat : repeat-x;
		padding: 0;
		margin: 0;


       }
	   div.logo {
	   float:left;
	   }
	   div.banner {
	   float:right;
	   }
	   div.leftBar {
	   width: 206px;
	   float: left;
	   }
	   div.navigation {
	   background-color: #99CC33;
	   padding-left: 15px;
	   border-top: 3px solid white;
	   }
	   div.foodBankButton {
	   text-align: center;
	   width: 206px;
	   padding: 6px;
	   }
	   div.contactInfo {
	   padding: 20px;
	   font-size: 80%;
	   }
	   
	   div.navigationBottom {
	   width: 718px;
	   padding: 2px;
	   }
	   
	   h1 { font-size: 165%; color: #003366; }
	   h2 { font-size: 135%; color: #336600; }
	   h3 { font-size: 120%; }
	   h4 { font-size: 110%; }
	   h5 { font-size: 90%; color: #669900; }
	   h6 { font-size: 75%; }
	   
	   .subhead {
	   font-size: 130%;
	   position: relative;
	   top: -15px;
	   font-style: italic;
	   color: #669900;
	   }

	   .redBold {
	   color: #CC3333;
	   font-weight: bold;
	   }


	   
	   
	
	
table.membershow {
width: 450px;
}

div.mapShow {
width: 460px;
text-align: center;
}

fieldset {

	border: 1px solid #FF0000;
	padding: 5px 15px 10px;
}

legend span{
	color: #000000;
	display: block;
	font-size: 1.2em;
	background-color: #FFFFFF; /*added to cover the border around the fieldset that shows under the legend when a background image is used -- must be the same color as the form that shows beneath it -- bug is in moz-based and Safari*/
	padding: 1px 5px;
	width: 140px;	
	text-align: center;
}

div.products {
clear:right;
position: relative;
border: 1px solid black;
}

div.productTitle {
color: #FFFFFF; background-color: #ff9933; padding: 2px; font-size: 80%; font-weight: bold;
}

div.productTitle a {
color: #FFFFFF;
text-decoration: none;
}

div.productTitle a:hover {
color: #ffffcc;
text-decoration: underline;
}

a.aNormal, a.aNormal:hover {
font-family: verdana, arial, helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

a.addCart, a.addCart:hover, a.addCart:visited {
color: #FFFFFF; background: #003366; padding: 4px; text-decoration: none; position: relative;
}



#tagcloud {
    text-align:center;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
	font-weight: normal;
}
 
#tagcloud a:hover, #tagcloud a:active {
    text-decoration: underline;
    color: #000;
	font-weight: normal;
}
 
#tagcloud span {
    padding: 4px;
}
 
#tagcloud .smallest a {
    font-size: 75%;
filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
 
#tagcloud .small a {
    font-size: 90%;
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
 
#tagcloud .medium a {
    font-size:105%;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
 
#tagcloud .large a {
    font-size:112%;
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
 
#tagcloud .largest a {
    font-size:120%;
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

a.tooltip {
position: relative;
font-weight: normal;
text-decoration: none;
padding: 5px;
font-size: 80%;
display: block;
width: 120px;
}

a.tooltip span {display: none;}

a.tooltip:hover span {
  position: absolute;
  top: 40px;
  left: -90px;
  display: block;
  background: #FFFFFF;
  border: 1px solid #81AA36;
  color: #000000;
  text-decoration: none;
  padding: 10px;
  width: 300px;
  font-size: 110%;
  font-weight: normal;
  text-align: left;
  z-index: 30000;
  }