/* CSS Document */

/*menu H*/

#navmenu-h
{
	clear:both;
	padding: 0;
	margin-top: 5px;	
	float: right;	
}

	#navmenu-h li 
	{
		/*display:inline;*/
		position:relative;
		width:90px;
		float:left;
	}
	
	#navmenu-h li a
	{
		padding: 2px;
		margin:0;
		color: #999;	
		text-decoration: none;
		float: left;
		border-right: 1px solid #ECECEC;
		border-left: 1px solid #FFF;
		height:80px;
		width:86px;		
		text-align:center;		
	}
	
		#navmenu-h li a img
		{
			padding:0;		
			padding-top:8px;		
		}
		
		#navmenu-h li a span
		{
			margin-top:-2px;	
			display:block;	
		}	

	#navmenu-h li:hover img, #navmenu-h li.iehover img
	{
		padding-top:9px;
	}
	
	#navmenu-h li:hover a, #navmenu-h li.iehover a
	{
		color:#E7462A;		
	}
	
	#navmenu-h li:hover, #navmenu-h li.iehover
	{
		background:#FFF url(../images/interface/icons/bg.gif) no-repeat right;
		
	}
	
#navmenu-h li ul
{
  display: none;
  position: absolute;
  clear:both;
  top: 84px;
  left:0px;  
  background:#FEFEFE;
	border:1px solid #CCC;
	border-top:1px solid #FFF;
	width:180px;
	/*border-top:0;*/
	z-index:999;
}

#navmenu-h li ul li ul
{
  top: 0%; left: 100%;
  border-top: 1px solid #CCC; 
}

/*From IE 7 lack of compliance*/
/*
#navmenu-h li ul:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}*/

#navmenu-h li ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  width:180px;
  display:block;
  
}

#navmenu-h li ul li a
{
	display:block;
	height:auto;
	width:auto;
	float:none;
	padding:8px;  
	text-align:left;
}

/* 2nd Menu Hover Persistence */
#navmenu-h li ul li:hover a:hover,
#navmenu-h li ul li:hover a,
#navmenu-h li ul li.iehover a:hover,
#navmenu-h li ul li.iehover a,
#navmenu-h li ul li.active a {
  /*background: #e7492d;*/
   background: #F4F4F4;
  color: #DD1212;
 
}

#navmenu-h li ul li:hover ul li a,
#navmenu-h li ul li.iehover ul li a
{
   background: #FEFEFE; 
}
	

/* Do Not Move - Must Come Before display:block for Gecko */
#navmenu-h li:hover ul,
#navmenu-h li:hover ul ul,
#navmenu-h li.iehover ul,
#navmenu-h li.iehover ul ul
{
  display: none;
}

#navmenu-h li:hover ul,
#navmenu-h ul li li:hover ul,
#navmenu-h li.iehover ul,
#navmenu-h ul li li.iehover ul
{
  display: block;
}


/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #F4F4F4;
}

ul#navmenu-h ul li.iehover ul{ display: block; }



/*menu sidebar*/
#navmenu
{	
	width:183px;
	padding-top:6px;
	background:#ECEA52 url(../images/interface/block_menu_bottom.gif) no-repeat bottom;
	margin-left:2px;
	padding-bottom:12px;
}


	#navmenu li
	{
		/*margin-top:1px;*/
		border-top:1px solid #f0ef81;
		border-bottom:1px solid #d5d333;
		width:181px;
		background:url(../images/interface/dtbox.gif) repeat-x;
		border-left: 1px solid #dfdfab;
	border-right: 1px solid #dfdfab;
	}

	#navmenu li.active{		
		
		width:181px;
		background:url(../images/interface/dtbox-act.gif) repeat-x;	
		border-top:1px solid #FFF;
		border-bottom:0;
		border-right:1px solid #CCC;
	
		
	}
	
	#navmenu li.active li{margin:0;}
	
		#navmenu li a{
			display:block;
			height:33px;
		 	background:url(../images/interface/dtplus.gif) no-repeat left;
			background-position:4px;
			padding:6px 0 0 24px;
			line-height:1.2em;
			outline:none;			
		}
		
		#navmenu li a:hover,#navmenu li a:link,#navmenu li a:visited,#navmenu li a:active {			
			text-decoration:none;
			color:#333;
			/*font-size:11px;*/
			
		}
		
		#navmenu li.active a{
			background:url(../images/interface/dtmoins.gif) no-repeat left;
			background-position:4px;
			border-bottom:1px solid #BBB;
			color:#444;
		}
		
		

/* Root = Vertical, Secondary = Vertical */

#navmenu li ul,
#navmenu li ul li,
#navmenu li ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 181px; /*For KHTML*/
  list-style: none;
   
}

#navmenu li ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

#navmenu li ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
#navmenu li ul a,
#navmenu li.active ul a {
  padding: 5px 4px 5px 20px;
  display: block;
  color:#555;
 /* background:#BABABA url(../images/interface/dtbox-act2.gif) repeat-x;*/
/*background:url(../images/interface/dtbox-act.gif) repeat-x bottom;*/
background:#F1F1F1;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	border-bottom:1px solid #E6E6E6 !important; 
	border-top:0 !important; 
	
}

#navmenu li.active ul li.active
{
	border-top:0 !important; 
}

/* Root Menu Hover Persistence */
#navmenu li ul a:hover,
#navmenu li ul li:hover a,
#navmenu li ul li.iehover a,
#navmenu li ul li.active a {
 /* background: #e7492d url(../images/interface/ddpuce-act.gif) no-repeat left;*/
 /*background: #e7492d;*/
 border-top:0; 
 border-bottom : 1px solid #CCC;
 color: #DD1212;
 
}

/* 2nd Menu */
#navmenu li ul li:hover li a,
#navmenu li ul li.iehover li a {
  
  background:#BABABA url(../images/interface/dtbox-act2.gif) repeat-x;
   border-top : 1px solid #DDD;
  border-bottom : 1px solid #B1B1B1;
   color: #666;
   padding : 4px;
 
   /*border-top:1px solid #DDD;*/
}

/* 2nd Menu Hover Persistence */
#navmenu li ul li:hover li a:hover,
#navmenu li ul li:hover li:hover a,
#navmenu li ul li.iehover li a:hover,
#navmenu li ul li.iehover li.iehover a,
#navmenu li ul li.active li.active a {
  /*background: #e7492d;*/
   background: #E6E6E6;
  color: #DD1212;
 
}

/* 3rd Menu */
#navmenu li ul li:hover li:hover li a,
#navmenu li ul li.iehover li.iehover li a {
  background: #C6C7C9;
  color: #fff;
}

/* 3rd Menu Hover Persistence */
#navmenu li ul li:hover li:hover li a:hover,
#navmenu li ul li:hover li:hover li:hover a,
#navmenu li ul li.iehover li.iehover li a:hover,
#navmenu li ul li.iehover li.iehover li.iehover a,
#navmenu li ul li.active li.active li.active a {
  background: #e7492d;
  color: #fff;
}

#navmenu li ul ul,
#navmenu li ul ul ul,
#navmenu li ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 181px;
  padding-left:1px;
  padding-left:0px\9; /* hack IE */
}

/* Do Not Move - Must Come Before display:block for Gecko */
#navmenu li ul li:hover ul ul,
#navmenu li ul li:hover ul ul ul,
#navmenu li ul li.iehover ul ul,
#navmenu li ul li.iehover ul ul ul {
  display: none;
}

#navmenu li ul li:hover ul,
#navmenu li ul ul li:hover ul,
#navmenu li ul ul ul li:hover ul,
#navmenu li ul li.iehover ul,
#navmenu li ul ul li.iehover ul,
#navmenu li ul ul ul li.iehover ul {
  display: block;
}