/*----------------------------------------------------------------------
/* applications Dropdown menu*/
.appDropDiv
{
	margin-top:5px;
	color:#000;
	margin-bottom:30px;
	
	
}
/*** ESSENTIAL STYLES ***/
/* remove any default styles */
.appDrop, .appDrop * {
	margin:0px;
	padding:0;
	list-style:none;
	
	
	
}
/* top ul.nav element */
.appDrop {
		
		
}
/* nested submenu ul elements */
.appDrop ul {
	position:absolute;
	top:-999em;
	
	/*font-size:90%;*/
}
/* submenu items */
.appDrop ul li,
.appDrop a {
	/*width: 100%;*/
	width:16.35em;
}
.appDrop li ul
{
	
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	width:16.45em;

}
/* all li elements */
.appDrop li {
	float:left;
	position:relative;
	z-index:99;
}
/* all anchor elements */
.appDrop a {
	display:block;
	color:#000;
}
/**** Position of second tier of nav ****/
.appDrop li:hover ul,
ul.appDrop li.sfHover ul {
	left:0;
	top:1.6em;	
}
/**** Position of third tier of nav ****/
.appDrop li:hover li ul,
.appDrop li.sfHover li ul {
	top:-999em;
}
/* DO NOT attempt to group these selectors with similar earlier rules. The code order is important so the rules override previous ones correctly */

.appDrop li li:hover ul,
ul.appDrop li li.sfHover ul {
	left:12.3em;
	top:0px;
}
/**** Very important ****/
/* this negates the pure CSS hovers so submenu remains hidden and JS controls when and how it appears. This is in turn is overridden by the .sfHover rules above as they have greater specificity */
/* notice there are three selectors here. You need three for a four tier menu system. If you had a five tier system you would copy the last selector of these three and paste it below to create a fourth selector and add another li just after the .superfish part. On the other hand if you only had a three tiered menu you could delete the third line here and save some file size.*/

.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.appDrop{
	float:left;
	/*margin-bottom:1.5em;*/
	background-color:#fff;
	line-height:1.2;
	width:16.45em;
	border: 1px solid #000033;
	
	
}
.appDrop li {
	/*border-left:1px solid #fff;*/
	/*border-top:1px solid #CFDEFF;*/
	/*width:6.45em;*/
	background-repeat:no-repeat;
	margin-right: 5px;
	background-image: url(../images/11x10arrowdown.gif);
	background-position:right;
	background-color:#fff;
	
	
}

.appDrop a {
	
	padding: .25em 1em;
	text-decoration:none;
	/*text-indent: 1em;*/
	width:14em;
}

.appDrop ul a {
	
	/*padding: .25em 2em;*/
	padding:0;
	text-indent: 0;
	}

.appDrop li:hover, .appDrop li.sfHover,
.appDrop a:focus, .appDrop a:hover, .appDrop a:active {
	/*background:#CFDEFF;
	background-image: url(../images/1x20TopicBoxLinkHover.jpg);
	background-repeat:repeat-x;*/
}
.appDrop li li {
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#000;
	
	
}

.appDrop li li a
{
	padding: .25em 0 .25em 1em;
}


.appDrop li li:hover,.appDrop li li.sfHover,.appDrop li li a:focus, .appDrop li li a:hover, .appDrop li li a:active
{
	background-color:#d4dcdf;
	color:#000;
}