body { 
 background-color: #FFFFFF;
 margin: 0 auto;
 width: 950px;
 position: relative;
 font-family: Verdana, "Verdana Ref", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif;
 font-size: 12pt;
 color: #000000;
 list-style-position: inside;
 }
#banner {
 display:block;
 text-indent:-1000em;
 background: #ffffff url(http://www.the-health-site.com/gfx/pagebanner.jpg) no-repeat 0 0;
 width: 950px;
 height: 200px;
 }
#header {
 text-align: center;
 }
#main {
 float:right;
 width: 730px;
 /*padding-left: 10px;*/
 }
#sidebar {
 width: 200px !important;
 font-size: 80%;
 margin: 50px 0px;
 text-align: center;
 }
#sidebar td { text-align: left; }
#sidebar a { text-decoration: none; }
#text {
 background-color: #FFFFFF; 
 position: absolute;
 top: 200px;
 width: 950px;
 left: 10px;
 padding: 0px;
 z-index: 1;
 }
#text2 {
 background-color: #FFFFFF; 
 position: absolute;
 top: 200px;
 width: 750px;
 left: 210px;
 padding: 0px;
 text-align: left;
 z-index: 1;
 }
 
 
a { font-weight: bold; }
a:active { color: red; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #0000FF; }
dt { font-weight: bold; }
h1 { 
 text-align: center; 
 font-size: 16pt; 
 font-weight: normal;
 }
h2 { 
 font-size: 14pt; 
 margin-bottom: 0pt; 
 font-weight: 100;
 }
h3 { 
 font-size: 13pt; 
 font-weight: bold;
 }	
h4 { 
 font-size: 10pt; 
 margin-top: 10pt; 
 margin-bottom: 0pt; 
 font-weight: bold;
 text-align: left; 
 }
li {
 margin-left: 1em;
 }
ol { text-align: left; }
p { text-align: left; }
pre { 
 text-align: left; 
 font-family: Verdana,Arial,Helvetica,sans;
 }
small { font-size: 70% }
sup { font-size: 50%; }
td { vertical-align: top; }
th {
 margin: 10pt; 
 }
ul { text-align: left; }


h3.add { 
 font-size: 12pt; 
 margin-top: 10pt; 
 margin-bottom: 0pt; 
 font-weight: bold;
 text-align: left; 
 }
a.assoc:link { color: #336633; }
a.assoc:visited { color: #336633; }
a.assoc:active { color: #336633; }
a.assoc:hover { color: #336633; }
td.blank { 
 font-weight: bold; 
 text-align: center; 
 vertical-align: middle; 
 background-color: #FFFFFF; 
 width: 25px;
 }
.box {
 background-color: #00ffff;
 text-align: justify;
 border: solid blue;
 padding: 5pt;
 }
input.button {
 text-align: center;
 background-color: #22db24;
 }
.categories {
 text-align: left;
 }
.copybar {
 width: 100%;
 height: 32px;
 background-color: gray;
 background-image: url(/gfx/greybar2.gif);
 background-repeat: repeat-z;
 color: #80ff00;
 text-align: left;
 vertical-align: middle;
 font-size: 9pt;
 font-weight: bold;
 }
td.file { 
 font-weight: bold; 
 text-align: center; 
 vertical-align: top; 
 width: 140px; 
 }
.folder { 
 font-weight: bold; 
 text-align: center; 
 vertical-align: middle; 
 font-size: 80%;
 }
.folder a { text-decoration: none; }
img.folder { 
 margin: 10px; 
 float: none;
 text-align: center;
 }
td.greybar {
 background-image: url(gfx/greybar2.gif);
 background-repeat: repeat-x;
 }
td.greybar a:link, td.greybar a:visited { color: #21ce21; }
td.greybar a:active, td.greybar a:hover { color: red; }
td.guarantee {
 font-family: Brush Script;
 font-size: 18pt;
 }
div.guarantee { 
 border-color: #21DE21; 
 border-style: double;
 background-color: #ffffb3;
 margin-top: 20pt; 
 margin-bottom: 20pt; 
 margin-left: 10pt;
 margin-right: 10pt;
 text-align: center;
 }
.highlight { background-color: #ffff00; }
div.indent {
 margin-left: 15px;
 margin-right: 15px;
 }
th.index { 
 font-size: 125%;
 text-align: left;
 vertical-align: top;
 }
table.index { 
 border-width: 4pt;
 border-style: solid;
 border-color: #336633;
 }
td.lbar {
 font-size: 80%;
 font-weight: 900;
 color: #21ce21;
 text-align: left;
 vertical-align: middle;
 height: 32px;
 }
div.left {
 float: left;
 margin-right: 15px;
 }
td.lhad { font-size: 80% }
div.lhad { 
 border-color: #900000; 
 border-style: double groove; 
 background-color: #FFFFFF; 
 width: 160px;
 }
h3.lhad { 
 font-size: 12pt; 
 margin-top: 10pt; 
 margin-bottom: 0pt; 
 font-weight: bold;
 text-align: center; 
 }
td.linkbar { 
 font-weight: bold; 
 text-align: center; 
 vertical-align: middle; 
 background-color: #FFFFFF; 
 width: 140px; 
 font-size: 28pt; 
 height: 28px; 
 }
div.linkfeed { 
 font-size: 12pt; 
 margin-left: 2pt;
 }
div.linkfeed b { font-weight: normal; }
div.linkfeed i,em { font-style: normal; }
div.linkfeed ul {
 list-style-image: url(gfx/transparent.gif);
 display: inline; 
 }
div.linkspage td {
 text-align: left; 
 padding-bottom: 10px;
 }
div.linkspage th {
 font-weight: bold;
 font-size: 110%;
 }
a.links2 { text-decoration: none; }
a.mainlink { 
 font-size: 9pt; 
 margin-bottom: 0pt; 
 font-weight: 100;
 }
div.nb { 
 border-color: #21DE21; 
 border-style: double;
 margin-top: 20pt; 
 margin-bottom: 20pt; 
 margin-left: 10pt;
 margin-right: 10pt;
 font-style: normal;
 text-align: left; }
table.nb { 
 border-color: #21DE21; 
 border-style: double;
 margin-top: 20pt; 
 margin-bottom: 20pt; 
 margin-left: 10pt;
 margin-right: 10pt;
 font-style: normal;
 text-align: left; }
table.news {
 font-family: 'Times New Roman'.serif;
 font-size 10pt;
 text-align: left;
 background-color: #FFFFCC;
 }
td.news {
 width: 300px;
 font-size: 80%;
 }
div.news {
 width: 300px;
 float: right;
 font-family: 'Times New Roman'.serif;
 font-size 10pt;
 text-align: left;
 background-color: #FFFFCC;
 }
div.newsfeed { font-size: 80%; }
span.newsflash {
 font-family: Verdana,Arial,Helvetica,sans;
 font-weight: bold;
 color: #d50000;
 }
img.r { float: right; }
td.rbar {
 font-size: 80%;
 font-weight: 900;
 color: #21ce21;
 text-align: right;
 vertical-align: middle;
 height: 32px;
 }
td.rda { vertical-align: top; }
table.rda { 
 border-style: solid; 
 } 
th.rda { vertical-align: top; }
/* recipe list styles */
table.recipe { border-collapse: collapse; }
td.recipe { 
  width:10px !important;
  font-size:12px;
  font-weight:bold;
  vertical-align: middle;
  text-align: center;
 }
td.recipename {
  font-size:12px;
  font-weight: normal;
  text-align: left;
  }
/* see also .stripe, .vertical */
/* recipe styles end */
a.recipe { text-align: left; }
h4.recipe { font-size: 11pt; }
img.recipeimage {
 margin-top:50px;
 margin-left:5px; 
 float: right; 
 }
input.req {
 background-color: #ffff80;
 }
table.rinfo { 
 border: 2;
 border-color: #21DE21;
 width: 100%;
 }
td.rinfo {
 vertical-align: top; 
 }
div.right, div.r { float: right; }
div.rinfo {
 width: 140px; 
 background-color: #B9FFDC; 
 text-align: center; 
 vertical-align: top; 
 font-size: 11pt;
 font-weight: bold; 
 }
div.scroller { 
 height:300px; 
 overflow:auto;
 /*font-size: 150%;*/
 }
td.sm { text-decoration: underline; }
p a.smap {
 text-decoration: none;
 font-size: 60%;
 /*line-height: 60%;*/
 }
.stripe { background-color: #d2e6cf; }
.sub { 
 font-weight: bold;
 font-size: 110%;
 }
h1.sub { 
 font-size: 12pt; 
 margin-top: 10pt; 
 font-style: italic; 
 font-weight: bold;
 margin-bottom: 16pt; 
 }
h2.sub { 
 font-size: 12pt; 
 margin-top: 10pt; 
 font-style: italic; 
 font-weight: normal;
 margin-bottom: 16pt; 
 }
div.tag {
 font-size: 80%;
 font-style: italic;
 }
div.tag2 {
 border-color: #21DE21; 
 border-style: double groove; 
 margin-top: 20pt; 
 margin-bottom: 20pt; 
 margin-left: 10pt; 
 margin-right: 10pt; 
 text-align: center;
 }
div.tell {
 margin-top: 20pt; 
 margin-bottom: 20pt; 
 margin-left: 10pt; 
 margin-right: 10pt; 
 }
ol.tips { margin-top: 12pt; }
td.toplink { 
 width: 100pt;
 vertical-align: top;
 text-align: center;
 background-color: #B9FFDC;
 border-color: white;
 border: 1px; 
}
a.toplink { 
 text-decoration: none;
 font-size: 8pt;
 }
.vertical {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform: rotate(90deg);
  white-space:nowrap;
  height:80px;
  font-size:12px;
  font-weight:bold;
  vertical-align: middle;
  text-align: center;
 }


