body {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:15px;
  color:#333333;
  margin:0px;
  background:#DBE7C6;
  z-index:2;
}

/* Default Styles */

h1 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:16px;
  color:#84B819;
}

h2 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:14px;
  color:#00664A;
}

h3, h4 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:12px;
}

h5, h6 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size:11px;
}

a {
  color:#84B816;
  text-decoration:underline;
}
a:hover {
  color:#84B816;
  text-decoration:none;
}

a img {
  border:0px;
}

.left {
  float:left;
  margin:0 29px 0 0;
}

.right {
  float:right;
  margin:0 0 0 29px;
}

.m36 {
  float:right;
  margin:0 0 13px 24px;
}

.colourit {
  color:#00664A;
}

.hptext {
  position:absolute;
  top:0px;
  left:-9999px;
}

/* End Default Styles */

#shell {
  position:relative;
  width:998px;
  margin-left:auto;
  margin-right:auto;
}

#header {
  position:fixed;
  top:0px;
  width:998px;
  height:129px;
  background:#FFFFFF url(../images/design/menu.jpg) repeat-x 0% 100%;
  z-index:1024;
}

#curve {
  position:absolute;
  top:0px;
  right:0px;
  width:632px;
  height:105px;
  background:url(../images/design/header.jpg) no-repeat 100% 0%;
  z-index:768;
}

#flash {
  width:200px;
  height:104px;
  margin:0 0 1px 0;
  background:url(../images/design/) no-repeat 0% 0%;
}

#quotes {
  position:absolute;
  top:28px;
  left:253px;
  width:433px;
  color:#84B819;
  font-size:18px;
  font-weight:bold;
  z-index:1024;
}

#logo {
  position:absolute;
  top:11px;
  right:17px;
  width:106px;
  height:101px;
  background:url(../images/design/logo.png) no-repeat 0% 0%;
  z-index:1024;
}

#logo img {
  width:106px;
  height:101px;
}

#menu {
  position:absolute;
  width:992px;
  height:25px;
  margin:0 0 0 8px;
  z-index:1024;
}

/* Navigation */
#nav, #nav ul {
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type: none;
}

#nav li {
  position:relative;
  float: left;
  margin:-1px 0 0 0;
  padding:0px;
  list-style-type:none;
  text-decoration:none;
}

#nav li ul {
  position:absolute;
  left:-999em;
  margin: 0 0 0 -7px;
  _margin: 0 0 0-14px;
  padding:0 0 9px 0;
  z-index:256;
}

#nav li a {
  width:auto;
  margin:0px;
  padding:0px;
  display:block;
  font-size:13px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}

#nav li a:hover {
  width:auto;
  margin:0px;
  padding:0px;
  display:block;
  font-size:13px;
  color:#FFFFFF;
  text-decoration:none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}

.zebra {
  list-style-type:none; 
  background:url(../images/design/shadow.png) no-repeat 0% 100%;
  _background:url(../images/design/spacer.gif) no-repeat 0% 100%;
}

.stripe-even {
  background:#DFEBC5;
} 

.stripe-odd {
  background:#EFF5E3;
} 

#subnav {
  width:194px;
  _width:180px;
  margin: 0px;
  padding:0px;
  list-style-type: none;
}

#subnav li {
  width:180px;
  margin:0 6px 0 7px;
  _margin:0px;
  padding:0px;
  position:relative;
  color:#FFFFFF;
	border:0px;
}

#subnav li a {
  margin: 0px;
  display: block;
  padding:6px 0 6px 0;
  text-align:center;
  color:#007156;
  text-decoration:none;
}

#subnav li a:hover {
  margin: 0px;
  padding:6px 0 6px 0;
  display: block;
  color: #FFFFFF;
  background:#86B92C;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }


/* End Navigation */

#homeholder {
  position:relative;
  margin:129px 0 0 0;
  _margin:0px;
  width:998px;
  z-index:512;
  background:#FFF url(../images/design/gradient.jpg) repeat-x 0% 0%;
}

#holder {
  position:relative;
  margin:129px 0 0 0;
  _margin:0px;
  width:998px;
  background:#FFFFFF;
  z-index:512;
}

#leftpanel {
  float:left;
  width:290px;
  z-index:512;
}

#leftpanel img {
  /*margin:215px 0 0 0;*/
}

#leftpanelcon {
  float:left;
  width:281px;
  height:426px;
  color:#00664A;
  font-size:17px;
  background:url(../images/design/gradient.jpg) repeat-x 0% 0%;
}

#leftpanelcontent {
  padding:48px 0 0 31px;
  font-size:13px;
}

#leftpanelcontent a {
  color:#00664A;
  text-decoration:none;
}

#leftpanelcontent a:hover {
  color:#00664A;
  text-decoration:underline;
}

#middlepanel {
  position:relative;
  float:left;
  width:541px;
  height:416px;  
  /*margin:0 0 0 296px;
  _margin:0 0 0 186px;*/
  padding:50px 0 0 0;
  z-index:760;
}

#featureboxes {
  position:absolute;
  bottom:65pxpx;
  right:30px;
  width:175px;
  height:160px;
  z-index:760;
}

.innerfade {
  position:absolute;
  bottom:5px;
  right:42px;
}

#watermark {
  position:absolute;
  bottom:0px;
  right:0px;
  width:626px;
  height:420px;
  background:url(../images/design/watermark.jpg) no-repeat 0% 0%;
  z-index:512;
}

#fadetop {
	position:fixed;
	top:129px;
  width:650px;
  height:40px;
  margin:0 0 0 296px;
  #margin:0 0 0 290px;
  _display:none;
	background:url(../images/design/top-fade.png) repeat-x 0% 0%;
  z-index: 800;
}

#overflow {
  position:relative;
  float:left;
  width:708px;
  min-height:557px;
  height:auto !important;
  _height:557px;
  /*height:465px;*/
 /* margin:0px 0 0 296px; /* margin:40px 0 0 296px; */
  /*overflow:auto;*/
  z-index:760;
}

#insidemiddlepanel {
  position:relative;
  width:523px;
  padding:40px 0 20px 15px; /*  padding:0 0 0 15px; */
  line-height:20px;
  z-index:760;
}

#insidemiddlepanel ol {
  margin:0 0 0 -20px;
}

#insidemiddlepanel strong {
  color:#00664A;
}

#insidemiddlepanel2 {
  position:relative;
  width:665px;
  padding:40px 0 20px 15px; /*  padding:0 0 0 15px; */
  line-height:20px;
  z-index:760;
}

#insidemiddlepanel2 ol {
  margin:0 0 0 0px;
  padding:0 0 0 20px;
}

#insidemiddlepanel2 strong {
  color:#00664A;
}

ol li {
  margin:0 0 10px 0;
}

#content {
  width:541px;
}

/* Expandable Boxes */
.expand {
  margin:0 0 5px 0;
  padding: 0 0 0 14px;
  color:#000000;
  text-decoration:none;
  background:url(../images/design/open-close.jpg) no-repeat 0% 0%;
  display:block;
  cursor:pointer;
}

.click {
  color:#F79284;
}

#insidemiddlepanel2 .expandname {
  width:600px;
}

.expandname {
  width:526px;
  color:#000000;
}

.greenbox {
  width:511px;
  height:auto;
  margin:0 0 5px 0;
  padding:8px 15px 8px 15px;
  background:#E3EBD3;
}

#hero {
  width:281px;
  height:465px;
  display:block;
  background:url(../images/adult.jpg) no-repeat 0% 100%;
}

/* Faqs */

.faqs {
  margin:0 0 18px 0;
}

.question {
  margin:0 0 4px 0;
  color:#6F9E18;
}

.question span {
  color:#6F9E18;
  font-weight:bold;
}

.answer {
  color:#000000;
}

.answer span {
  color:#000000;
  font-weight:bold;
}

/* Map */
#map {
  float:left;
  width:717px;
  height:466px;
}

.gmap {
  width:717px;
  height:466px;
}

#vitalfoods {
  margin:0 0 0 0px;
  color:#006A51;
  font-size:11px;
}

#hpfootnotes {
  margin:15px 0 0 50px;
}

.footnotes {
  font-size:11px;
  display:block;
}

.small {
  font-size:10px;
}

/* Special Box */
#specialbox {
  width:154px;
  margin:90px 0 0 60px;
}
/* End Special Box */

/* Form */
label {
  display:none;
}

.error {
  color:#FF0000;
  font-weight:bold;
}

input {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  width:230px;
  color:#000000;
}  

textarea {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  width:330px;
  color:#000000;
}

select {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  width:173px;
  color:#898680;
}

.radioselect {
  width:auto;
}

.namefield {float:left; padding-top: 3px; width: 160px; }
.inputfield, .radiobttn {float:left; width: 350px; padding:4px;}

.namefield2 {float:left; padding-top: 3px; width: 162px;}
.inputfield2 {float:left; width: 350px; padding:2px;}

.submitbutton {
  width:auto;
}

/* End Form */
#mediaholder {
  width:290px;
  height:250px;
  background:url(../images/design/videobg.jpg) repeat-x 0% 0%;
}

.media {
  margin:40px 0 0 30px;
}

/* Survey */
fieldset {
  width:100%;
}

#message {
  margin:0 0 20px 0;
}

#note {
  margin:0 0 15px 0;
  font-weight:bold;
  display:none;
}

#question2other {
  display:none;
}

#question3other {
  display:none;
}

#question3bview {
  display:none;
}

#question4other {
  display:none;
}

#question5explain {
  display:none;
}

#question6explain {
  display:none;
}

#survey .namefield {
  float:clear;
  width:100%;
}

#surveysubmit {
  width:120px;
  height:30px;
}

/* End Survey */

/* Audio */
.listen {
  position:relative;
  width:224px;
  height:48px;
  margin:0 0 10px 30px;
  border:1px solid #AEAEAE;
  background:url(../images/design/audiobg.jpg) repeat-x 0% 0%;
  display:none;
}

#show {
  margin:10px 0 10px 30px;
  cursor:pointer;
}

.alpha {
  margin:0 0 0 55px;
  display:none;
}

.filename {
  position:absolute;
  top:15px;
  left:12px;
}
/* End Audio */

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#flashtest{
	float:right;
	width:689px;
	height:487px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#test {
  background:#FFFFFF url(../images/design/widen.jpg) no-repeat top center;
}