/* OVERALL PAGE BODY STYLE */
.body { background:#333333 url(/images/bg.gif); margin: 0px; padding: 0px; }

/* OVERALL CONTENT PARAGRAPH STYLES */
P { font: 11px/16px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; }
P A:link    { COLOR: #006666; }
P A:visited { COLOR: #006666; }
P A:active  { COLOR: #006666; }
P A:hover   { COLOR: #333333; }

/* BULLETED LISTING STYLES
UL { margin: 0px 0px 0px 35px; text-align:left;}
LI { list-style: square; font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left; } */

/* HEADING STYLES */
H1 { font: bold 15px Arial, Helvetica, sans-serif; COLOR: #de9017; text-align:left; margin:0px 0px 8px 0px; text-transform:uppercase; }
H1 A:link    { COLOR: #de9017; text-decoration:none; }
H1 A:visited { COLOR: #de9017; text-decoration:none; }
H1 A:active  { COLOR: #de9017; text-decoration:none; }
H1 A:hover   { COLOR: #006666; text-decoration:none; }

H2 { font: bold 12px Arial, Helvetica, sans-serif; COLOR: #006666; text-align:left; margin:0px 0px 8px 0px; text-transform:uppercase; }
H2 A:link    { COLOR: #006666; text-decoration:none; }
H2 A:visited { COLOR: #006666; text-decoration:none; }
H2 A:active  { COLOR: #006666; text-decoration:none; }
H2 A:hover   { COLOR: #333333; text-decoration:none; }

H3 { font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left;  }
H4 { font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left;  }
H5 { font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left;  }
H6 { font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left;  }

/* FOR NEWS RSS */
.content UL { margin: 0px 0px 0px 35px; text-align:left;}
.content LI { list-style: square; font: 11px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left; }
.content LI A:link    { COLOR: #006666; }
.content LI A:visited { COLOR: #006666; }
.content LI A:active  { COLOR: #006666; }
.content LI A:hover   { COLOR: #333333; }

.content P { font: bold 15px Arial, Helvetica, sans-serif; COLOR: #de9017; text-align:left; margin:0px 0px 8px 0px; text-transform:uppercase; }
.content P A:link    { COLOR: #de9017; text-decoration:none; }
.content P A:visited { COLOR: #de9017; text-decoration:none; }
.content P A:active  { COLOR: #de9017; text-decoration:none; }
.content P A:hover   { COLOR: #006666; text-decoration:none; }

/* FOOTER STYLE */
.footer { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #675321; text-align:center; vertical-align:top; padding: 25px 0px 0px 0px; }
.footer A:link    { COLOR: #675321; text-decoration:underline; }
.footer A:visited { COLOR: #675321; text-decoration:underline; }
.footer A:active  { COLOR: #675321; text-decoration:underline; }
.footer A:hover   { COLOR: #003366; text-decoration:underline; }

/* FORM STYLES */
.textbox { font: 11px Arial, Helvetica, sans-serif; COLOR: #333333; background:#FFFFFF; BORDER: solid #999999 1px; padding: 2px; }
.button { font: bold 11px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; background:#4e6d7f; padding: 0px 4px 0px 4px; }


.topnav { font: 11px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; text-align:right; vertical-align:top; padding: 30px 30px 0px 0px; }
.topnav A:link    { COLOR: #FFFFFF; text-decoration:none; }
.topnav A:visited { COLOR: #FFFFFF; text-decoration:none; }
.topnav A:active  { COLOR: #FFFFFF; text-decoration:none; }
.topnav A:hover   { COLOR: #FFFFFF; text-decoration:underline; }

.data_table { vertical-align:top; text-align:left; }
.data_table A         { COLOR: #333333; }
.data_table A:hover   { COLOR: #006666; }
.data_table TH {  font: bold 12px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; border-bottom: 1px #999999 solid; padding:2px; text-align:left; background: #006666; }
.data_table TD { font: 12px/16px Arial, Helvetica, sans-serif; COLOR: #333333; border-bottom: 1px #999999 solid; padding:3px; }

/* MAIN NAVIGATION */
a .alt { display: none; }

.nav { background:url(/images/nav-bg.jpg) no-repeat; height:68px; vertical-align:top; }
.nav ul { margin: 21px 0px 0px 39px; padding:0px; }

.nav ul li{ position: relative; float: left; margin: 0px 0px 0px 16px; padding: 0px; display: inline; }
.nav ul li a{ display: block; text-decoration: none; margin: 0px; }

.nav ul li a#home { width:59px; height:28px; background: url(/images/nav/home.gif) no-repeat; }
.nav ul li a#home:hover { background: url(/images/nav/home.gif) 0 -28px no-repeat; }
.nav ul li a#about-the-program { width:158px; height:28px; background: url(/images/nav/about-the-program.gif) no-repeat; }
.nav ul li a#about-the-program:hover { background: url(/images/nav/about-the-program.gif) 0 -28px no-repeat; }
.nav ul li a#recipes { width:71px; height:28px; background: url(/images/nav/recipes.gif) no-repeat; }
.nav ul li a#recipes:hover { background: url(/images/nav/recipes.gif) 0 -28px no-repeat; }
.nav ul li a#news { width:56px; height:28px; background: url(/images/nav/news.gif) no-repeat; }
.nav ul li a#news:hover { background: url(/images/nav/news.gif) 0 -28px no-repeat; }
.nav ul li a#faqs { width:56px; height:28px; background: url(/images/nav/faqs.gif) no-repeat; }
.nav ul li a#faqs:hover { background: url(/images/nav/faqs.gif) 0 -28px no-repeat; }
.nav ul li a#healthy-vision { width:123px; height:28px; background: url(/images/nav/healthy-vision.gif) no-repeat; }
.nav ul li a#healthy-vision:hover { background: url(/images/nav/healthy-vision.gif) 0 -28px no-repeat; }

body#home #home { background: url(/images/nav/home.gif) 0 -28px no-repeat; }
body#about-the-program #about-the-program { background: url(/images/nav/about-the-program.gif) 0 -28px no-repeat; }
body#recipes #recipes { background: url(/images/nav/recipes.gif) 0 -28px no-repeat; }
body#news #news { background: url(/images/nav/news.gif) 0 -28px no-repeat; }
body#faqs #faqs { background: url(/images/nav/faqs.gif) 0 -28px no-repeat; }
body#healthy-vision #healthy-vision { background: url(/images/nav/healthy-vision.gif) 0 -28px no-repeat; }