/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;border:none;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0.5em }

/* Begin CSS Popout Menu */

#menu       { position: absolute; top: 60px; left: 40px; width: 100%; float: left }

#menu a, #menu h2        { font: 10px/13px arial, helvetica, sans-serif; text-align: left; display: block; margin: 0; padding: 3px }

#menu h2                  { color: #063; font-weight: bold; background-color: #fff; background-position: 100% 100%; text-align: center; text-transform: uppercase; white-space: nowrap; width: 70px; border: solid 1px #fff }

#menu a          { text-decoration: none; background: #ddd; white-space: normal; width: 300px; border: solid 1px #bbb }

#menu a, #menu a:visited     { color: #063 }

#menu a:hover        { color: #063; background: #eee }

#menu a:active         { color: #333; background: #eee }

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

#menu li   { position: relative }

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

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

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover        { color: #444; background-color: #eee; background-repeat: no-repeat; background-attachment: scroll; background-position: -999px -9999px; border: solid 1px #ddd }

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

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

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

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited { color: #000; font-weight: bold; background-color: #eee; background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 100% }

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

#menu a.x:active  { color: #063; background: #ccc }

/* End CSS Popout Menu */