
	body {
		behavior:url("includes/hovercss3.htc");
	}

	/* the menu */
	.menu {
		background:transparent url("menu_background.jpg") top repeat-x;
		padding:12px 0px 11px 0px;
		text-align:center;
	}
	.menu ul, .menu li, .menu a {
		display:inline;
		margin:0;
		padding:0;
		border:0;
	}
	
	.menu ul.submenu li { display: block; }

	.menu ul {
		position:relative;
		list-style:none;
	}

	.menu li {
		position:relative;
		margin-left:0px;
		z-index:9;
		font: 15px Arial, Helvetica, sans-serif;
	}
		.menu li.folder ul {
			position:absolute;
			left:2px;
			top:50px; /* IE 6 */
			background: rgb(245,245,245);
			width:200px;
			text-align:left;
		}
		/* other than IE */
		.menu li.folder>ul { top:27px; }
		/* hack for IE7 */
		*:first-child+html .menu li.folder>ul { top:50px; }
		
		.menu li.folder ul li { border-top:1px solid rgb(255,255,255); border-bottom:1px solid rgb(225,225,225); }

	.menu a {
		padding:12px 5px 11px;
		text-decoration:none;
		color:black;
		width:100%; /* IE */
	}
	
	.menu span { color: black; }
		.menu li>a { width:auto; } /* others */

	/* regular hovers */
	.menu span:hover { color: rgb(3,83,180); }
	
	.menu a:hover {
		border-top:2px solid rgb(53,133,255);
		color:rgb(3,83,180);
		padding-top:10px;
	}
		.menu li.folder ul a:hover {
			border-top: none;
			border-left: 2px solid rgb(53,133,255);
			padding:2px 3px 1px;
			margin:2px 0px;
		}
	
	/* hovers with specificity */
	
	.menu li.folder:hover { z-index:10; }		
		
	.menu ul ul, .menu li:hover ul ul {
		display:none;
	}

	.menu li:hover ul, .menu li:hover li:hover ul {
		display:block;
	}	