/* 
	Filename: 	topMenu.css 
	Date: 		12 Sep 09	

	basic tbar background 
*/
#menu {
	width: 100%;
	background: #656565; 
	}
	
/* 	overall positional style for list */
#menu ul {
	list-style: none;
	margin: 0;			/* check default - this is req'd??? */		
	padding: 0;
	width: 110px;		/* set width for list items */
	float:left;	
	}
	
/* 	display style for <h2> list items */
#menu p {
	font-size: 0.85em;
	font-weight:bold;
	display: block;
	margin:0;
	padding: 10px 0px 10px 10px;
	color:white;
	background:#656565;	
	}
	
#menu .topMenu {
	font-size: 0.85em;
	font-weight:bold;
	display: block;
	margin:0;
	padding: 10px 0px 10px 10px;
	color:white;
	background:#656565;	
	}

/* 	display style for <a> sub-list items */
/* 	note this style invoke when submenus display linke to hover */
#menu a {
	font-size: 0.85em;
	display: block;
	margin:0;
	padding: 2px 0px 2px 15px;
	color:white;
	background:#656565;		/* light gray for now*/
	text-decoration: none;
	}

/* 	display style when moused over */
#menu a:hover {
	color:yellow;			/* red text colour */
	font-weight:bold;
	background:#F06B00;		/* on gray background */
	}

/* 	positional style for top level items */
#menu li {
	position: relative;}

/* 	positional style for 2nd level items */
#menu ul ul {
	position: absolute;
	z-index: 500;
	}

/* 	positional style for 3rd level list items */
#menu ul ul ul {
	position: absolute;
	top:0;
	left: 100%;
	}

/* hides all sub-menus */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
	{display: none;}

/* displays all sub-menus */
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
	{display: block;}