/* HORIZONTAL */

#hnav
{
	position : absolute;
	top : 1px;
	left : 10px;
	font-size : 12px;
	font-weight : normal;
	z-index : 10;
/*	color : #F00;*/
}

#hnav ul {
	list-style: none;
	margin : 0;
	padding : 0;
}
#hnav ul li
{
	position: relative;
	/*margin-right : 20px;*/
	padding: 0;
	float: left;
/*	display : inline;*/
	height : 28px;
	text-align : center;
/*	background : url(../../images/site/nav_bg.gif) repeat-x;*/
/*	list-style : outside url(../../images/site/nav_left.gif);*/
	list-style-image : url(../../images/site/nav_left.gif) ;
	list-style-position : inside;
}

#hnav ul li a {
	color: #00C;
	position : relative;
	text-decoration: none;
	font-weight : bold;
	line-height : 28px;
	height : 28px;
	padding-left : 10px;
	padding-right : 10px;
	float : left;
	display : inline;

	z-index : 10;
}
#hnav ul li a:hover 
{
	color: #FFF;
	background-color : #66CC00;
}


#hnav a.active_parent 
{
	background-color : #DD0;
}
#hnav a.activeParent:hover
{
	/*color : #FFF;*/
}

#hnav a.active_child
 {
	background-color : #A7D9FA;
	color : #333;
}
#hnav a.activeChild:hover
{
	background-color : #87CEFA;
	color : #333;
}

#hnav ul li a.popInd
{
	background-image : url(../../images/site/bullet_arrow_down_CCC.gif);
	background-position : 97% 90%;
	background-repeat : no-repeat;
} 

#hnav ul ul li a.popInd
{
	background-image : url(../../images/site/bullet_arrow_right_dkBlue.gif);
	background-position : 98% 50%;
	background-repeat : no-repeat;
} 

#hnav ul ul li a.popInd:hover
{
	background-image : url(../../images/site/bullet_arrow_right_CCC.gif);
	background-position : 98% 50%;
	background-repeat : no-repeat;
} 

#hnav ul ul {
position: absolute;
top: 100%;
left: 0%;
width : 12em;
border-style : solid ;
border-color : #00C;
border-width : 0 1px 1px 1px;
background-color : #EBFFEA;
text-align : left;
z-index: 500;
}

#hnav ul ul li
{
	position: relative;
	border : none;
	margin : 0 ;
	padding: 0;
	width: 100%;
/*	float: left;*/
	text-align : left;
	border-top : 1px solid #00C;
	height : 20px;
}

#hnav ul ul li a
{
	display: block;
	position : relative;
	line-height : 20px;
	height : 20px;
	font-weight : normal;
	border : none;
	color : #00D;
	margin : 0;
	float : none; /* important to allow block display of links */
	padding-left : 5px;
}

#hnav ul ul li a:hover
{
	background-color : #00D;
	color : #FFF;
}

#hnav ul ul ul {
top: 95%;
left: 30%;
}

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

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