/* ==================================================================== */
/*                           Element Styling                            */
/*                           Menu coding                                */
/* ==================================================================== */
#menu {
    color: #333333;
    line-height: 20px;
    padding-left: 5px;
}

#menu ul {
list-style: none;
margin: 0;
padding:0;
}

#menu a, #menu h2 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
    margin: 0;
}
#menu h2 {
  color: white;
  font-size: 11px;
  background-color: #c1c4c9;
  font-weight: bold;
  height:20px;
  line-height: 20px;
  text-align:justify;
  padding-left: 5px;
  background-image: url( /images/img_unselected.jpg );
  background-repeat: no-repeat;
  background-position: top right;
}

#menu a {
color:#5B5C5D;
background: #FFFFFF;
padding-left: 5px;
text-decoration: none;
}

#menu a:hover {
color:red;
}

#menu li {
border-bottom: 1px dotted #999999;
line-height: 20px;
position: relative;


}

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

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

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