/*////////////////////////////////////////////////////
//			
//                MENU STYLES	
//				
// SITE: ICS	
// AUTHOR: MARC JONES, ICEBOMB	
// VERSION: 1.0		
// CREATED: 01 MAY 09	
// LAST UPDATED: 22 APR 11
//	
////////////////////////////////////////////////////*/


/* MENU :: TOP (HORZ) MENU - USING BG IMAGES */
#topMenu {
	width: 900px;
	overflow: hidden;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(img/masthead_bg.jpg);
}
#topMenu li { /* all list items */
	float: left;
	margin: 0;
	padding: 0;
	/*width: 10em; /* width needed or else Opera goes nuts */
}
/*#topMenu li a {height: 40px;display: block;overflow: hidden;text-indent: -999px;background: #D51800 url(img/topmenu_a.png) no-repeat 0 0;}*/
#topMenu li a {height: 40px;display: block;overflow: hidden;text-indent: -999px;background: transparent url(img/topmenu_a-v2.png) no-repeat 0 0;}
#topMenu li #home {
	background-position: 0 0;
	width: 75px;
}
#topMenu li #home:hover,
#topMenu li #home.active {
	background-position: 0 -40px;
}	
#topMenu li #membership {
	width: 114px;
	background-position: -75px 0;
}
#topMenu li #membership:hover,
#topMenu li #membership.active {
	background-position: -75px -40px;
}
#topMenu li #register {
	width: 164px;
	background-position: -189px 0;
}
#topMenu li #register:hover,
#topMenu li #register.active {
	background-position: -189px -40px;
}
#topMenu li #about {
	width: 96px;
	background-position: -353px 0;
}
#topMenu li #about:hover,
#topMenu li #about.active {
	background-position: -353px -40px;
}
#topMenu li #downloads {
	width: 151px;
	background-position: -449px 0;
}
#topMenu li #downloads:hover,
#topMenu li #downloads.active {
	background-position: -449px -40px;
}
#topMenu li #news {
	width: 71px;
	background-position: -600px 0;
}
#topMenu li #news:hover,
#topMenu li #news.active {
	background-position: -600px -40px;
}
#topMenu li #faqs {
	width: 69px;
	background-position: -777px 0;
}
#topMenu li #faqs:hover,
#topMenu li #faqs.active {
	background-position: -777px -40px;
}
/* #topMenu li #events {
	width: 75px;
	background-position: -846px 0;
}
#topMenu li #events:hover,
#topMenu li #events.active {
	background-position: -846px -40px;
}*/
#topMenu li #contact {
	width: 85px;
	background-position: -671px 0;
}
#topMenu li #contact:hover,
#topMenu li #contact.active {
	background-position: -671px -40px;
}
#topMenu li #links {
	width: 70px;
	background-position: -921px 0;
}
#topMenu li #links:hover,
#topMenu li #links.active {
	background-position: -921px -40px;
}
#topMenu li #events {
	width: 145px;
	background-position: -991px 0;
}
#topMenu li #events:hover,
#topMenu li #events.active {
	background-position: -991px -40px;
}
/* DROP-DOWN MENUS */
#topMenu li ul { /* second-level lists */
	position: absolute;
	/*width: 10em;*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #ae1400;
	list-style: none;
	margin: 0;
	padding: 0;
}
#topMenu li:hover ul, #topMenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#topMenu li li {font-size: 1.2em;float: none;width: 270px;text-align: left;	border-bottom: 1px #D51800 solid;}
#topMenu li li a {line-height: 20px;overflow: hidden;text-indent: 0;padding: 10px;color: #fff;display: block;text-decoration: none;background-image: none;background-color: #ae1400;}
#topMenu li li a.single {height: 20px;}
#topMenu li li a.double {height: 40px;}
#topMenu li li a:hover {text-decoration: underline;}