/* - start of css rollover menuwide - */
#menuwide { margin-top:1px;}
#menuwide a {display:block; margin-top:0px; margin-bottom:0px;}

#menuwide a:hover {
color: #fddb9c;

}

#menuwide ul li ul li a, #menuwide ul li ul li a.x{
color: white;
background: #4e82be;
text-decoration: none;
border-style:solid;
border-width:1px;
border-color:white;
padding: 2.5px;
font-size: 12px;
font-family: Arial, verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}

#menuwide ul {
list-style:none;
width:inherit;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menuwide li, div#menuwide li:hover {
position:relative;
margin-top:0px; 
margin-bottom:0px;

}

div#menuwide li ul {
position:absolute;
z-index: 500;
top:100%;
display:none;
}

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

div#menuwide ul li:hover ul,
div#menuwide ul ul li:hover ul,
div#menuwide ul ul ul li:hover ul
{
display:block; 
width: 180px; 
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menuwide a.x, #menuwide a.x:visited{
background:transparent url(../images/starburst-icon.jpg) no-repeat center left;
}

#menuwide ul li ul li a.x, #menuwide ul li ul li a.x:visited{
background:aliceblue url(../images/starburst-icon.jpg) no-repeat center left;
}

#menuwide a.x:hover {
color:black; background:#F5F5F5; url(../images/starburst-icon.jpg) no-repeat center right;
}
/* - end of css rollover menuwide - */


ul.nextsteps {
list-style: square inside url(../images/starburst-icon.jpg)
}