@charset "utf-8";
/* CSS Document */

body {
	/*background: #fff url(../images/foodforhealth/bkg_diag.gif) repeat top left;*/
	margin: 0;
	padding: 0;
	font-size: 75%;
	color: #333; 
	font-family: Arial, Verdana, "Helvetica Neue", "Lucida Grande", Helvetica, sans-serif;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* CONTENT ELEMENTS  
-------------------------------------------------------*/ 

.HLBox { padding: 1.5em; margin: 1.5em; background: #eee; text-align: left; width: 25%; border-left: 1px dotted #ccc;}

.footnote {
	border-top: 1px solid #ddd; 
	line-height: 1.4em;
	font-size: 11px; 
	font-style: italic; 
	margin-top: 25px; 
	padding: 3px 0 20px 5px;
}

.backtotop {
	display: block;	text-align: center;	margin: 2em 0 2em 0; padding: 20px 10px 5px 15px; 
	background: transparent url(../images/common/backtotop_arrow.gif) no-repeat 50% 10%;
}

.keypoints {
	padding: 1.5em; 
	padding-left: 6em;
	margin-bottom: 1.5em; 
	background: #fff6bb url(../images/foodforhealth/key_bkg.gif) no-repeat top left; 
}

.box {
	background: #fff6bb;
	padding: 1.5em;
	margin: 1.5em 0;
}


/* Common elements to help with positioning 
-------------------------------------------------------*/

.left   { float:left; }
.right  { float:right; }

.hide   { display:none; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 

hr {
  background: #e2d38c; 
  color: #e2d38c;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

#rightadcol hr {
  background: #ddd; 
  color: #ddd;
}

/* TYPOGRAPHY */ 

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; /*color: #454c5b;*/ color: #7c533c; letter-spacing: -1px;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #c87f00; }
h4 { font-size: 1.25em; line-height: 1.25; margin-bottom: 1.25em; /*color: #888;*/ font-weight: bold; color: #666;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

#feat_article h1, #article_summary h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.3em;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;}
#feat_article a, #article_summary a { color: #7c533c; } /*to change*/
#feat_article a:hover, #article_summary a:hover { text-decoration: none; color: #000; }

#resources_links h3 { font-size: 1.4em;font-weight: bold; margin: 0 0 13px 0; padding: 0; }
#resources_links h3 a { color: #c87f00; } /*to change*/
#resources_links h3 a:hover { color: #000; text-decoration: none; }

#footer_nav h4 { font-weight: bold; font-size: 1.1em; color: #5e594a; margin: 0 0 5px 0; }
#footer span { color: #acacac; font-size: 1.4em; margin: 0 5px; }

.HLBox h5 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; font-size: 1.2em; color: #c87f00; }
.keypoints h3 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }

#content_wleft h1 { font-size: 2em; margin-bottom: 0.75em; color: #c87f00; letter-spacing: -1px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddecf3; border-top: 1px solid #fff/*#ebf5fa*/; margin-right: 10px;}

/* Text elements
-------------------------------------------------------------- */


p           { margin: 0 0 1.5em; line-height: 1.8em;}
p.last      { margin-bottom: 0; }
p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }


ul, ol      { margin-bottom: 1.5em; margin-top: 0.5em; } 
ul li		{ list-style-image: url(../images/foodforhealth/content_bullet.gif); margin:0 0 0.3em 0;}
ol li		{ margin:0 0 0.3em 0;}
li ul li	{ list-style-image: url(../images/foodforhealth/content_bullet2.gif);}
ul li ul, ul li ol, ol li ul, ol li ol	{ margin-bottom: 0.6em;}
ul li ol li	{ list-style-image: none; padding-left: 0; background: none; }


a:focus, 
a:hover     { color: #5b454e; text-decoration: underline;}
a           { color: #014699; text-decoration: none;} 

.linkPdf 	{ padding: 5px 20px 5px 0;	background: transparent url(../images/common/icon_pdf.gif) no-repeat center right; }
.linkWord 	{ padding: 5px 20px 5px 0; background: transparent url(../images/common/icon_doc.gif) no-repeat center right; }
.linkExl	{ padding: 5px 20px 5px 0; background: transparent url(../images/common/icon_xls.gif) no-repeat center right; }
.linkExt 	{ padding: 5px 20px 5px 0;	background: transparent url(../images/common/icon_external.gif) no-repeat center right; }
.linkZip 	{ padding: 5px 20px 5px 0;	background: transparent url(../images/common/icon_archive.gif) no-repeat center right; }


blockquote  { margin: 2em; color: #666; line-height: 1.8em;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }


/* Tables
-------------------------------------------------------------- */

/* to change*/
table   			{ margin-bottom: 2em; border-bottom: 1px solid #c87f00; border-top: 1px dashed #e6d89a; border-left: 1px solid #ddd;}
th,td, caption		{ padding: 8px 7px 5px 7px; }
th      			{ font-weight: bold; background: url(../images/foodforhealth/th_bkg.gif) repeat-x bottom left; border-right: 1px solid #f1e8c1; }
td      			{ border-bottom: 1px solid #eee; border-right: 1px solid #ddd; }
tfoot   			{ font-style: italic; }
caption 			{ background: #ffed76; border-top: 1px solid #eecd3b; font-size: 1.0em; text-transform: uppercase; font-weight: bold; }
th.vertical 		{ vertical-align: top; background: #fefaf7 url(../images/foodforhealth/th_bkg2.gif) repeat-x bottom left; text-align: right; border-right: 1px solid #e6d89a; }
th.vertical2 		{ vertical-align: top; background: url(../images/foodforhealth/vert_td_bkg.gif) repeat-y top right; text-align: right; border-bottom: 1px solid #e6d89a; border-right: none; }
th.horz 			{ border-bottom: 1px solid #E6D89A; font-weight: bold; background: none; }
td.vertical 		{ border-bottom: 1px solid #f8ebb1; text-align: right; font-weight: bold; }
.footnote table, .footnote td {padding: 0 0 0 0; border: 0; }

caption, th, th.vertical, th.vertical2 { color: #68391e; }
th.horz, td.vertical { color: #b86d00; }

/* Use this if you use span-x classes on th/td. */
table .last		{ padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; }
.large      { font-size: 1.2em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }