/***** @import "tanfa.css";  General formatting only ****/
/**************** menu coding *****************/
#menu {
width: 100%;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
min-width:1em;
float: left;
}

#menu a, #menu h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff #fff #e4e3e3 #e4e3e3;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #e4e3e3;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
}

#menu a:hover {
color: #000;
background: #F5F5F5;
}

#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
z-index: 500;
width: 14em;
}

#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;}

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#e4e3e3 url(/_images/expand.gif) no-repeat 100% 50%;
}

#menu a.x:hover {
color: #000;
background:#fff url(/_images/expand.gif) no-repeat 100% 50%;
}

/*#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}*/
