.ISATreeMenu    { background-color: #99B2B2; margin: 0.75em 0em; padding: 0em; font-family: Georgia, Garamond, Palatino, Serif;  }
.ISATreeMenu a  { line-height: 16px; }

.ISATreeMenu li > a { display: block; width: 100%; }
.ISATreeMenu li > a:link    { color: White; text-decoration: none; }
.ISATreeMenu li > a:visited { color: White; text-decoration: none; }
.ISATreeMenu li > a:hover   { color: White; text-decoration: none; /*background-color: #669900; font-style: normal !important; */}
.ISATreeMenu li > a:active  { color: White; text-decoration: none; }

/**********************************************************************************
  Top Level Menu Items   
 **********************************************************************************/

.ISATreeMenu > ul                   { list-style-type: none; margin: 0em; padding: 0em; }
.ISATreeMenu > ul > li > a          { margin: 0em; padding: 0em;   }
.ISATreeMenu > ul > li > a > img    { margin: 0em; padding: 0.75em 0em 0em 0.375em; float: left; border: 0em; }
.ISATreeMenu > ul > li > a > span   { margin: 0em; padding: 0.625em 0.4375em 0.625em 1.25em; display: block; font-size: 0.875em; }
.ISATreeMenu > ul > li > a:hover    { background-color: #669900; color: #DDD; }


/**********************************************************************************
  Second Level Menu Items   
 **********************************************************************************/
 
.ISATreeMenu > ul > li > ul                 { list-style-type: none; margin: 0em; padding: 0em; }
.ISATreeMenu > ul > li > ul > li > a        { margin: 0em; padding: 0.25em 0em;     }
.ISATreeMenu > ul > li > ul > li > a > img  { margin: 0em; padding: 0.4375em 0em 0em 1.625em; float: left; border: 0em; }
.ISATreeMenu > ul > li > ul > li > a > span { margin: 0em; padding: 0.1975em 0.4375em 0.1875em 2.5em; display: block; font-style: italic; font-size: 0.875em; }
.ISATreeMenu > ul > li > ul > li > a:hover  { color: #DDD;  }

/**********************************************************************************
  Third Level Menu Items   
 **********************************************************************************/
 
.ISATreeMenu > ul > li > ul > li > ul               { list-style-type: none; margin: 0em; padding: 0em; }
.ISATreeMenu > ul > li > ul > li > ul > li > a      { margin: 0em; padding: 0em;     }
.ISATreeMenu > ul > li > ul > li ul > li > a > img  { margin: 0em; padding: 0.25em 0em 0em 2.875em; float: left; border: 0em; }
.ISATreeMenu > ul > li > ul > li ul > li > a > span { margin: 0em; padding: 0.0625em 0.4375em 0.0625em 3.75em; display: block; font-style: italic; font-size: 0.875em; }
.ISATreeMenu > ul > li > ul > li ul > li > a:hover  { color: #DDD; }


/**********************************************************************************
  Selected Items   
 **********************************************************************************/

.ISATreeMenu li.selectedParent > a     { background-color: #669900 !important;    }
.ISATreeMenu li.active > a > span       { color: #FFFFFF !important; font-style: italic; }




/* ****************************** */
/* ****** Media Queries ********* */
/* ****************************** */
@media only screen and (min-width:0em) 
{
    .ISATreeMenu > ul > li > ul { display: none; }
    .ISATreeMenu    { margin: 0em; }

    /*.ISATreeMenu ul                       { display: none; }*/
    .ISATreeMenu li                       { display: none; }
    .ISATreeMenu li.selectedParent                { display: block; }
    /*.ISATreeMenu li.selectedParent ul                 { display: block; }*/
    .ISATreeMenu li.selectedParent li                 { display: block; }
    /*.ISATreeMenu li.selectedParent > ul li.active ul    { display: block; }
    .ISATreeMenu li.subParent > ul                      { display: block; }*/
}

@media only screen and (min-width:25em) /* 400px - 25em */
{
    .ISATreeMenu > ul > li > ul { display: none; }
    .ISATreeMenu    { margin: 0em; }
    
}

@media only screen and (min-width:37.5em) /* 600px - 37.5em */
{
    .ISATreeMenu > ul > li > ul { display: block; }
    .ISATreeMenu    { margin: 0.75em 0em; }
    
    /*.ISATreeMenu ul                       { display: none; }*/
    .ISATreeMenu li                       { display: none; }
    .ISATreeMenu li.selectedParent                { display: block; }
    .ISATreeMenu li.selectedParent ul                 { display: block; }
    .ISATreeMenu li.selectedParent li                 { display: block; }
    .ISATreeMenu li.selectedParent > ul li.active ul    { display: block; }
    .ISATreeMenu li.subParent > ul                      { display: block; }
}

@media only screen and (min-width:50em) /* 800px - 50em */
{

}

@media only screen and (min-width:60em) /* 960px - 60em*/
{

}

@media only screen and (min-width:120em) /* 1920px - 120em */
{

}