/*DO NOT MODIFY BELOW THIS LINE.  THIS CODE IS NEEDED FOR IE*/
body {behavior: url(/includes/csshover.htc);font-family: verdana, helvetica;font-size: 9px;}
#menu ul li {float: left; width: 80%;}
#menu ul li a {height: 1%;}

#menu {
width: 80%;
background: #E2E7EF;
float: left;
padding-left: 10px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
margin-right: 100px;
}

#menu .nav {width: 100%; height: 100%; text-decoration: none; font-size: 11px; font-style: normal; color: #000000; font-weight: bold;}

#menu h2 {
font-size: 11px;
font-family: verdana, helvetica;
display: block;
border: 0px solid #ECE7DF;
margin: 0;
padding: 5px;
color: #000000;
width: 100%;
background: #E2E7EF;
}

#menu ul.dropdown a {
font-size: 10px;
font-family: verdana, helvetica;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin: 0;
padding: 5px;
color: #000000;
background: #ECE7DF;
font-weight: bold;
width: 150px;
}

#menu a:hover {
color: #FFFFFF;
background: #E2E7EF;
font-weight: bold;
text-decoration: underline;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}