/* CSS navs - Vertical CSS nav with Popout and Dropdown navs - 20050131 */

/* Begin CSS Popout nav */

#nav a{
	color: #B6E1EB; 
	font-size: 11px; 
	font-weight: normal; 
	padding: 3px;
	letter-spacing: 1px;
	display: block;
	margin-top: -3px;
	text-decoration: none;
}

#nav a:hover{
	color: #FFF; 
	cursor: pointer;
}

#nav a:active{
color:#FFF;
}

div#nav ul{
list-style:none;
padding:0;
width: 120px;
z-index: 20;
}

div#nav ul li {
	height: 20px; 
	text-align: left; 
	padding-top: 5px; 
	padding-left: 10px;
	border-bottom: 1px dotted #8AB3B8; 
	background: #6A777D url(../images/navLink_grad.png) repeat-y;
	z-index: 20;
}

div#nav ul li:hover {
	background: #5A9AA0 url(../images/navLink_grad.png) repeat-y; 
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#nav li, div#nav li:hover{
position:relative;
}

div#nav li ul{
	position:absolute;
	left: 121px;
	top: -1px;
	z-index: 20;
	width: 155px;
	font-size: 10px;
	display:none;
	text-align: left;
	background: #333;;
	border-right: 1px dotted #666;
	border-top: 1px dotted #666;
	cursor: pointer;
}

div#nav li ul a{
	color: #D8F8FF;
	padding-bottom: 5px;
}

div#nav ul ul,
div#nav ul ul ul,
div#nav ul li:hover ul ul,
div#nav ul li:hover ul ul ul
{display:none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display:block;}