/* this makes the qMenu pretty like a pony */

/* whole menu */
ul.qMenu{
	/*border:1px black solid;*/
	border:0;
	/*font-size: 12px;*/
}

/* all menu items */
ul.qMenu li a:link,
ul.qMenu li a:visited{
	font-family: Verdana, Helvetica, sans-serif;
	border:#fff solid;
	border-width: 0 1px 0 0;
	padding:0 10px;
	display: block;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:24px;
}

/* normal background for all menu items - handled separately on purpose ok */
ul.qMenu li,
ul.qMenu li.currentNode ul li a:link,
ul.qMenu li.currentNode ul li a:visited,
ul.qMenu li.ancestorNode ul li a:link,
ul.qMenu li.ancestorNode ul li a:visited{
	color:#fff;
}

/* height of first-level menu items */
ul.qMenu li,
ul.noScript.qMenu li.currentNode,
ul.noScript.qMenu li.ancestorNode,
ul.qMenu li a:link,
ul.qMenu li a:visited,
ul.qMenu li a:hover{
	height: 24px;
}

/* height of second-level menu items */
ul.qMenu.noScript li:hover ul,
ul.qMenu li.over ul,
ul.qMenu.noScript li.currentNode ul,
ul.qMenu.noScript li.ancestorNode ul,
ul.qMenu li ul li,
ul.qMenu li ul li a:link,
ul.qMenu li ul li a:visited,
ul.qMenu li ul li a:hover{
	height: 24px;
}

/* width for entire second level */
ul.qMenu li.currentNode ul,
ul.qMenu li.ancestorNode ul,
ul.qMenu.noScript li:hover ul,
ul.qMenu li.over ul{
	width: 550px;
}

/* current page */
ul.qMenu li.currentNode a:link,
ul.qMenu li.currentNode a:visited,
ul.qMenu li.ancestorNode ul li.currentNode a:link,
ul.qMenu li.ancestorNode ul li.currentNode a:visited{
	background-color: #ccc;
	color:#000;
}

/* first-level ancestor background - disabled but it's here if you want it ok 
ul.qMenu li.ancestorNode{
	background-color: black;
}
*/

/* active first-level background */
ul.qMenu.noScript li:hover,
ul.qMenu li.over{
	background-color: #ccc;
}

/* normal background for all menu items - handled separately on purpose ok */


/* second-level background */
ul.qMenu li.ancestorNode ul,
ul.qMenu li.currentNode ul,
ul.qMenu.noScript li:hover ul,
ul.qMenu li.over ul{
}



ul.qMenu li a:hover,
ul.qMenu li.ancestorNode ul li a:link,
ul.qMenu li.ancestorNode ul li a:visited,
ul.qMenu li.currentNode ul li a:link,
ul.qMenu li.currentNode ul li a:visited,
ul.qMenu.noScript li:hover ul li,
ul.qMenu li.over ul li a:link,
ul.qMenu li.over ul li a:visited,
ul.qMenu li.over  a:link,
ul.qMenu li.over a:visited {color:#000;background:#ccc;}




ul.qMenu li.ancestorNode ul li,
ul.qMenu li.currentNode ul li,
ul.qMenu.noScript li:hover ul li,
ul.qMenu li.over ul li{
	background-color: #ccc;
}


/* second-level hover */
ul.qMenu.noScript li ul li a:hover,
ul.qMenu.noScript li.ancestorNode ul li a:hover,
ul.qMenu.noScript li.currentNode ul li a:hover,
ul.qMenu li ul li a:hover,
ul.qMenu li.ancestorNode ul li a:hover,
ul.qMenu li.currentNode ul li a:hover{
	text-decoration:underline;
}



ul.qMenu li { position:relative;}
ul.qMenu li.over ul{ position:absolute; left:-5px;}
