body {
behavior: url(includes/csshover.htc);
}

/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #8E187C;font-size:small;/*font-weight:bold;*/text-decoration:underline;}


/*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:100%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
font-size:small;
/*font-weight:bold;*/
}

div#dropMenu ul {
margin:0;
padding:0;
font-size:small;
/*font-weight:bold;*/
/*border-top:1px solid #FFFFFF;*/
}

div#dropMenu li {
position:relative;
list-style:none;
margin:0;
font-size:small;
/*font-weight:bold;*/
float:left;
white-space:nowrap;
line-height:1em;
padding-left:2em;
padding-right:2em;
*padding-left:0.3em;
*padding-right:0.3em;
*width:12%;
/*width:13.333%;*/
/*border:1px solid #FFFFFF;*/
margin:-1px;
margin-left:0px;

}

div#dropMenu ul.level1 {
width:100%;
margin:0px auto;
text-align:center;
background:#F3F9EF; /*background color of top menu when NOT selected. */
z-index:1000;
float:left;
font-size:small;
/*font-weight:bold;*/
margin-top:-1px;
margin-bottom:-1px;
margin-left:0px;
padding-top:1px;
padding-bottom:1px;
border-top:thin #8E187C solid;
border-bottom:thin #8E187C solid;
}

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;
/* text color of top menu when not selected */
color:#9A9A9A;
text-align:center;
font-size:small;
/*font-weight:bold;*/
}

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 {/*border-bottom: 1px solid #FFFFFF;*/ width:12em;z-index:1000;margin-top:0px;}
/*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: 12em;display:block;z-index:1000; border-top:0px}
/* second level menu */
div#dropMenu ul.level2 {background:#F3F9EF;z-index:1000;position:absolute;left:0;margin-left:-.5px;*margin-left:-1px;
}
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: 12em; background:#F3F9EF} /* third level menu */
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: #9A9A9A; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#8E187C;}
div#dropMenu ul.level3{
margin-top:-1px;
* margin-top:-1.5px;
margin-left:-.25px;
* margin-left:-.75px;
}

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