/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * 
{
	margin:0;
	padding:0;
	list-style:none;
}

.nav 
{
	line-height:1.0;
}

.nav ul 
{
	position:absolute;
	top:-999em;
	width: 102px;	
}

.nav ul li,.nav a 
{
}


.nav a 
{
	display:block;
}

.nav li:hover ul, ul.nav li.sfHover ul 
{
	left: 0px; 
	width: 150px;	
	top: 36px;	
}

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

.nav li li:hover ul, ul.nav li li.sfHover ul 

{
	left:100%;
	width: 150px;
	top:0px;
}

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

/*** ORIGINAL SKIN ***/

.nav 
{
	float:left;
}

.nav a 
{
	padding: 12px 25px;
	text-decoration:none;
}

.nav li 
{	
	background-color:#6726a4;		/* default nav item bgcolor */
	font-size: 12px;
/*	font-weight: bold;			*/
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #FFF;
	float:left;
	position:relative;
	z-index:99;
}

.nav li a
{
	color: #d9b8f6;
}	

.nav li:hover, .nav li:hover a
{
	z-index: 100;	
	background:#501e7f; 	
	color: #e4767b;
}

.nav li.active
{
	background: #100E63; 	
/*	border-bottom: solid 1px #FFFFFF;	*/
}


.nav li.active a
{
	background:#FFFFFF; 	
	color: #6726a4;
}


	/* CSS Classes for sub-nav items, DEFAULT state */

	.nav li li 
	{
 		margin: 0px 0px 0px 0px;
/*		border-top: solid 1px #dedede;	*/
		background: #401865;
		color: #D9B8F8;
	}

	.nav li li a
	{	
		background: #401865;
		padding: 12px 23px 12px 23px;
		width: 150px;
	}



	.nav li:hover li 
	{
		background: #401865;
	}
	
	.nav li:hover li a
	{	
		color: #D9B8F8;
		background: #401865;
	}


	
	.nav li li:hover
	{
/*		background:#D3D4DD !important; 	*/
		background: #401865;
		color: #E37E84;
	}
	
	.nav li li:hover > a
	{
		background: #401865;
		color: #E37E84;	
/*		background:#D3D4DD !important; 	*/
	}


	
	.nav li li.active
	{
	}
	
	.nav li li.active a
	{
	
	}		
	
	
	/* CSS Classes for sub-nav items, ACTIVE parent state */
	
	.nav li.active li
	{
		background: #401865;
		color: #D9B8F8;
	}
	
	.nav li.active li a
	{
		background: #401865;
		color: #D9B8F8;
	}
		
	.nav li.active li:hover
	{
	}
	
	.nav li.active li:hover > a
	{
		background: #401865;
		color: #E37E84;
	}	
	
	.nav li.active li.active
	{
	}
	
	.nav li.active li.active > a
	{
		color: #FFF;

	}