body        {background: #fff5e0;
             font-family: verdana, geneva, sans-serif;
             font-size: 10pt;
             color: #333333; 
             line-height: 1.4;  
             margin:0}
             
h2          {color: #477425;}  /* 477425-2 shades darker 5f9a32-new menu 5c8a00-old menu */
             
h3          {text-decoration: underline;
             color: #8b4513;}

hr          {height: 2px;
             width: 100%;
             background-color: silver;
             margin-left: 0px;
             margin-right: auto;}

hr.center   {margin: auto;}

img.right   {margin: 5px;
             margin-left: 20px;
             float: right;}

img.left    {margin: 5px;
             margin-right: 20px;
             float: left;}
             
img.noBorder {border: 0px;}

img.border  {border: 1px solid black}

em          {color: red}

/* Page layout CSS starts here */

#container  {margin:  auto;
	     width: 984px;
	     background: #fff;}

#header     {background: #77c13e;  /* 99cc33-old header 77c13e-new header 7ac142-pbnhc.com 84c752-1 shade lighter 76bd3e */
	     width:100%;
             border-left: 2px solid white; 
	     border-bottom: 3px solid #cce680;   /* ccff66 -- e6ff99 -- cce680 */
	     padding-top: 0px;
	     padding-bottom: 0px;}

#header h1  {margin: 0px;
             font: bold 36pt papyrus, verdana, arial;
             color: #fff5e0;
             text-align: center;}

#menubar    {float: left;
	     width:100%;
             border-left: 2px solid white; 
	     background: #5f9a32;}  /* 5f9a32-new menu 5c8a00-old menu 477519 5c8533 --  669900 */

#menubar ul {list-style-type: none; 
             margin: 0;
	     padding: 0;}

#menubar ul li
            {font-weight: bold; 
             position: relative;                 /* submenu to list under parent li */   
	     float: left;
	     border-right: 1px solid #ffffff;}

#menubar li a
            {text-decoration: none;
             color: #ffffff;
             padding: 5px 25px; 
             display: block;}

#menubar li a:hover 
            {background: #006600;}  /* 476b00-old hover 006600-new hover 527a00*/

.submenu    {position:absolute;                  /* List vertically */ 
             top: 26px;                          /* Set submenu just under menubar */
	     left:10px;		                 /* Indent slightly from parent button */
             padding:0;				 /* Remove default side padding */
             border-left: 1px solid white; 
             border-top: 1px solid white; 
             visibility:hidden;
             list-style-type: none;}             /* Remove default bullet */ 

.submenu li {position: relative;
	     background: #b2cc80;                /* Set color b2cc80 d1e0b2 */
	     border-bottom: 1px solid #ffffff;   /* Add bottom white line separater */
             width: 150px;}

#meals-sub li a
            {color: #000000;
             font-weight: normal; }

#meals-sub li a:hover
            {color: #ffffff;}

#meals2-sub li a
            {color: #000000;
             font-weight: normal; }

#meals2-sub li a:hover
            {color: #ffffff;}

.submenu ul {position: absolute;                 /* List vertically */ 
             top: -1px;                          /* Set 2nd level submenu at same height as parent button */
	     left: 152px;	                 /* Display to the side */
             padding:0;				 /* Remove default side padding */
             border-right: 1px solid white; 
             border-top: 1px solid white; 
             list-style-type: none;}             /* Remove default bullet */ 

#content-container
            {width: 100%;
             float: left;
             border-left: 2px solid white; 
             background: #ffebc2;}

a.topic-link {color: gray;
             text-decoration: none;}

a.topic-link:hover
            {color: black;
             text-decoration: underline;}

#navbar     {float: left;
	     width: 150px;
             border-top: 2px solid white; 
             border-right: 2px solid #ffffff;
             background: #ffebc2;}

#navbar ul  {list-style-type: none;
             margin: 0;
	     padding: 0;}

#navbar ul li 
            {border-bottom: 2px solid #ffffff;
             position:relative;}                 /* submenu to list under parent li */
                         
#navbar li a
            {text-decoration: none;
             color: #000000;
             padding: 8px;
             display: block;}
            
#navbar li a:hover 
            {background: #ffd685;}

.navsubmenu {position:absolute;                  /* List vertically */ 
             top: -1px;                          /* Set submenu at same height as parent button */
	     left: 152px;	                 /* Display to the side */
             padding:0;				 /* Remove default side padding */
             border-right: 1px solid white; 
             border-top: 1px solid white; 
             visibility:hidden;
             list-style-type: none;}             /* Remove default bullet */ 

.navsubmenu li
            {position:relative;
	     background-color: #fff5e0;          /* Set color */
	     border-bottom: 1px solid #ffffff;   /* Add bottom white line separater */
             width: 150px;}

.navsub     {background: url(images/arrow.gif) 140px center no-repeat}

#content    {float: right;
             width: 792px;
	     padding: 10px 20px 20px 20px;
             display: inline;
             background: #ffffff;}

#content-home
            {float: right;
             width: 812px;
             padding: 10px;
             display: inline;
             background: #ffffff;}

#footer     {clear: both;
             background: #ffffff;
             color: #666666; 
             font-family: "Monotype Corsiva", verdana, geneva, sans-serif;
             font-size: 12pt;
	     padding: 0px 10px 10px 10px;}

.dark
            {color: #333333;}

.bld-itl    {font-style: italic;
             font-weight: bold;}

.bld-und    {text-decoration: underline;
             font-weight: bold;}

.itl-und    {text-decoration: underline;
             font-style: italic;}

tr.heading  {background: #5c8a00;         /* 94dbff */
             color: #fff5e0;              /* 333333 */
             font-weight: bold;}

tr.grphdr   {color: #8b4513;              /* 8b4513 */
             font-weight: bold;}
             
.commTable  {width: 100%;
             border: 1px solid gray;
             border-spacing: 0px;
             padding: 0px;}

.commTopRow {border-top: 1px solid gray;}

.replyTopRow 
            {border-top: 1px solid gray;
             border-left: 1px solid gray;}  

.replyMidRow 
            {border-left: 1px solid gray;} 

.commName   {font-weight: bold}

.commDate   {font-size: x-small;
             color: gray;}

.commPaging {float: right;
             color: gray;}
                      
.formLabel  {font-weight: bold}

#postFormArea    
            {clear: both;}
            
.button     {height:23px;}

#picTable   {width: 100%;
             margin: 0px;
             border: 0px;             
             border-spacing: 0px;
             border-collapse:collapse; 
             padding: 0px;}
      
.homePic    {padding: 0px;
             border: 1px solid black}

.picCell    {width: 181px;
             padding: 0px;}
             
.picLabelEmpty
            {background-color: white;
             border:1px solid white}
                           
.picLabelSet
            {text-align: center;
             vertical-align: bottom;
             height: 22px;
             background-color: #5f9a32;  /* 6bad38-new 5f9a32-new menubar 5c8a00-old menubar #669900 */
             border: 1px solid black}
             
.picLink    {font: bold 10pt papyrus, verdana, arial;
             text-decoration: none;
             color: #ffffff;}  /*   #5c8a00 #536D0E */

#vitaminTable td
            {padding: 10px 5px;
             border-color: #EEEEEE;}

