/* CSS Document */
#topnavigation li ul
{
position:absolute; /*to stack the menus vertically */
top:30px;
left:0;

display:none;
padding:0;
margin:0;

}
#topnavigation li ul li
{
width:150px;/* to control also the width of the  hit area in the dropdown */
border-right:1px solid #B00D21;
border-bottom:1px solid #B00D21;
border-left:1px solid #B00D21;
background-image:url(images-press/topnavigation_background.jpg);
font-size:12px;

padding:0;

margin:0;
}
#topnavigation li ul li a /* to control the width of the a hit area in the dropdown */
{
display:block;

padding: 9px 0 9px 3px;/*to control the width of the sub menu*/
}

#topnavigation li ul li:first-child
{
border-left:1px solid #B00D21;
border-top:1px solid #B00D21;

}
#topnavigation li:hover ul
{
display:block;
/*to get rid of the line next to the menu on top  TO SHOW THE MENU*/
}
* html #topnavigation li ul{
border-top:1px solid #B00D21;

}
body div#topnavigation ul li ul li ul
{
position:absolute; /* associated menu with parent li positioning context */

 visibility:hidden; /* ensures that level 3 menu is not reveal when level 2 is reveled */

 left:100%;

 top:-1px; /* aligns level 3 and 4 pop-out with previous level */

 }

div#topnavigation ul li ul li:hover ul {visibility:visible;} /* shows level 3 menu when associated level 2 li is hovered */


