#areas
{
position:relative;
height:30px;
}

#areas ul, #areas li,#instancenav ul
{
list-style:none;
margin:0px;
padding:0px;
}

#areas ul li,#instancenav ul li
{
float:left;
}
#areas ul li ul li
{
float:none;
}

#areas ul li
{
line-height:30px;
}

#areas ul li a,#areas ul li div
{
display:block;
padding-left:0.5em;
padding-right:0.5em;
}
#areas ul li ul li a
{
padding:0px;
}

#areas ul li ul
{
display:none;
width:150px;
top:30px;
position:absolute;
margin-left:-1px;
z-index:5;
}
#areas ul li ul li
{
line-height:normal;
}

#areas ul li:hover ul
{
display:block;
}

#areas ul li ul li p
{
border-left:0px !important;
}
#areas ul li:hover ul li p
{
display:none;
}

#areas ul li ul li p
{
position:absolute;
left:151px;
top:0px;
border-top:0px;
width:200px;
margin-top:0px;
margin-bottom:0px;
}
#areas li.sub p
{
border-top:1px solid;
margin-top:-1px;
}
#areas li.sub ul
{
margin-left:0px;
}
#areas ul li ul li a,#areas ul li ul li p
{
padding-left:0.5em;
}
#areas ul li ul li p
{
line-height:1.4em;
padding-top:0.5em;
padding-bottom:0.5em;
}

#areas ul li ul li:hover p
{
display:block;
}
#areas ul li ul li.sub:hover p
{
display:none;
}
#areas ul li ul li.sub:hover ul li:hover p
{
display:block;
}

/*ie fake hover*/
#areas li.hover ul
{
display:block;
}
#areas li.hover ul li p
{
display:none;
}
#areas li.hover ul li.hover p
{
display:block;
}
#areas li.hover ul li.hover ul li p
{
display:none;
}
#areas li.hover ul li.sub ul li.hover p
{
display:block;
}

/*ie craps out if this is removed!! (desc p shifts its parent down when it is displayed)*/
#areas ul li ul li{border-bottom:1px solid;}

#instancenav
{
z-index:1;
}

/*For the reporting sub sub menus*/
#areas ul li ul li.sub
{
position:relative;
}
#areas ul li ul li.sub ul
{
left:150px;
position:absolute;
display:none;
top:0px;
}
#areas ul li ul li.hover ul
{
display:block;
}
/*Make hover work in IE*/
#areas ul li ul li.sub:hover ul
{
display:block;
}

/*ie positioning*/
* html #areas li.sub ul
{
margin-left:-0.5em;
}