/* ====================================================================

	This STARTS the styles for the drop-down menu 



==================================================================== */


/* =====================================================
     Begin main styles for drop-downs
===================================================== */
#navDiv
{
    padding: 0 0 0 9px;
    
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 176px;
}
	
#nav li                                              /* all list items */
{
	position : relative;
	float : left;
	margin-bottom : 1px;
	background: url(../../images/menuOff.jpg) no-repeat;
	width: 176px;
	w\idth : 176px;
	height: 27px;
	display : block;
	color : #FFF;
	font-weight : bold;
	text-decoration : none;
	line-height: 27px;
	z-index: 2;
}
	
#nav li ul                                          /* second-level lists */
{
	position : absolute;
	left: -999em;
	margin-left : 176px;
	margin-top : -25px;
}

#nav li ul ul                                       /* third-and-above-level lists */
{
	left: -999em;
}
	
#nav li a {
	height: 27px;
	display : block;
	color : #FFF;
	font-weight : bold;
	text-decoration : none;
	padding : 0 0 0 15px;
}

#nav li ul li a 
{
	width: auto;
}
	
#nav li a:hover
{
	color: #1B21AD;
	text-decoration : underline;
}

#nav li:hover, #nav li.sfhover
{
	color: #1B21AD;
    background: url(../../images/menuHover.jpg) no-repeat;
}

#nav li ul li a:hover 
{
	width: 100px;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,      /* lists nested under hovered list items */
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	left: auto;
}

#nav li ul li                                       /* Removes the margin-bottom from #nav li  */
{
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    height: 25px;
    background: none;
}

/*#nav li ul li:hover, #nav li ul li:sfhover
{
    background: #111870;
}*/

html>body #nav li ul li:hover, #nav li ul li:sfhover
{
    background: #111870;
    width: 148px;
    _width: 100%;
}

#nav li ul li a
{
    margin: 0;
    padding: 0 0 0 10px;
    width: 142px;
    _width: 100%;
    height: 23px;
    line-height: 23px;
    border: 1px solid #9D9FF1;
    color: #131779;
}

#nav li ul
{
    padding: 0;
    background: #9D9FF1;
    border: 1px solid #111870;
    width: auto;
}

#nav li ul li a:hover
{
    width: 142px;
    _width: 100%;            /* ensures that IE will display hover effect over whole LI */
    padding: 0 0 0 10px;
    display: block;
    background: #111870 url(../../images/subMenuBG.jpg) right no-repeat;
    color: #FFF;
    border: 1px solid #9D9FF1;
}

#nav a.parent 
{
	background: url(../../images/rightArrow.gif) 155px 11px no-repeat;
}

#nav #appProcessUl li
{
	width: 225px;
	padding: 0 10px 0 0;
	_padding: 0;
}

#nav #appProcessUl li a
{
	width: 223px;
}







/* =====================================================
     End main styles for drop-downs
===================================================== */



/* ====================================================================

	THIS ENDS THE STYLES FOR THE DROP-DOWN MENU

==================================================================== */