/* Pure menu css below */

#topmenu {
float: left;
margin-top:10px;
padding-bottom:20px;
}

#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
border-left: 1px solid #C3C3B7;
border-right: 1px solid #C3C3B7;
border-bottom: 1px solid #C3C3B7;
background-color: white;
}

#topmenu ul a {
border-width: 0px 1px 0px 0px;
padding: 5px 12px;
background-color: white;
background-image: url(/templates/efsi/tribal-CL-1051-v01/images/navbar-bg.jpg);
}

#topmenu ul a.on {
border-width: 0px 1px 0px 0px;
padding: 5px 12px;
background-color: white;
background-image: url();
color: #FFFFFF;
background-color:#6C8045;
background-image:url(/templates/efsi/tribal-CL-1051-v01/images/topmenu_arrow_over_l1.gif);
background-repeat:no-repeat;
background-position:top;

}

#topmenu ul a.on_child {
background-image:url();
background: #9EB676;
color:#FFFFFF;
}


#topmenu ul ul a {
padding: 4px 5px 5px 5px;

}

#topmenu a {
display: block;
margin: 0;
padding: 2px 3px;
color: #696969;
background: #E5E5E1;
text-decoration: none;
}

#topmenu a {
background: #efefef;
text-decoration: none;
}

#topmenu ul a:hover {
color: #FFFFFF;
background-color:#6C8045;
display:block;
background-image:url(/templates/efsi/tribal-CL-1051-v01/images/topmenu_arrow_over_l1.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:5px;
padding-bottom:5px;
z-index:10;
}

#topmenu ul ul a:hover {
background-image:url();
background: #9EB676;
}

#topmenu ul ul ul a:hover {
background-image:url();
background-color:#9EB676;
}

#topmenu li {position: relative;}

#topmenu ul ul {
position: absolute;
z-index: 500;
width: 18em;
border-width: 1px;
border-style: solid;
border-color:#959C93;
background-image:url();
}

#topmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#topmenu ul ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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

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


div#topmenu ul a {
padding-top:5px;
padding-bottom:5px;
background-image:url(/templates/efsi/tribal-CL-1051-v01/images/topmenu_bg_l1.gif);
background-repeat:repeat-x;
}

div#topmenu ul ul a {
background-image:url();
background-color:#E5E5E1;
}

div#topmenu ul {
margin-left:1px;
}

div#topmenu ul ul {
margin-left:0;
}

div#topmenu ul ul li {
width: 100%;
}