/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  British Motoring Club
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
	width: 620px; 
	float: left;
	position: relative;
	left: 231px; top: 20px; z-index: 600000!important;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0 1px 0 0;
}

#p7PMnav li li { 
border-bottom: 1px solid #cccccc; padding-right: 0; }

#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right:1px solid #cccccc;
	position: absolute;
	left: -9000px;
	z-index: 600000!important;
	}
#p7PMnav a {
	display: block;
	text-decoration: none;
	color: #666666;
	line-height:1;
}
#p7PMnav ul li a:hover, #p7PMnav ul li a:active, #p7PMnav ul li a:focus {
	background-color: #0E0059;
	color: #ffffff;
	letter-spacing: .01px;
}

#p7PMnav ul li a {padding: 4px 10px; }

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
/*	font-weight: bold;
*/}
/* ------ the trigger link styles ------- */

/*the trigger link */

#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
/*	background-image:  url(../img/nav/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
*/}

/*#p7PMnav li li a:hover { background-position: right center !important; }
*/

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus,
#p7PMnav .p7PMon, #p7PMnav .p7PMmark {
	background-position: left bottom; 
}
/* the active trigger link style */
#p7PMnav .p7PMon {
/*	background-color: transparent;
	color: #333333
*/}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 200000!important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: auto;
	background-image: none;
}
#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 188px;
}

#p7PMnav a:hover {
	background-position: right bottom;
}


#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 { height: 18px !important; width: 100px; text-indent: -5000px; }

#nav1 { background: url(../img/nav/nav-about.png) repeat-y; }
#nav2 { background: url(../img/nav/nav-gallery.png) repeat-y; }
#nav3 { background: url(../img/nav/nav-events.png) repeat-y; }
#nav4 { background: url(../img/nav/nav-newsstand.png) repeat-y; }
#nav5 { background: url(../img/nav/nav-join.png) repeat-y; }
#nav6 { background: url(../img/nav/nav-sponsors.png) repeat-y; }