body {
	margin:0px auto;
	font-family: Verdana, Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px; 
	
/*new*/
        font-color:#330000;
background-color:#EFFBCE;
background-image:url(../image-files/mainbk.jpg);
background-position:center;
background-repeat:repeat-y;
/*	background-color:#EBFACF;
	background-image: url(../image-files/mainbk.jpg) repeat-y;
	background: #FFFFFF url(../image-files/leftback.gif) repeat-y;*/ /* that will be repeated only along the y-axis [North/South] */

}

      
#container{/*location set for browser, DO NOT EDIT*/
	width: 725px;
	background-color:#FFFFFF;
	margin:0px auto;
        overflow:auto;
}

#header {
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	z-index: 2;
	margin-bottom: 0;
	margin-right: 0;
	background: #FFFFFF url(http://www.choose-healthy-food.com/image-files/rightback.gif) no-repeat right; /*EDIT COLOR TO MATCH PRIMARY IMAGE BACKGROUND COLOR TO BLEND*/
	color: #FFFFFF;
	padding:0px;
}

#header img{
float:left;
}

#topmenubar{
background-image:url(http://www.choose-healthy-food.com/image-files/topmenu_bk.jpg);
width:100%;
height:42px;
overflow:auto;
margin-top:1px;
padding:0px;
}
#topmenubar .menubutton{
width:96px;
height:34px;
margin-top:8px;
background-image:url(http://www.choose-healthy-food.com/image-files/button_bk.jpg);
float:right;
overflow:auto;
margin-right:2px;
}
#topmenubar .menubutton .linktext {
font-size:11px;
font-weight:bold;
font-family: Arial, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
margin-top:11px;
text-align:center;
}
#topmenubar .menubutton .linktext a:link{
text-decoration:none;
color:#2A7200;
}
#topmenubar .menubutton .linktext a:active{
text-decoration:none;
color:#2A7200;
}
#topmenubar .menubutton .linktext a:hover{
text-decoration:underline;
color:#2A7200;
}
#topmenubar .menubutton .linktext a:visited{
font-size:11px;
margin-top:12px;
text-align:center;
color:#2A7200;
}
#topmenubar .news{
width:300px;
height:40px;
font-size:12px;
color:#FFFFFF;
overflow:auto;
margin-top:1px;
padding:0px;
margin-left:5px;
text-align:left;
float:left;
}

#navback {
	/*background image set for left side*/
	position: absolute;
	top: 61px;
	left: 3px;
	z-index: 5;
	width: 130px;
	background-color: transparent;
	color: #000000;
}
#navigation{
width:190px;
height:100%;
padding-top:0px;
float:left;
overflow:auto;
background-image:url(../image-files/leftmenu_bk.jpg);
background-repeat:repeat-y;
}
#navigation .toptab{
width:180px;
float:left;
margin:0px;
padding-top:2px;
background-image:url(../image-files/topmenu_tab.jpg);
background-repeat:repeat-y;
}
#navigation .toptab p{
font-size:12px;
font-weight:bold;
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
margin-left:6px;
margin-top:6px;
}
#navigation .leftlink{
width:170px;
padding-top:1px;
}
#navigation .leftlink ul{
margin:0px auto;
padding:0px;
overflow:auto;
list-style-type:none;
}
#navigation .leftlink a
{
font-size:12px;
text-decoration:none;
margin-left:10px;
color:#2A7200;
font-weight:bold;
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
}
#navigation .leftlink a:hover {
	text-decoration:underline;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#navigation .leftlink li{
display:block;
padding-top:8px;
padding-bottom:4px;
}   

#navigation .news p{
font-size:11px;
margin-left:10px;
padding-top:6px;}
.news a:link{
	COLOR: #FCFF00;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

.news A:visited{
	COLOR: #FFFFFF;
	TEXT-DECORATION:underline;
	background-color: transparent;}
}
.news a:hover{
	COLOR: #FCFF00;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

.news A:active{
	COLOR: #FFFFFF;
	TEXT-DECORATION:underline;
	background-color: transparent;}
}

#navigation img{
margin-left:10px;
padding-top:6px;
}

#webcontent-onecol {
       /*The area that holds the primary content*/
width:716px;
height:100%;
padding:10px
float:right;
overflow:hidden;
background-repeat:no-repeat;
background-position:top left;
}
#webcontent-onecol .entry{
width:690px;
font-size:12px;
font-weight:bold;
color:#330000;
margin-top:20px;
margin-left:20px;
}
#webcontent-onecol p{
font-size:14px;
font-family: Verdana, Georgia, serif, Eyechart, Geneva, Arial, Helvetica, sans-serif;
/*color:#0D186A;*/
color:#330000;
line-height: 1.7;
font-weight:normal;
}
#webcontent-onecol UL{
list-style-type: disc;
font-size:14px;
font-family: Verdana, Georgia, serif, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
/*color:#0D186A;*/
color:#330000;
line-height: 1.7;
font-weight:normal;
}
#webcontent {
       /*The area that holds the primary content*/
width:526px;
height:100%;
padding:10px
float:right;
overflow:hidden;
background-image:url(http://www.choose-healthy-food.com/image-files/divider.);
background-repeat:no-repeat;
background-position:top left;
}
#webcontent .entry{
width:500px;
font-size:12px;
font-weight:bold;
color:#330000;
margin-top:20px;
margin-left:20px;
}
#webcontent p{
font-size:14px;
font-family: Verdana, Georgia, serif, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
/*color:#0D186A;*/
color:#330000;
line-height: 1.7;
font-weight:normal;
}

#webcontent UL{
list-style-type: disc;
font-size:14px;
font-family: Verdana, Georgia, serif, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
/*color:#0D186A;*/
color:#330000;
line-height: 1.7;
font-weight:normal;
}
#webcontent UL.checks {
list-style-position: inside;
list-style-image: url(http://www.choose-healthy-food.com/image-files/checkmark.png); 
font-size:14px;
font-family: Verdana, Georgia, serif, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
/*color:#0D186A;*/
color:#330000;
line-height: 1.7;
font-weight:normal;
/*border: 1px solid #2A7200; 
margin-left: 0px;
padding:2%;*/
/*	BORDER-TOP: thin dotted #2A7200; /*333333;*/
/*	BORDER-LEFT: thin dotted #2A7200; /*333333;*/
/*	BORDER-BOTTOM: thin dotted #2A7200; /*333333;*/
/*	BORDER-RIGHT: thin dotted #2A7200; /*333333;*/
/*        background-color: #EFFBCE; */
}

#webcontent ul.NoBulletNoIndent {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px
}
#webcontent OL{
list-style-type: decimal;
font-size:14px;
font-family: Verdana, Georgia, serif, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
/*color:#0D186A;*/
color:#330000;
line-height: 1.7;
font-weight:normal;
}
/*quotations*/
blockquote {
 margin: 0 auto;
 text-align: justify;
 width: 480px;
}
blockquote p {
 margin: 0;
 padding: 0;
}

/* Style bq3
-----------------*/
#bq3 {
/* background: #EFFBCE;*/
 border-left: 0.2em solid #2A7200;
 color: #666;
 font: italic 100% "Trebuchet MS", "Lucida Grande", sans-serif;
 padding: 0.5em 1em;
}
#bq3 .quoter {
  color: #333;
  font: bold 75% Verdana, Helvetica, sans-serif;
  line-height: 200%;
  text-align: right;
}

/* Style bq7
-----------------*/

#bq7 {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	color: #303030;
	font: italic 130% Arial, Helvetica, sans-serif;
	line-height: 125%;
	padding: 0 10px;
}

#bq7 p {
	 border: 1px solid #666;
	 border-width: 1px 0;
	 padding: 10px 15px 10px 25px;
}
#bq7 .quoter {
  color: #333;
  font: bold 75% Verdana, Helvetica, sans-serif;
  line-height: 200%;
  text-align: right;
}	
/* 
	Blue on blue
	written by Glenn Slaven http://slaven.net.au
*/

table.intext td,th {
	border-collapse:collapse;
	margin:0;
	padding:0;

}
table.intext {
	border: none;
	font-family: Garamond, Georgia, "Times New Roman", Times New Roman, serif;
}

table.intext caption {
	background-color: transparent;
	background-image: url(cap_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align:left;
	font-size:150%;
/*	text-transform:uppercase;
	line-height: 30px;*/
	letter-spacing:0px;	
}

table.intext td, th{	
	vertical-align:top;
	font-weight:normal;	
}

table.intext thead {
	border-left:1px solid #2A7200;	
}
table.intext thead th {
	background: #2A7200;
	color: #FFFFFF;
	font-size: 125%;
	border-top:1px solid #2A7200;
	border-right:1px solid #2A7200;
	padding: 4px 0.4em 4px 0.4em;	
}

table.intext tfoot td, tfoot th {
	border-top:1px solid #2A7200;
	border-right: none;
	font-weight: bolder;
	font-size: 110%;
	padding: 0.4em 0.5em 0.4em 0.5em;
}

table.intext tbody td, tbody th {
	background-color: #FFFFFF;  /*#EBFACF;*/
	border-right:1px solid #2A7200;
	font-size: 110%;
	padding: 0.4em 0.5em 0.4em 0.5em;
}

table.intext tbody tr.odd th, tbody tr.odd td{
	background-color: #EBFACF; /*#FFFFFF;*/
}

table.intext tbody th{	
	font-weight: bold;	
	border-left:1px solid #2A7200
}

table.intext a:link, table a:visited, table a:active {	
	color:#444F66;
	background-color: transparent;
	text-decoration: underline;
}

table.intext a:hover {
	text-decoration:none;
	background-color: #1E90FF;
	color: #FFFFFF;
}

/*Default link colors for content area; not recommended to edit*/
A:link {
	COLOR: #0000CC;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

A:visited {
	COLOR: #990099;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

A:hover {
	COLOR: #CC3300;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

#menu3 {
	/*for manual footer links*/
	PADDING-RIGHT: 0;
	BORDER-TOP: thin solid #800000;
	PADDING-LEFT: 0;
	PADDING-BOTTOM: 3px;
	MARGIN: 40px 0 0;
	PADDING-TOP: 6px;
	TEXT-ALIGN: center;
	line-height: 22px;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}	

/*#rightcontent {
	/*to set the right column*/
	position: absolute;
	left: 76%;
	top: 78px;
	width: 170px;
	z-index: 4;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: x-small;
	margin: 0;
	text-align: left;
	padding: 3px 5px;
	border: 1px solid #DCDCDC;
	background-color: transparent;
}  	*/



/*OL, UL, DL {font-size:12px;}font-family is already defined, here I only set the font-size*/
ol.decimal {list-style-type: decimal}
ol.ualpha {list-style-type: upper-alpha}
ul.disc {list-style-type: disc;
         font-size:13px;
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color:#0D186A;
	line-height: 1.5;}
ul.circle {list-style-type: circle}


/*Settings for all heading tags*/
H1{
	margin-bottom: 0;
	font-family:Georgia, "Times New Roman", Times New Roman, sans-serif;
	/*font-family:  Garamond,Georgia,Helvetica,Century Gothic, Cambria, Trebuchet MS, Verdana, Eyechart, Geneva, Arial, sans-serif;*/
	font-size:large;
	color:#535353;
	
        /*color: #0000CC;*/
        /*color: #2A7200;*/
	/*color: FA8A05; #800000;#2A7200; 910357;0D186A*/
	background-color: transparent;
}

H2{
	margin-top:3;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#5B0000;
	/*color:#FA8A05; /*333333;*/
	font-weight:bolder;
	background-color: transparent;
}

H3{
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
        color: #2A7205; /*#696969;*/
	font-weight: bolder;
	background-color: transparent;
}

H5{
	margin-bottom: 0;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #696969;
	background-color: transparent;
}

H4 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #2A7200; /*#DCDCDC;*/
	padding: 3px;
	width: 98%;
	BORDER-TOP: thin solid #2A7200; /*333333;*/
	BORDER-LEFT: thin solid #2A7200; /*333333;*/
	BORDER-BOTTOM: thin solid #2A7200; /*333333;*/
	BORDER-RIGHT: thin solid #2A7200; /*333333;*/
	/*background-color: #800000;#2A7200;FCFA75*/
        background-color: #EFFBCE; /*#F39B11;*/
}

H6 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
/*	BORDER-TOP: thin solid #333333;
	BORDER-BOTTOM: thin solid #333333;
	BORDER-LEFT: thin solid #333333;
	BORDER-RIGHT: thin solid #333333;*/
	margin: 0;
	padding: 1px;
	text-align: center;
	background-color: #DCDCDC;
}    
    
strong, b {font-weight:800;}/*NN 4.xx needs that...*/ 
big {font-size:larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:smaller;}/*not really necessary, but one never knows...use it inline with a <span> class*/

/*This removes the need to add border=0 to linked image-files*/
A IMG {border:0.1px none #000000;} 

/*ul{You can create a special image to use in lists, upload to the Graphics Library and be sure and name it li.gif*/
	list-style-type: disc;
     /*   list-style-image:url(../image-files/li.gif);list-style-type:none;*/
	list-style-position:outside;
	
}

em,i{ /*sets italics to bold to stand out better*/
	font-weight: bold;
	font-style: italic;
}
/* image styles */
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 5px 7px 2px 5px; display: inline; }

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

img.alignnone {
padding: 0px;
margin: 0px 0px 10px 0px;
display: inline;
}

img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 20px 10px 0px;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.wp-caption {
margin: 0px;
padding: 0px;
}

.wp-caption img {
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px;
}
.frame { padding: 5px; border: 1px solid #aaa; } 

#footer{
margin:0px auto;
text-align:center;
width:100%;
height:160px;
color:#1F7100;
background-color:#086C01;
overflow:auto;
}
#footer p{
font-size:14px;
color:#fff;
}
.clear{
clear:both;
}


div.clear{clear:both;background-color:transparent}div.clear10{clear:both;height:10px;background-color:transparent}div.clear20{clear:both;height:20px;background-color:transparent}div.clear30{clear:both;height:30px;background-color:transparent}div.clear40{clear:both;height:40px;background-color:transparent}div.clear50{clear:both;height:50px;background-color:transparent}div.clear60{clear:both;height:60px;background-color:transparent}div.clear70{clear:both;height:70px;background-color:transparent}div.clear80{clear:both;height:80px;background-color:transparent}div.clear90{clear:both;height:90px;background-color:transparent}div.clear100{clear:both;height:100px;background-color:transparent}
.mobile-only{display:none;}
span.mobile-only{display:none;}
.mobileOnly{display:none;}
span.mobileOnly{display:none;}
@media screen and (max-width:16cm){
.mobile-only{display:block;width:100%}
span .mobile-only{display:inline;}
div .mobileOnly{display:block;}
span .mobileOnly{display:inline;}
.desktopOnly{display:none;}
.desktop-only{display:none;}
body{background:url(../image-files/modern-mobile-header.jpg) #fff top left no-repeat; background-attachment:fixed;margin:0;padding:0;color:#333;font-size:90%;line-height:1.5em;letter-spacing:.03em}

#container{ max-width:100%!important; margin:200px auto 0 auto; background-image:none;float:none;display:block;padding:0;overflow:hidden;}
#webcontent .entry {max-width:90%;background-image:none;float:none;display:block;padding:0 20px 0 0;overflow:hidden;}
#footer, #webcontent { max-width:100%; background-image:url{}; float:none;display:block;overflow:hidden;}
#header, #topmenubar, #navback, #navigation {display:none;}





img{max-width:95%!important;height:auto!important;-ms-interpolation-mode:bicubic;padding:4px;border:1px solid #ccc;clear:both;display:inline !important;}
#wrap{width:100%; border:transparent ;background-color:#fff;border-bottom:1px solid #ccc;padding:4px;margin-top:40px;margin-bottom:15px;margin-left:0px;color:#000;}
#wrap img{border:transparent;}
#wrap a:link{color:#009933; font-weight:bold; font-size:15px; margin:10px;}
#wrap a:visited{color:#009933;}
#wrap a:hover{color:#00cc66;}
.more{display:none;background:0 0;padding:0;}
.mobile-nav{font-size:12px; position:absolute; top:90px; width:100%; margin:5px auto !important;overflow:hidden;}

 .socializeIt {display:none;}
}