/**************** menu coding *****************/
#collapsPageDiv {
background: #eee;
text-align:center;
margin:auto;
}

#collapsPageDiv ul {
list-style: none;
display:inline;
}

#collapsPageDiv a, #collapsPageDiv h2 {
/*display: block;*/
display:inline;
width:10em;
}
#collapsPageDiv ul ul li a {
  display:block;
  width:10em;
  border:0;
  padding:0;
  margin:0;
}


#collapsPageDiv a {
color: #000;
background: #efefef;
text-decoration: none;
}

#collapsPageDiv li {position: relative;
display: inline;}

#collapsPageDiv li li {position: relative;
text-align:left;
width:10em;
padding-left: 50pt;

border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
z-index: 500;
background:white;
display: block;}

#collapsPageDiv li li li {position: relative;
text-align:left;
width:10em;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
z-index: 500;
display: block;}

#collapsPageDiv ul ul {
background:white;
position: absolute;
top: 1.1em;
left: 0%;
width:10em;
z-index: 500;
}

#collapsPageDiv ul ul ul {
position: absolute;
background:white;
top: 0em;
left: 100%;
width:3em;
z-index: 500;
/*position: absolute;
top: 0;
left: 100%;*/
}

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

div#collapsPageDiv ul li:hover ul,
div#collapsPageDiv ul ul li:hover ul,
div#collapsPageDiv ul ul ul li:hover ul
{display: block;width:100%;
white-space:nowrap;
}

/* indicate if there is another submenu or not */
#collapsPageDiv li.submenu a:after {
 content: "\0020 \0020 \00BB";
}
#collapsPageDiv li.collapsPage a:after {
 content: "";
}