/* NSPCC
*  flyout.css
*  Styles for the Flyout Nav for National Safeguarding Unit (NSU)
*  Date: 31-03-2009
*/

.top-nav { position:relative; z-index: 100; }
	.top-nav ul { display:block; padding-left: 10px; width: 950px; }
		.top-nav ul li { float: left; list-style: none; display:block; position: relative; text-align: center; }
			.top-nav ul li a { display:block; padding: 19px 0px 16px 0px; color:#ffffff; text-decoration: none; font-size: 115%; }
				.top-nav ul li a.on, .top-nav ul li a.roll { color:#363635; }
				.top-nav ul li a:hover { color:#363635; }
				
				.top-nav ul li.flyout1 { width: 109px; }
				.top-nav ul li.flyout1 a { padding-right: 4px; } 
				.top-nav ul li.flyout1 a.on, 
				.top-nav ul li.flyout1 a.roll { background: url(/_layouts/NSUImages/bg-flyout-link-1.png) 0 2px no-repeat; }
				.top-nav ul li.flyout2{ width: 158px; }
				.top-nav ul li.flyout2 a { padding-right: 6px; } 
				.top-nav ul li.flyout2 a.on, 
				.top-nav ul li.flyout2 a.roll { background: url(/_layouts/NSUImages/bg-flyout-link-2.png) 0 3px no-repeat; }
				.top-nav ul li.flyout3 { width: 157px; }
				.top-nav ul li.flyout3 a { padding-right: 6px; } 
				.top-nav ul li.flyout3 a.on, 
				.top-nav ul li.flyout3 a.roll { background: url(/_layouts/NSUImages/bg-flyout-link-3.png) 2px 2px no-repeat; }
				.top-nav ul li.flyout4 { width: 161px; }
				.top-nav ul li.flyout4 a { padding-right: 6px; } 
				.top-nav ul li.flyout4 a.on, 
				.top-nav ul li.flyout4 a.roll { background: url(/_layouts/NSUImages/bg-flyout-link-4.png) 0 2px no-repeat; }
				.top-nav ul li.flyout5 { width: 222px; }
				.top-nav ul li.flyout5 a { padding-right: 18px; } 
				.top-nav ul li.flyout5 a.on, 
				.top-nav ul li.flyout5 a.roll { background: url(/_layouts/NSUImages/bg-flyout-link-5.png) 0 2px no-repeat; }
				.top-nav ul li.flyout6 { width: 123px; }
				.top-nav ul li.flyout6 a { padding-right: 4px; } 
				.top-nav ul li.flyout6 a.on, 
				.top-nav ul li.flyout6 a.roll { background: url(/_layouts/NSUImages/bg-flyout-link-6.png) 0 2px no-repeat; }


.top-nav ul li ul { position:absolute; display:none; margin-top: -1px;}
	.top-nav ul li ul li { float:left; margin-left: 10px; padding: 0 0 5px 12px; background: url(/_layouts/NSUImages/bullet-arrow.png) 0px 2px no-repeat; position: static; }
		.top-nav ul li ul li a { color: #333333; text-decoration: none; font-size: 110%; padding: 0px; position: relative; text-align: left; }
		.top-nav ul li ul li a:hover { text-decoration: underline; }


.top-nav ul li.flyout1 ul { width: 236px; background: url(/_layouts/NSUImages/bg-flyout-1.png) bottom left no-repeat; padding: 20px 10px 30px 10px; top: 54px; left: 0px; min-height:70px; height:auto !important; height: 70px; }
	.top-nav ul li.flyout1 ul li.left { width: 200px; }
	.top-nav ul li.flyout1 ul li.right {  }

.top-nav ul li.flyout2 ul { width: 271px; background: url(/_layouts/NSUImages/bg-flyout-2.png) bottom left no-repeat; padding: 20px 10px 30px 10px; top: 54px; left: 0px; min-height:65px; height:auto !important; height: 65px; }
	.top-nav ul li.flyout2 ul li.left { width: 240px; }
	.top-nav ul li.flyout2 ul li.right {  }

.top-nav ul li.flyout3 ul { width: 474px; background: url(/_layouts/NSUImages/bg-flyout-3.png) bottom left no-repeat; padding: 20px 10px 30px 10px; top: 54px; left: 0px; min-height:90px; height:auto !important; height: 90px; }
	.top-nav ul li.flyout3 ul li.left { width: 200px; }
	.top-nav ul li.flyout3 ul li.right { width: 210px; }

.top-nav ul li.flyout4 ul { width: 240px; background: url(/_layouts/NSUImages/bg-flyout-4.png) bottom left no-repeat; padding: 20px 10px 30px 10px; top: 54px; left: 0px; min-height:26px; height:auto !important; height: 26px; }
	.top-nav ul li.flyout4 ul li.left { width: 65px; }
	.top-nav ul li.flyout4 ul li.right { width: 115px; }

.top-nav ul li.flyout5 ul { width: 425px; background: url(/_layouts/NSUImages/bg-flyout-5.png) bottom left no-repeat; padding: 20px 10px 30px 10px; top: 54px; left: -225px; min-height:120px; height:auto !important; height: 120px; }
	.top-nav ul li.flyout5 ul li.left { width: 200px; }
	.top-nav ul li.flyout5 ul li.right { width: 165px; }

.top-nav ul li.flyout6 ul { width: 454px; background: url(/_layouts/NSUImages/bg-flyout-6.png) bottom left no-repeat; padding: 20px 10px 30px 10px; top: 54px; left: -349px; min-height:66px; height:auto !important; height: 66px; }
	.top-nav ul li.flyout6 ul li.left { width: 190px; }
	.top-nav ul li.flyout6 ul li.right { width: 210px; }