html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 40 0 0 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    color: #362616;
}
  
  body {
  text-align: center; /* Centers the page content container in IE 5 browsers. */
 
  line-height: 14px;
  font-size: 11px;
  color: #2e2d2c;
  font-family: Arial, Helvetica, sans-serif;}


h1 {
    line-height: 14px;
    color: #FFFFFF;
    font-size: medium;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    height: 24px;
}
/* Commonly used to style section titles. */
h2 {
  line-height: 14px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
}
li 
{
    text-align: left;
    font-size: small;
    font-weight: normal;
}

#outerWrapper {
    width: 1000px;
    height: auto;
    text-align: left;
    margin: 0 auto 0 auto;
    border: solid 1px #009933;
}
#header {
    
    background-color: #FFFFFF;
    height: 240px;
    line-height: 15px;
    font: bold 18px;
    background-image: url('HeadBrnGd.gif');
    width: 980px;
    float: left;
    margin: 0 0 8px 0;
    padding: 0 10px;
    background-repeat: repeat-x;
}
/*includes logo, title, toplinks*/
#lHead {
    float: left;
    width: 600px;
   
}
#topLinks 
{
    float: left;
    background-color: #85CB56;
    margin-left: -10px;
    color: #FFFFFF;
    padding: 3px 5px;
    width: 225px;
}

#topLinks a

{
    color: White;
    font-weight: bold;
    text-decoration:none; 
}

#phoenix {
    float: left;
    clear: left;
    margin: 10px 0 0 -25px;
}
#header h2 {
    font: small-caps 600 19px "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-align: left;
    float: right;
    margin: 78px 0 0 0;
    padding: 6px;
    width: 400px;
    height: 55px;
    padding-left: 6px;
    background-image: url('BrownH2.jpg');
}

/*includes newsletter ad, stats box*/
#rHead {
    padding: 10px;
    float: right;
    width: 360px;
    height: 200px;
    margin-bottom: 3px;
}
#newsAd {
    float: right;
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border: 2px outset;
    background-color: #149C22;
    padding: 7px;
    height: 20px;
    width: 200px;
    text-align: center;
}

#newsAd a, a:link{
    color: #FFFFFF;
    }
    
#Stats {
    border-style: outset;
    border-width: 3px;
    border-color: inherit;
    height: 125px;
    width: 335px;
    font: small-caps bold 14px "Times New Roman", Times, serif;
    margin: 10px 5px 10px 0px;
    color: #7B5228;
    padding: 10px 0 0 0;
    text-align: left;
    position: absolute;
    z-index: 60;
    top: 60px;
}
#Stats h1
{
    font: italic bold 18px "Times New Roman", Times, serif;
    width: 175px;
     height: 20px;
    float:right;
    margin: 10px 10px 0 0px;
    padding: 2px 5px;
}

#Stats li
{
    height: 12px;
    width: auto;
    float: left;
    color: #95866F;
    padding: 3px 0 0 0;
    font: italic small bold Verdana, Arial, Helvetica, sans-serif;
    list-style-image: none;
    margin: 0 35px 0 -10px;
    font-weight: bold;
}
   
#breadCrumbs {
    margin: 5px 10px;
    width: auto;
    float: left;
    text-align: left;
    height: 15px;
    padding: 5px 10px;
    background-color: #C4E4B1;
    font-style: italic;
}

#smallBoxWrap {
    margin: auto;
    height: auto;
    width: auto;}

#leftBox {
    margin: 10px;
    width: 230px;
    height: 30px;
    float: right;
    text-align: center;
    padding: 5px;
    border: dotted 1px green;
}
#midBox {
    margin: 10px;
    width: 200px;
    height: 30px;
    float: right;
    text-align: center;
    padding: 5px;
    border: dotted 1px green;
}
#rightBox {
    margin: 10px; 
    width:160px; 
    height: 30px;
    float: right;
    text-align: center; 
    padding:5px; 
    border: dotted 1px green; 
    }

#leftBox a {
    color: #666633;
    background-color: #FFFFFF;
}
#midBox a {
    color: #666633;
    background-color: #FFFFFF;
}
#rightBox a {
    color: #666633;
    background-color: #FFFFFF;
    font-weight: bold;
}

#midWrap { margin: 0 0;
        height: auto;
        width: auto;}

    /*diseaseBox wraps CFS and FM Menus*/ 
  #diseaseBox {
    float: left;
    background-color: #FFFFFF;
    clear: both;
    margin: -13px 0 5px 0;
    width: 980px;
    height: 15px;
}

#photo {
    border: 2px outset #666666;
    margin: 20px 10px 10px 23px;
    width: 275px;
    height: 415px;
    float: left;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-image: url('JuniperInHandsWeb.jpg');
}
/* text on top of the coals image*/
#photo h1 {
    font: bold x-large "Times New Roman", Times, serif;
    color: #FFFFFF;
    padding-top: 6px;
    margin: 5px 0 0 38px;
}

#newsBox 
{
    border: Solid 2px #C0C0C0;
    float: left;
    width: 400px;
    clear: right;
   
}
#news {
    padding: 3px;
    margin: 20px 0px 10px 20px;
    width: 448px;
    height: 408px;
    text-align: left;
    font-weight: 500;
    float: left;
    clear: left;
    background-image: url('TrtNewsGradH.gif');
    background-repeat: repeat;
    border: groove 2px;
 
}
#news h1 
{
    padding: 8px 6px 8px 6px;
    color: #FFFFFF;
    font: small-caps bold large "Times New Roman", Times, serif;
    text-align: center;
    margin:10px 4px;
    background-image: url('TrtNewsHLay.gif');
}

#news li
{
    list-style-image: url('BrnTan.png');
    list-style-position: outside;
    padding: 4px 0 0 6px;
    vertical-align: bottom;
    color: #2D1E0F;
    margin-right: 0;
    margin-top: 6px;
    margin-bottom: 0;
}

#news a, a:link {
   color: green;
   font-weight: bold; 
}

#translate 
{
    margin: 0 10px 0 175px;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
}

#adsense {
    float: left;
    clear:left;
    margin: 0 0 0 35px;
    }
#searchAdWrap 
{
    margin: 20px 15px 0 0;
    float: right;
    width: 180px;
    height: auto;
    text-align: center;
    background-image: url('BrnGrdVLong2.jpg');
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: bold;
    border-right: solid 2px #333333;
    border-left: solid 2px #333333;
}
    
#box1 
{
    font-variant: small-caps;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 15px 5px;
    margin: 20px auto 0 auto;
    color: #333333;
    width: 130px;
    background-color: #CEC6A6;
}
#box2 
{
    font-variant: small-caps;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 15px 5px;
    margin: 0 auto;
    color: #FFFFFF;
    width: 130px;
    background-color: #B4B06B;
}
#box3
{
    font-variant: small-caps;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 15px 5px;
    margin: 0 auto;
    color: #FFFFFF;
    width: 130px;
    background-color: #87783F;
}

#box3 h2 {
    background-color: #EFFA6B;
    padding: 6px;
    width: 75px;
    margin: 10px auto;
    font-size: 14px;
}
    
#box3 h2 a, a:link {color: #666666;}

#box4 
{
    font-variant: small-caps;
    border-left: 2px solid #333333;
    border-right: 2px solid #333333;
    padding: 15px 5px;
    margin: 0 auto;
    color: #FFFFFF;
    width: 130px;
    background-color: #362616;
}

#box4 a {
    background-color: #FFFFFF;
    padding: 4px;
    line-height: 19px;
    font-weight: bold;
    font-family: Georgia, "Times New Roman";
    color: #663300;
}

#box1 a

{
    color: #FFFFFF;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: medium;
} 

#box2 a, #box3 a, #box4 a

{
    color: #7B5228;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: medium;
}
#mainMenu
{
    margin: 20px auto;
    padding: 3px;
    color: #313B3F;
    font-weight: bold;
    width: 150px;
    height: auto;
    background-color: #87783F;
}


#mainMenu h1
{
    text-align:center;
    font: bold medium Georgia, Times New Roman, Serif;
    background-color: #B4B06B; 
    color: white;
    margin: 6px auto;
    padding:4px;
    width: 130px;
    
}
#trtWrap 
{
    border: solid 1px green;
    width: 540px;
    height: auto;
    float: left;
    clear: left;
    margin: 10px ;
    background-color: #735A35;
}

#trtWrap li:hover
{
 color:#FFFFFF;
 background-color:#85CB56;
 padding:4px;
 font: italic;
 width: auto;
}

#trtWrap a, a:link
{
    color: #7E5E12;
    font-weight: bold;
}
#docVisit
{
    font-family: Arial, helvetica;
    background-color: #FFFFFF;
    border: groove 2px green;
    width: 215px;
    height: 180px;
    padding: 6px;
    margin: 15px 20px;
    float: left;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}
#sleep
{  font-family: Arial, helvetica;
    border: groove 2px green;
    margin-top: 5px;
    background-color: #FFFFFF;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 20px;
    float: left;
    background-image: url('YelGrV.gif');
    background-repeat: repeat; 
}


#sleep h2 
{
    list-style-type: disc;
    list-style-position: inside;
}

#energy {
    font-family: Arial, helvetica;
    border: groove 2px green;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 20px;
    float: left;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}
#antivirals
{
    font-family: Arial, helvetica;
    border: groove 2px green;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 20px;
    float: left;
    clear:both; 
    background-image: url('YelGrV.gif');
    background-repeat: repeat-x;

}
#ortho
{
    font-family: Arial, helvetica;
    border: groove 2px green;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 15px;
    float: left;
    background-color: #B4B06B;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}
#MBSR 
{
    font-family: Arial, helvetica;
    border: groove 2px green;
    margin-top: 5px;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 10px;
    float: left;
    background-color: #B4B06B;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}


#lifestyle 
{
    font-family: Arial, helvetica;
    border: groove 2px green;
    margin-top: 5px;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 10px;
    float: left;
    background-color: #B4B06B;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}

#mood
{
    font-family: Arial, helvetica;
    border: groove 2px green;
    margin-top: 5px;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 10px;
    float: left;
    background-color: #B4B06B;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}

#DocProts
{
    font-family: Arial, helvetica;
    border: groove 2px green;
    margin-top: 5px;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 30px 15px 15px;
    float: right;
    background-color: #B4B06B;
    background-image: url('YelGrV.gif');
    background-repeat: repeat;
}

#stressBusters
{
    background-position: center center;
    font-family: Arial, helvetica;
    border: groove 2px green;
    margin-top: 5px;
    width: 210px;
    height: 180px;
    padding: 6px;
    margin: 15px 30px 15px 15px;
    float: right;
    background-color: #FFFFC6;
    background-repeat: no-repeat;
    background-attachment: inherit;
}

#sleep h1, #docVisit h1, #energy h1, #ortho h1, #antivirals h1, #MBSR h1, #lifestyle h1, #mood h1, #DocProts h1, #stressBusters h1
{
    padding: 3px;
    color: green;
    height: auto;
    margin: 10px auto;
    text-align:center;
}
#sleep, #energy, #ortho, #antivirals, #MBSR, #lifestyle, #docVisit, #mood 
{
   
    font-family: Arial, helvetica;
    font-size: small;
    color: #666666;
   
}

#energy ul:hover
{
     background-color: white;
}

#trtWrap a:hover {
  text-decoration: none;
  color:#333333;
  padding: 0 4px;
  font-style:italic;
}
#sleep a:hover { color: #ffffff;}
#energy a:hover { color: #ffffff;}
#ortho a:hover { color: #ffffff;}
#antivirals a:hover { color: #ffffff;}
#MBSR a:hover { color: #ffffff;}
#lifestyle a:hover { color: #ffffff;}
#docVisit a:hover { color: #ffffff;}
#mood a:hover { color: #ffffff;}



/* bottom section with banner donate button and phoenix story*/
#bottomWrap 
{
    clear:both;
}

#treatListWrap {
    float:left;
    width:160px;
    height:auto;
    padding: 15px;
    margin: 10px 15px 20px 15px;
    background-color: #735A35;
    border: solid 1px green;}
    
 #treatList {
    margin: auto;
    width: 125px;
    height: auto;
    padding: 10px 5px;
    background-color: #FFFFCC;
    border: groove 2px green;
    border-top: none;
    
    }
    #treatlist a 
    {color: green; }
    
    .treatListHead {
    color: Green;
    font-weight: bold;
    font-size: 13px;
}
    
    .treatListH1 {
    font: bold 18px Times New Roman, Times, Sans-Serif;
    padding: 3px;
    margin: 5px;
    background-color: #FFFFFF;
    border: solid 1px #666666;}