/* 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 
{
	width: 100%;
}


.nav a 
{
	display:block;
}

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

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

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

{
/*	left:100px; 	*/
/*	width: 102px;	*/
/*	top:-1px;	*/
}

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

/*** ORIGINAL SKIN ***/

.nav 
{
	float:left;
}

.nav a 
{
	padding: 0.55em 0em 0.6em 0em;
	text-decoration:none;
}

.nav li 
{	
	background-color:#EEEEEE;		/* default nav item bgcolor */
	margin: 0px 12px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	float:left;
	position:relative;
	z-index:99;
}

.nav li a
{
	color: #000000;		
}	

.nav li:hover, .nav li:hover a
{
	z-index: 100;
	color: #E0000C;			
	background:#FFFFFF; 	
}

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


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


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

	.nav li li 
	{
 		margin: 0px 0px 0px 0px;
		border-top: dotted 1px #DDDDDD;
	}

	.nav li li a
	{	
	}



	.nav li:hover li 
	{
		background: #EEEEEE;
	}
	
	.nav li:hover li a
	{	
		color: #000000;
		background: #EEEEEE;
	}


	
	.nav li li:hover
	{
		background: #FFFFFF;
	}
	
	.nav li li:hover a
	{
		color: #E0000C;	
		background: #FFFFFF;
	}


	
	.nav li li.active
	{
	}
	
	.nav li li.active a
	{
	}		
	
	
	/* CSS Classes for sub-nav items, ACTIVE parent state */
	
	.nav li.active li
	{
		background: #EEEEEE;
	}
	
	.nav li.active li a
	{
		color: #000000;
		background: #EEEEEE;
	}
		
	.nav li.active li:hover
	{
		background: #FFFFFF;
	}
	
	.nav li.active li:hover a
	{
		color: #E0000C;
		background: #FFFFFF;
	}	
	
	.nav li.active li.active
	{
		background: #FFFFFF; 
	}
	
	.nav li.active li.active a
	{
		color: #E0000C;
		background: #FFFFFF;
	}