body {  
    behavior: url(includes/csshover.htc);
    }
    
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#dcd3cc;}
/*Julie added this next line to keep the active sub menu bg chocolate brown when hovering over its sub-sub menu items*/
div#dropMenu li ul a:hover, div#dropMenu li.submenu li.submenu:hover {color: #fff!important;background:#e3e1d7;}
/*Julie modified the above line to deal with the light color when hovering over its sub-sub menu items
div#dropMenu li ul a:hover, div#dropMenu li.submenu li.submenu:hover {color: #fff!important;background:#8a7f7b;}*/



/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
    
div#dropMenu {
/*    width:770px;*/
    width:790px;
    margin:0;
    text-align:center;
    z-index:1000;
    position:relative;
    }

div#dropMenu ul {
    margin:0;
    padding:0;
    }
    
div#dropMenu li {
    position:relative;
    list-style:none; 
    margin:0; 
    float:left; 
    line-height:20px;
/*    width:100px;
    *width:100px;*/

    }
div#dropMenu ul.level1 li {
	margin-left:20px;
	margin-right:20px;	
}
div#dropMenu ul.level2 li {
	margin-left:0px;
	margin-right:0px;	
}
div#dropMenu ul ul li {
    margin:0px; 
}
div#dropMenu ul.level1 {
    width:100%;
    margin:0 auto; 
    text-align:center;
    background:#8a7f7b; /*background color of top menu when NOT selected. */
    z-index:1000;
    float:left;
    }

div#dropMenu li a {
    display: block;
    /* Hides from IE5-mac \*/
    height: 1%;
    /* End hide from IE5-mac */ 
    padding: .6em 0; 
    text-decoration: none; 
    text-transform:uppercase; 
    color:#ffffff; 
    text-align:center; 
    }   
    
div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li { line-height:12px; font-size:11px;  width:15em;z-index:1000;}

/*border-bottom: 1px solid #8a7f7b; border-right: 1px solid #8a7f7b; border-left: 1px solid #8a7f7b;*/

/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 15em; display:block;z-index:1000;}

div#dropMenu ul.level1 li.submenu:hover ul.level2 {position: absolute; width: 13.75em; display:block;z-index:1000;}

div#dropMenu ul.level2 {background:#e6e6d8; z-index:1000;position:absolute;left:0;}

div#dropMenu ul.level3, 
div#dropMenu ul.level4, 
div#dropMenu ul.level5, 
div#dropMenu ul.level6, 
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 15em; background:#e6e6d8;}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.5em;color: #a5a09a; text-transform:none; text-align:left;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;background:#8a7f7b;}


.clearBoth {
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
    }