/*	--- SUB Navigation --- */

.left_subnav {
	list-style: none;
	text-align:left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;

}
.left_subnav li {
	padding: 0px;
	float: none;
	height: 1%;
	border-bottom: 1px solid #989695;
}

.left_subnav li li{
	float: none;
	margin: 0px;
	list-style: none;
	border-bottom: 1px solid #fff;
	padding: 0px;
}
.left_subnav li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	padding: 9px 5px;
	height: 1%;

}
.left_subnav li a.selected{
	color: #731e14;
	font-size: 13px;
	font-weight: bold;
}
.left_subnav li a:hover{
	color: #000;	
	background-color: #ebebeb;
}


.left_subnav li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	list-style: none;
	z-index: 10; /* Safari fix */
	border: 1px solid #fff;
}

.left_subnav li li a{
	color: #676464;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 10px;
	text-align:left;
	height: 1%;
}
.left_subnav li li a:hover {
	color: #000;
	background-color: #ebebeb;
}

.left_subnav li ul {  /* copy of above declaration without the > selector */
	display: none;  
	position: absolute; 
	background-color: #fff;
	list-style: none;
	padding: 0;
	z-index: 10; /* Safari fix */
	margin-left: 130px;
	margin-top: 8px;
	width: 200px;
	border: 1px solid #9a9999;
	border-bottom: 0px solid;
}
.left_subnav li ul li ul{
	margin-left: 170px;
	margin-top: 10px;
}
.left_subnav li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
.left_subnav li ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
* html .left_subnav li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
	behavior:url(cssdropdown.htc );
}

.arrow {
	background: url(/Images/arrow.gif) no-repeat right -1px;
}
.arrow .arrow {
	background: url(/Images/arrow.gif) no-repeat right -6px;
}
/*	--- End sub Navigation --- */