/*** Nav bar styles ***/

#menu {
width: 12em; /* set width of menu */
background: #eee;
z-index: 98;
position: absolute;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
z-index: 99;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul {
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ccc #fff #555 #fff;
float: left;
}

#menu div.dropDownContainer {
	width: 700px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 90%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
z-index: 100;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
}

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

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

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

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

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
padding: 5px;
padding-right: 10px;
}

#menu h2 {
color: #000000;
background: #FFFFFF;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
#menu li:hover h2.shortenedTitle {
	display: none;
}
#menu h2.fullTitle {
	display: none;
}
#menu li:hover h2.fullTitle {
	display: block;
}

#menu li li a, 
#menu li li .subItem{
text-decoration: none;
color: #FFFFFF;
background: #B51C21;
}

#menu li a:hover,
#menu ul ul li li a:hover {
color: #a00;
background: #fff;
}

div#menu ul ul li:hover li a{
text-decoration: none;
color: #a00;
background: #fff;
}

div#menu ul ul li:hover li a:hover{
color: #FFFFFF;
background: #EF3B42;

}