@charset "utf-8";
/* CSS Document */
/**************** dropdown_menu coding *****************/
.menu {
width: 100%;
background: #1e2126;
padding-left: 10px;
}

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

.menu a, .menu h2 {
font: bold 8pt georgia, serif;
display: block;
/*border-width: 1px;
border-style: dotted;
border-color: #9a9b9e;*/
margin: 0;
padding: 2px 3px;
}

.menu h2 {
color: #1e2126;
background: #c5cfe0;
text-transform: uppercase;
}

.menu a {
color: white;
background: #1e2126;
text-decoration: none;

}

.menu a:hover {
color: #f87511;
background: #6b717b;

}

.menu li {position: relative; }

.menu ul a {border-style: dotted;
border-color:#3e3d3d; 
border-left-width: 1px;
border-top-width: 0px;
border-bottom-width: 1px;
border-right-width: 1px;
}

.menu ul li a {}

.menu ul ul {
position: absolute;

}

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

div.menu ul ul {
display: none; position: relative;
}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none; position: relative;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block; position: relative; z-index: 200}

ul.menu li{
 z-index:1000; position: relative;
}
</style>