/* 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:#4474C5;		/* default nav item bgcolor */
	font-size: 12px;
/*	font-weight: bold;			*/
	padding: 0px;
	margin: 0px 1px 0px 0px;
	float:left;
	position:relative;
	z-index:99;
}

.nav li a
{
	color: #FFFFFF;
}	

.nav li:hover, .nav li:hover a
{
	z-index: 100;
	color: #4474C6;			
	background:#DBE2F4; 	
}

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


.nav li.active a
{
	background:#FFFFFF; 	
	color: #4474C6;
}


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

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

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



	.nav li:hover li 
	{
		background: #EDF1FA;
	}
	
	.nav li:hover li a
	{	
		color: #4474C6;
		background: #EDF1FA;
	}


	
	.nav li li:hover
	{
/*		background:#D3D4DD !important; 	*/
	}
	
	.nav li li:hover > a
	{
		color: #232A51;	
/*		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: #EDF1FA;
	}
	
	.nav li.active li a
	{
		color: #4474C6;
	}
		
	.nav li.active li:hover
	{
	}
	
	.nav li.active li:hover > a
	{
		color: #232A51;
	}	
	
	.nav li.active li.active
	{
		color: #232A51;	
	}
	
	.nav li.active li.active > a
	{
		color: #232A51;

	}