body, body.greybox {
   background-color:#dfdfdf;
   /*background-color:#ffffff;*/
   color:#EFEFEF;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9pt;
   height:100%;
   margin:0;
   padding:0;
}

body.greybox {
   background-color:#ffffff;
   background-image:url("http://www.healthyhabitsweb.com/img/bgs/greybox.jpg");
   height:98%;
}

td {
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover, .lnkFooter:hover, .lnkHeader:hover {
   color:#0bbf24;
}





.resourcesTitle {
   font-size: 18pt;
   font-weight:bold;
   margin-bottom:.5em;
   margin-top:.5em;
   text-align:center;
}

.resourcesAuthor, .resourcesSubtitle {
   font-size: 12pt;
   font-style: italic;
   text-align:center;
}

.resourcesHead, .resourcesText, ol.resources, ul.resources {
   font-size: 10pt;
   margin-bottom:1em;
   padding-left:2em;
   padding-right:2em;
   text-indent:2em;
}

.resourcesText,.resourcesBullet {
   margin-top:-.5em;
}

.resourcesBullet {
   font-size: 10pt;
   padding-left:2em;
   padding-right:2em;
}

.resourcesHead {
   font-weight:bold;
   text-indent:0em;
}

ol.resources, ul.resources {
   margin-left:3em;
   margin-right:3em;
   padding-left:3em;
   padding-right:3em;
   text-indent:0em;
}

li.resources {
}



.defaultText, .txtFooter, .txtHeader, .lnkFooter, .lnkHeader {
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10pt;
   font-weight:bold;
}

.head1 {
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12pt;
   font-weight:bold;
   text-decoration:none;
}

.head2 {
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16pt;
   font-weight:bold;
   text-decoration:none;
}

.linkSmall {
   color:blue;
   font-size:8pt;
}

.btnBlue, .inBlue {
   background-color:#eff7ff;
   border-color:#85b8e5;
}







      /*HEADER********************************************************/
      #divHeader {
         /*background-color:#84bae4;*/
         background-image:url("http://www.healthyhabitsweb.com/img/bgs/header.jpg");
         border:0px solid black;
         color:black;
         font-size:8pt;
         height:50px;
         margin:0px 0px 0px 0px;
         padding-left:5px;
         padding-right:5px;
         position:relative;
         text-align:right;
         width:790px;
      }

         .lnkHeader, .txtHeader {
            font-size:12pt;
            text-decoration:none;
         }

         #tblHeader {
            height:100%;
            width:100%;
         }







      /*PAGE**********************************************************/
      #divPage {
         color:black;
         font-size:12pt;
         height:600px;
         margin:0px auto 0px auto;
         position:relative;
         width:800px;
      }

      #divPageGreybox {
         color:#000000;
         font-size:12pt;
         height:490px;
         margin:0px 0px 0px 0px;
         padding:0px 0px 0px 0px;
         position:relative;
         width:100%;
      }



      /*CONTENT*******************************************************/
      #divContent {
      	background-color:#afd1ec;
         background-image:url("http://www.healthyhabitsweb.com/img/bgs/contentTemplate.jpg");
			background-repeat: no-repeat;
			background-position:bottom center;
         border:0px solid black;
         color:#000000;
			min-height:490px;
			height:auto !important;
			height:490px;
         margin:0px 0px 0px 0px;
         padding:5px 5px 5px 5px;
         position:relative;
         width:790px;
      }

      #divContentTop {
         height:195px;
         position:relative;
         width:790px;
      }

         #divBlurb {
            border:0px solid black;
            cursor:hand;
            cursor:pointer;
            height:220px;
            position:absolute;
            width:590px;
         }

            .blurb, .blurbDesk, .blurbDeskName {
               position:absolute;
               font-size:16pt;
               white-space:normal;
            }

            .blurb {
               left:230px;
               top:50px;
               width:355px;
            }

            .blurbDeskName {
               right:10px;
               text-align:center;
               top:0px;
               width:100%;
            }

            .blurbDesk {
               bottom:10px;
               right:10px;
               text-align:right;
               width:100%;
            }

         #embMeebo {
            height:287px;
            left:601px;
            padding:0px 0px 0px 0px;
            position:absolute;
            top:205px;
            width:194px;
         }



      #divContentBottom {
         height:190px;
         padding:0px 0px 0px 0px;
         position:relative;
         top:5px;
         width:550px;
      }


      /*CONTENT PANELS************************************************/
      /*iframe size and div size need to be defined globally so that
        can both descend from one class with the same height/width as
        panel divs are in separate pages from the iframes */
      .ifrPane, .divPanel, ifrPaneSmall {
         border:0px solid white;
         height:290px;
         left:0px;
         margin:0px 0px 0px 0px;
         position:absolute;
         width:194px;
      }

      ifrPaneSmall {
         height:195px;
      }

      .divPanel {
         color:#4F4100;
         padding:5px 5px 5px 10px;
      }

      .ulPanel {
         margin:0px;
         padding-top:10px;
         padding-left:2em;
      }

      .liPanel {
         padding-bottom:10px;
         margin-left:0em;
         margin-right:1em;
         padding-left:0em;
         padding-right:1em;
      }







      /*FOOTER********************************************************/
      #divFooter {
         background-image:url("http://www.healthyhabitsweb.com/img/bgs/footer.gif");
         border:0px solid black;
         color:#000000;
         font-size:8pt;
         height:50px;
         margin:0px 0px 0px 0px;
         padding-left:5px;
         padding-right:5px;
         position:absolute;
         width:790px;
      }

         #tblFooter {
            height:100%;
            width:100%;
         }

         .lnkFooter {
            text-decoration:none;
         }
