/* DROPDOWN STYLES - MUST USE ie-hoverFix.js FOR IE */

	
	
	.top-nav, .top-nav ul {
		float: left;			
		list-style: none;
		/* line-height: 1;	REMOVED - Was causing text to be cut off in IE7 */
		padding: 0;
		margin: 0;
	}
	
	.top-nav a {
		display: block;
	}		
	
	.top-nav li {
		float: left;
		padding: 0;
		margin: 0;
		line-height: normal;
	}
	
	.top-nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 200px;
		margin: 0;
	}
	
	.top-nav li li {	
		width: 200px;
	}
	
	.top-nav li ul a {
		display: block;
		width: 190px;
		height: 20px;
		color:#fff;
		padding: 5px;
		text-decoration: none;
		border: #000 solid 0px;
	}
	
	.top-nav li ul a.twoLine {
		height: 30px;
	}
	
	.top-nav li ul .navStyle1 a{
		color: #fff;
		background: #D10000;
	}
	
	.top-nav li ul .navStyle2 a{
		color: #fff;
		background: #D12121;
	}
	
	.top-nav li ul .navStyle1 a:hover{
		color: #000;
		background: #D12121;
	}
	
	.top-nav li ul .navStyle2 a:hover{
		color: #000;
		background: #D14B4B;
	}
	
	.top-nav li ul .navStyle1WithChild  a{
		color: #fff;
		background: #D10000 url(images/navArrow.gif) no-repeat;
		background-position: 98% center;
	}
	
	.top-nav li ul .navStyle2WithChild  a{
		color: #fff;
		background: #D12121 url(images/navArrow.gif) no-repeat;
		background-position: 98% center;
	}
	
	.top-nav li ul .navStyle1WithChild  a:hover,
	.top-nav li ul .navStyle2WithChild  a:hover{
		color: #000;
		background: #D12121 url(images/navArrowHover.gif) no-repeat;
		background-position: 98% center;
	}
	
	.top-nav li ul ul {
		margin: -30px 0 0 200px;
	}
	
	.top-nav li:hover ul ul, .top-nav li:hover ul ul ul, .top-nav li.sfhover ul ul, .top-nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	.top-nav li:hover ul, .top-nav li li:hover ul, .top-nav li li li:hover ul, .top-nav li.sfhover ul, .top-nav li li.sfhover ul, .top-nav li li li.sfhover ul {
		left: auto;
	}
	
	.top-nav li:hover, .top-nav li.sfhover {
		color: #FFEE00;
	}