body, html {
  margin:0;
  padding:0;
  background: #efefef url(images/html_bg.png) top center repeat;
  color:#000;
  font: normal normal 14px Tahoma, Arial, Sans-Serif;
  height: auto;
  margin: 0;
  padding: top;
}

#header_bg {background: url(images/header_bg.png) top center repeat-x; width: 100%; height: 300px; margin: 0 auto; text-align: center;}
#header {background: url(images/header.jpg) top center no-repeat; width: 920px; height: 300px; margin: 0 auto; text-align: center;}
#content {background: #e5e5e5 url(images/content_bg.png) top center repeat-y; width: 920px; height: 100%; margin: 0 auto; }
#footer {background: url(images/footer.jpg) top center no-repeat;  width: 920px; height: 145px; margin: 0 auto; text-align: center;}
#footer_bg {background: url(images/footer_bg.png) top center repeat-x; width: 100%; height: 145px; margin: 0 auto; text-align: center;}
#footer p {text-align: left; font-size: 12px; padding-top: 25px; margin-left: 55px;}

#footer a, #footer a:visited, #footer a:hover {color: #92278f; font: normal bold 12px tahoma; text-decoration: none;}

br {line-height: 1.3em;}
h1 {font: normal bold 40px Tahoma, Arial, Sans-Serif; text-align: center; color: #fff; margin: 0 auto; }
h2 {font: normal normal 30px Tahoma, Arial, Sans-Serif; text-align: center; color: #009; width: 650px; line-height: 1.2em; margin: 0 auto;}
h3 {font: normal normal 22px Tahoma, Arial, Sans-Serif; width: 650px; line-height: 1.2em; padding-bottom: 10px;}
h4 {font: normal bold 20px Tahoma, Arial, Sans-Serif; color: #333; width: 650px; margin: 0 auto; line-height: 1.2em; text-align: center;}
p {width: 650px; margin: 0 auto; line-height: 1.3em; text-align: justify;}
ul, ol {margin-left: 120px; padding-left: 30px;}
ul li, ol li {width: 600px; margin: 7px 0 7px 0; padding-bottom: 3px; vertical-align: middle;}
ul.bullet02 li {background: url(images/bullet_02.png) no-repeat left top;}
hr {width: 700px; color: #50d849; background: #90f889; }
a, a:visited, a:hover {text-decoration: none; color: #92278f;}

.heading {font: normal bold 20px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 800px; line-height: 1.2em; margin: 0 auto;}
.subheading {font: normal bold 18px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 800px; line-height: 1.2em; margin: 0 auto;}
.bio {width: 700px; font-size: 14px; line-height: 1.4em;}

.panel {
   background: #fff url(images/panel_mid.png) top center repeat-y;
   width: 653px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
}
   
.topbtm{margin: 0 auto; padding: 0;}
.panel p {width: 600px; color: #222; margin: 0 0 0 25px; font-size: 14px; line-height: 1.3em; padding: 0; text-align: left;}
.panel ul {display: inline; color: #222; font-size: 14px; line-height: 1.5em; }
.panel ul li {background: url(images/bullet_03.png) no-repeat left top; padding-left: 25px; margin-left: 20px; text-indent: 15px;}
.panel h2 {width: 600px; font-size: 30px; font-weight: bold; color: #4b334d; margin-left: 25px;}
.panel h3 {width: 600px; font-size: 20px; color: #333; margin: 0 0 0 25px; padding: 0;}

.purple {color: #92278f !important;}
.pink {color: #ec068d !important;}
.green {color: #2f4d1a !important;}
.yellow {background: #fadd00 !important;}
.red {color: #d00 !important;}
.bold {font-weight: bold !important;}
.floatleft {float: left; padding: 5px 15px 7px 0;}
.floatright {float: right; padding: 5px 0 10px 15px;}
.f12 {font-size: 12px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important; line-height: 1.5em;}
.f24 {font-size: 24px !important; line-height: 1.5em;}
.f26 {font-size: 26px !important; line-height: 1.5em;}
.f28 {font-size: 28px; line-height: 1.2em; margin: 0 auto; text-align: center;}
.center {text-align: center !important; margin: 0 auto !important;}
.impact {font-family: impact, charcoal, sans-serif;}
.georgia {font-family: georgia, serif;}
.checkmark {background: url(images/checkmark.png) top left no-repeat; list-style-type: none; padding-left: 40px; width: 600px;}
.arrow {background: url(images/arrow.png) top left no-repeat; list-style-type: none; padding-left: 40px; width: 600px;}

a.backtotop, a.backtotop:hover, a.backtotop:visited {float: right; font-size: 11px; color: #f00; font-weight: bold; padding-right: 100px;}

#divclear {clear: both; height: 5px; width: 800px; margin: 0 auto; padding: 0;}
#recipes {table-collapse: collapse; margin-left: 125px;}
#recipes td p {width: 200px; text-align: left; padding: 5px;}

#panel_signup {
  float: right; 
  background: url(images/panel_signup.jpg) top center no-repeat; 
  width: 317px; 
  height: 293px; 
  margin: 20px 60px 10px 10px;
  _margin-right: 30px;
}

#panel_signup p, #panel_signup table {width: 180px; margin: 5px 20px 5px 115px; text-align: left;}
.lp_p {width: 420px; margin-left: 85px;}

#contactform  {display: block; width: 430px; height: 590px; background-color: #fff; margin: 0 auto;}
#jv_table tr td.t01 {width: 230px; text-align: left;}
#jv_table tr td.t02 {width: 160px;}
#jv_table tr td.t02 img {width: 125px; height: 160px; border: 2px solid #92278f; padding: auto 10px auto 10px;}
#marquee {background: url(images/blank_marquee.gif) top center no-repeat; width: 640px; height: 119px; margin: 0 auto;}
#marquee p {width: 580px; margin: 0 auto; padding-top: 20px; text-align: center; font: normal normal 20px impact, sans-serif; color: #92278f;}



#menu {float: left; list-style-type:none; margin: 255px auto auto 130px; _margin-left: 65px; padding: 0; width:200px;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:200px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size: 11pt;}
#menu dl {width: 200px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 11pt; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size: 11pt; font-weight: bold; color: #000; text-align:center; border:1px solid #739674; border-width:0 1px 1px 1px; background:#e5f5b6; padding:0.25em 0 0.75em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#fff; background:#7ba328; border:1px solid #739674; border-width:0 1px 1px 1px;}

#menu dd a, #menu dd a:visited {background:#e5f5b6; color:#000; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #739674; border-right:1px solid #739674;}

#menu dd a:hover {background: #ddd; color:#000; border-left:1px solid #739674; border-right:1px solid #739674;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#739674; margin:0 5px;}
#menu b.p2 {background:#e5f5b6; border:2px solid #739674; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#e5f5b6; margin:0 2px; border:1px solid #739674; border-width:0 1px;}
#menu b.p4 {height:2px; background:#e5f5b6; margin:0 1px; border:1px solid #739674; border-width:0 1px;}
#menu b.p5 {background:#739674; margin:0 5px;}
#menu b.p6 {background:#e5f5b6; border:2px solid #739674; border-width:0 2px; margin:0 3px;}
#menu b.p7 {background:#e5f5b6; margin:0 2px; border:1px solid #739674; border-width:0 1px;}
#menu b.p8 {height:2px; background:#e5f5b6; margin:0 1px; border:1px solid #739674; border-width:0 1px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#7ba328;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#7ba328;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#7ba328;}