/* common styling */

.menu {
	position:absolute; 
	top:70px; 				/* top-level menu - top position */
	font-family: Arial, sans-serif; 
	font-size:8.5pt;		/* menu font size */
	font-weight: bold;		/* menu font weight */
	width: 95.6%;
	min-width: 940px;
	left: 2%;
	right: 2%;
	height: 22px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image: url(http://www.brooklands100.org/_images/glbnav_background.gif);
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

.menu ul li {
	float:left;
	position:relative;
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 	/* displays border around top-level cells */
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000; 
	width:125px; 			/* top-level menu - cell width */
	height:20px; 			/* top-level menu - background height */
	line-height:1.6em;		/* top-level menu - text line height */
	color:#000;  			/* top-level menu - font colour */
	padding-left:10px; 
	padding-top:1px;
}

.menu ul li ul {
	display: none;
}

table {
	margin:-1px; 
	border-collapse:collapse;
	font-size:8.5pt;
}


/* specific to non IE browsers */


.menu ul li:hover a {
	color:#fff; 
	background:#ce9e6f;
}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:19px;					/* top position of 2nd level item (should be level with bottom of top-level block) */
	margin-top:0px;
	left:0; 
	width:110px;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display:block; 
	background:#dbe4ab; 		/* background colour for drop-down menu items */
	color:#000; 
	height:auto; 
	line-height:1.6em; 
	padding:2px 5px 2px 5px;	/* padding around 2nd & 3rd level menu text - top,right,bottom,left */
	width:150px;				/* width of 2nd & 3rd level menu items */
}

.menu ul li:hover ul li a.drop {
	background:#dbe4ab url(http://www.brooklands100.org/_images/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover {
	background:#c9c9a7;
	color:#000;
}

.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:160px; 			/* left position of 3rd level menu item */
	top:-1px;				/* top position of 3rd level menu item */
}

.menu ul li:hover ul li:hover ul.left {
	left:-191px;
}



/* Left Menu styles */

div.leftmenu {
	position: absolute;
	left: 5px;
	width: 180px;
	top: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #dfc184;
	border: 0;
}

/* hyperlink styles */

a.leftmenu, a.leftmenu:link, a.leftmenu:visited  { 
	display:block;
	padding: 2px 5px 2px 5px;
	text-decoration:none; 
	color:#000;
}

a.leftmenu:hover {
	display:block;
	font-weight:bold;
	background:#ce9e6f;
}

/* list styles */

ul.leftmenu  { 
	font-family: Arial, sans-serif; 
	font-size:9pt; 
	font-weight:normal; 
	text-align: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.leftmenu li.leftmenutitle  {
	list-style: none;
	font-weight: bold;
	background: #fff;
	padding: 2px 5px 2px 5px;
}

ul.leftmenu li.leftmenu  {
	list-style: none;
	border: 1px solid #fff;
	border-width: 0 0 1px 0;
}