/* Begin CSS Code for Horizontal Dropdown/Popout Menu */

#menu{
width:100%;
float:left;
}


#menu a, #menu h2{
display:block;
font:bold 7pt verdana;
white-space:nowrap;
text-indent:1px;
margin:0;
padding:1px 0;
}

#menu a{
background:#fff;
text-decoration:none;
width:100%;
}

#menu a, #menu a:visited {
color:#000;
}

#menu a:hover{
color:#000;
background:#fff;
color:#666;
background:#fff;
}

#menu a:active{
color:#666;
background:#fff;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
float:left;
width:8.9em;
}

#menu li {position: relative;}

#menu li:hover{
cursor:pointer;
z-index:100;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
/* top:0; */
display:none;
}

#menu ul ul ul{
top:0;
left:9.0em;
}

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

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

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:3px;
color:#000;
background:#fff url('img/expand3.gif') no-repeat bottom right;
}

#menu a.x:hover{
color:#a00;
background:#fff;
}

#menu a.x:active{
color:#000;
background:#ffffff;
}

#menu h2{
color:#333333;
 no-repeat bottom right;
margin:0;
width:100%
}

/* End CSS Code for Horizontal Dropdown/Popout Menu */

/* For Menu Testing Only - Not Part of Menu */

body, html{margin:.1em;padding:0;font-size:100%;}
.hand{cursor:pointer;}
.help{cursor:help;}
.mod{font:normal .6em verdana,sans-serif;margin:.25em;}
h1{font:bold .9em verdana,sans-serif;margin:.5em .25em;padding:0;}
img{border:none;}
p{font:normal .8em/1.3em verdana,sans-serif;margin:1.0em .5em;}