/**

* Menu styles

*/


#menu {

width: 14em;

background: #eee;

z-index: 1002;

}



#menu ul {

list-style: none;

margin: 0;

padding: 0;

z-index: 1002;

}



#menu a, #menu h2 {

font: bold 14px/16px arial, helvetica, sans-serif;

display: block;

border-width: 0px;

border-style: dotted dotted none none;

border-color: #ccc #888 #FFFF00 #bbb;

margin: 0;

padding: 2px 3px;

z-index: 1002;

}



#menu h2 {

color: #fff;

background: #000;

text-transform: uppercase;

z-index: 1002;

}



#menu a {

color: #fff;

background: #003366;

text-decoration: none;

z-index: 1002;

}

#menu a:hover {

color: #FFFF00;

background: #1B5b80;

border-style: dashed;

z-index: 1002;

}

#menu a:active {

color: #FFFF00;

background: #1B5b80;

border-style: dashed;

z-index: 1002;

}



#menu li {

position: relative;

z-index: 1002;

}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

width: 100%;

z-index: 1002;

}

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

visibility: collapse;

z-index: 1002;

/*margin-left: -1px;*/

margin-left: -5000px;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
	visibility: visible;
	z-index: 1002;
	margin-left: -1px;
}