@charset "macintosh";
/* CSS Document */

.body
{ font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
color: #666666 }


h1
{ font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
margin: 0 0 4px 0;
color: #91BA00 }

h2
{ font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
margin: 0 0 4px 0;
color: #91BA00 }

.diet-food
{ font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #333333 }

a {text-decoration: none; line-height:16px;}
a:link.bodylink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: black; }
a:active.bodylink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: black; }
a:hover.bodylink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: #333333;}
a:visited.bodylink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: black; }
a:hover.bodylink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: #333333; }


a {text-decoration: none; line-height:16px;}
a:link.footer {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 10px; color: white; }
a:active.footer {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 10px; color: white; }
a:hover.footer {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 10px; color: black;}
a:visited.footer {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 10px; color: white; }
a:hover.footer {font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 10px; color: black; }


.white {text-decoration: none; color:white; font: 10px/16px arial, helvetica, sans-serif;}


.whitenav {text-decoration: none; color:white; font: 10px/16px arial, helvetica, sans-serif; text-align:center; padding:0px 10px 0px 10px; }


#menu {
width: 100%;
background: #91BA00;
float: left;
text-align: left;
}

#menu li{
cursor: pointer;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 8em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px Verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #cccccc #888888 #555555 #bbbbbb;
margin: 0;
padding: 2px 3px;
cursor: pointer;
}

#menu h2 {
color: #fff;
background: #91BA00;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #0991E8;
text-decoration: none;
}

#menu a:hover {
color: #fff;
background: #91BA00;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.6em Verdana, arial, helvetica, sans-serif;
}
</style>
<![endif]-->