body { width: 100%; margin: 0; padding: 0;
	background-color: #5b4d66;
	background-image: url("graphics/header1024w.jpg");
 	background-repeat: no-repeat; background-position: 0 0;}

/* MAIN SECTIONS */
.header_menu_section { margin: 140px 0 0 0; padding: 0; width: 100%; height: 26px; 
	background-color: transparent;}
.footer_menu_section { margin: 0 0 1% 0; padding: 0 0 1% 0; width: 100%; height: 26px; 
	background-color: #5b4d66;}
.content_section { 
	width: 92%; margin: -9px 4% 0 4%; padding: 0;  
	background-image: url("graphics/contentbkg.jpg");
	background-repeat: repeat-y; background-position: top left;
	background-color: #f5f5f5;}
.footertext { font-size: 10pt; text-align: right; padding: 1% 1% 1% 0;
	background-color: #f5f5f5;}

/* FONTS */
h1 { font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; 
	font-size: 18pt;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt;}
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;} 
p, th, td  { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
ul, li { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
.caption, legend { font-family: Arial, Helvetica, sans-serif; font-size: 9pt;}
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal;}
body, label, select { font-family: Arial, Helvetica, sans-serif;}

a:link    { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
a:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
a:active  { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
span.f8   { font-size: 8pt;}
span.f9   { font-size: 9pt;}
span.f10  { font-size: 10pt;}
span.f11  { font-size: 11pt;}
span.f12  { font-size: 12pt;}
span.f14  { font-size: 14pt;}
span.f16  { font-size: 16pt;}
.small_font  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; margin: 0 0 1% 5%; padding: 0 0 1% 0; }

/* NAVIGATION HEADER MENU ELEMENTS */
ul.header_navlist { width: 100%; margin: 0 0 0 10%; padding: 0;}

ul.header_navlist li { display: inline; line-height: 1.5em; margin: 0;}

ul.header_navlist li a,
ul.header_navlist li a:visited,   
ul.header_navlist li a:hover,
ul.header_navlist li a.here { 
	font-weight: bold; text-decoration: none;
	float: left; padding: .15em 1.25em; 
	border-left: 1px solid #5b4d66; 
	background-position: top left; background-repeat:no-repeat;}
ul.header_navlist li a,
ul.header_navlist li a:visited { background-image: url("graphics/navdefault.jpg");
	color: #f5f5f5;}
ul.header_navlist li a:hover { background-image: url("graphics/navhover.jpg");
	color: #f5f5f5;}
ul.header_navlist li a.here { background-image: url("graphics/navhere.jpg");
	color: #666666;}

/* NAVIGATION FOOTER MENU ELEMENTS */

ul.footer_navlist { width: 100%; margin: 0 0 0 10%; padding: 0;}

ul.footer_navlist li { display: inline; line-height: 1.5em; margin: 0;}

ul.footer_navlist li a,
ul.footer_navlist li a:visited, 
ul.footer_navlist li a:hover,
ul.footer_navlist li a.here { 
	font-weight: bold; text-decoration: none;
	float: left; padding: .15em 1.25em;
	border-left: 1px solid #5b4d66; 
	background-position: bottom left; background-repeat:no-repeat;}
ul.footer_navlist li a,
ul.footer_navlist li a:visited  { background-image: url("graphics/navdefaultf.jpg"); 
	color: #f5f5f5;}
ul.footer_navlist li a:hover { background-image: url("graphics/navhoverf.jpg");
	color: #f5f5f5;}
ul.footer_navlist li a.here { background-image: url("graphics/navheref.jpg");
	color: #666666;}

/* CONTENT MARGINS PADDING ALIGNMENT BORDERS */
h1 { margin: 1% 5% 0 5%; padding: 1% 0 1% 0; line-height: 140%;}
h2 { margin: 0 5% 1% 5%; padding: 1% 0 0 0; line-height: 130%; 
     border-bottom: 1px solid;}
h3 { margin: 1% 5% 1% 5%; line-height: 125%;}
h4 { margin: 1% 5% 1% 5%; line-height: 125%;}
h5 { margin: 1% 5% 1% 5%; line-height: 120%;}
h6 { margin: 1% 5% 1% 5%; line-height: 120%;}
p  { margin: 1% 5% 1% 5%; line-height: 120%;}
p.wider  { margin: 1% 1% 1% 1%; line-height: 120%;}
ul li { margin-left: 5%; margin-right: 5%; list-style: circle outside url("graphics/bullet_blue.gif");}
ol li { margin: 1% 5% 1% 5%; padding: 0; line-height: 175%; margin-bottom: 0;}
ol.decimal { padding: 0; list-style-type: decimal; list-style-position: outside;}
ol.lower-alpha { padding: 0; list-style-type: lower-alpha; list-style-position: outside;}

img,
img a, 
img a:link,
img a:visited,
img a:hover, 
img a:active { border: 0; background: transparent; vertical-align: top; text-decoration: none;}

table { table-layout: fixed; border: 2px; padding: 1px; width: auto; margin: 0 4% 0 5%;}
td { vertical-align: text-top; border: 1px solid #f5f5f5; padding: 1px; width: auto;}
td.foods { font-weight: bold;}

.aligncenter { text-align: center;}
.alignright  { text-align: right; margin-right: 5%;}
.adobe { margin: 1% 18% 1% 22%; padding: 0; border: 1px solid #a25960;}
.adobecontents { margin: 1%; padding: 1%;}
.caption { margin: 0 0 1% 0; padding: 0 0 1% 0; text-align: center;}
.indent { margin: 0 1% 0 6%; padding: 1%;}
.h-line { border-bottom: 1px solid; line-height: 50%;}
.hide { display: none;}
.nobottommargin { margin-bottom: 0; padding-bottom: 0;}
.notopmargin  { margin-top: 0; padding-top: 0;}
.no_margins { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; line-height: 100%;}
.spacer4  { padding-bottom: 4px;}
.spacer6  { padding-bottom: 6px;} 
.spacer9  { padding-bottom: 9px;}
.spacer12 { padding-bottom: 12px;} 
.spacer18 { padding-bottom: 18px;}
.spacer24 { padding-bottom: 24px;} 
.spacer36 { padding-bottom: 36px;} 
.spacer48 { padding-bottom: 48px;} 
.span_purple { background-color: #5b4d66;}

/* CONTENT ELEMENT COLORS */
h1 { color: #a25960; background-color: #f5f5f5;}
h2 { color: #5b4d66; background-color: #f5f5f5;}
h3 { color: #181818; background-color: #f5f5f5;}
h3.contactpage { color: #181818; background-color: #f8f8f8;}
h4 { color: #202020; background-color: #f5f5f5;}
h5 { color: #5b4d66; background-color: #f5f5f5;}
p  { color: #000000; background-color: #f5f5f5;}
li { color: #000000; background-color: #f5f5f5;}
a:link    { color: #a25960; background-color: #f5f5f5;}
a:visited { color: #5b4d66; background-color: #f5f5f5;} 
a:hover   { color: #333399; background-color: #f5f5f5;}
a:active  { color: #5b4d66; background-color: #f5f5f5;}
td { color: #000000; background-color: #ffffff;}

/* SUB NAVIGATION MENUS */ 	
#nutrients,
#foodgroups,
.nutrientslist, 
.foodgroupslist { margin-left: 3%; padding-bottom: 1%; width: 100%;}
.nutrientslist li,
.foodgroupslist li { display: inline; line-height: 1em; margin: 1%;}
.nutrientslist li a,
.foodgroupslist li a, 
.nutrientslist li a:visited, 
.foodgroupslist li a:visited {
	float: left;
	padding: .2em .7em;
	border-right: 1px solid #f5f5f5;
	font-size: 8pt; text-decoration: none;
	background: transparent url("graphics/navfoodsdefault.jpg") 
	no-repeat top right; color: #000000;}
.nutrientslist li a:hover,
.foodgroupslist li a:hover {
	border-right: 1px solid #f5f5f5;
	font-size: 8pt; text-decoration: none;
	background: transparent url("graphics/navfoodshover.jpg") 
	no-repeat top right; color: #000000;}