/* ================================================================ 
This is the file to handle the Question Navigation Menu
=================================================================== */

.questnav {
	z-index:1000;
	height:190px;	/*controls the blank space between blue menu and writing */
}

/* remove all the bullets, borders and padding from the default list styling */
.questnav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:150px;
	height:182px;
	position:relative;
	border:1px solid #fff;
}

.questnav li {
	background:#DBEBFB;
	height:26px;
}
* html .questnav li {
	margin-left:-16px; 
	margin-lef\t:0;
}

/* get rid of the table */
.questnav table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em; 
	width:0; 
	height:0;
}

/* style the links */
.questnav a, .questnav a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:150px;
	color:#000;
	text-indent:5px;
	border-bottom:1px solid #fff;
	background:#DBEBFB;
}
/* style the link hover */
* html .questnav a:hover {
	color:#fff; 
	background:#0091D4;
}

.questnav :hover > a {
	color:#fff; 
	background:#999;
}

/* hide the sub levels and give them a positon absolute so that they dont take up any room */
.questnav ul ul {
	visibility:hidden;
	position:absolute;
	top:25px;		/* make the top if the new menu appear one item down */
					/* done so that R4 menu doesnt look so lost! */
	left:150px;
}
/* make the subsequent levels visible when you hover on the previous level list or link */
/* second level */
.questnav ul li:hover ul,
.questnav ul a:hover ul {
	visibility:visible;
	height:235px;
	z-index:1000; 	
}
/* third level */
.questnav ul :hover ul ul{
	visibility:hidden;
}
/* fourth level */
.questnav ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level */
.questnav ul :hover ul :hover ul{ 
	visibility:visible;
	height:235px;
	z-index:1000; 	
}
/* make the fourth level visible when you hover over third level */
.questnav ul :hover ul :hover ul :hover ul { 
	visibility:visible;
	height:235px;
	z-index:1000; 	
}
/* to make it work nicely for ie7, this is in the other css file */
/*.questnav li {float:left;}*/