.treemenu {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   color: #ffffff;
   width: 100%;
   z-index: 2000;
}

.treemenu ul{
   position: relative;
   padding: 0px 0px 0px 0px;
   margin: 0 auto 0 auto;
   background: transparent;
   height: 39px;
   list-style: none;
   float: right;
   z-index: 2000;
}


/*Top level list items*/
.treemenu ul li{
   position: relative;
   display: inline;
   float: left;
   z-index: 2000;
}


/* IE 6 fix */
* html .treemenu ul li  {
   height: 1%;
}

/*Top level menu link items style*/
.treemenu ul li a {
   font-family: arial, helvetica, sans-serif;
   width: auto;
   display: block;
   color: #9e9e9e;
   text-decoration: none;
   padding:0px 0px 0px 17px;
   border:0;
   height: 39px;
   line-height: 36px;
   text-align: left;
   cursor: pointer;	
   background: url(../images/black_tab.gif) no-repeat; /*left tab image path*/
}

/* IE6 fix */
* html .treemenu ul li a:link,* html .treemenu ul li  a:active,* html .treemenu ul li  a:visited {
   float: left;
   font-family: arial, helvetica, sans-serif;
   color: #9e9e9e;
   padding:0px 0px 0px 17px;
   text-align: left;
   cursor: pointer;	
   border: 0;
}

/* IE6 fix */
* html .treemenu ul li.current a:link, * html .treemenu ul li.current a:active, 
* html .treemenu ul li.current a:visited, * html .treemenu ul li.current a:hover,
* html .treemenu ul li  a:hover {
   float: left;
   font-family: arial, helvetica, sans-serif;
   color: #ffffff;
   padding:0px 0px 0px 17px;
   text-align: left;
   cursor: pointer;	
   border: 0;
}

.treemenu ul li a span {
   display: block;
   padding:0px 17px 0px 0px;
   background: url(../images/black_tab_right.gif) no-repeat right top; /*right tab image path*/
}

.treemenu ul li ul li.current a span {
   background: #67BCDC; 
}


.treemenu ul li.current a div, .treemenu ul li a:hover{
   z-index: 3000;
   font-style: normal;
   background: url(../images/blue_tab_arrow.gif) no-repeat center bottom; 
}

.treemenu ul li.current a, .treemenu ul li a:hover{
   width: auto;
   display: block;
   color: #ffffff;
   text-decoration: none;
   padding:0px 0px 0px 17px;
   height: 39px;
   line-height: 36px;
   text-align: left;
   cursor: pointer;	
   background: url(../images/blue_tab.gif) no-repeat; 
}


.treemenu ul li.current a span, .treemenu li a:hover span{
   float: left;
   display: block;
   padding:0px 17px 0px 0px;
   background: url(../images/blue_tab_right.gif) no-repeat right top; 
}



	
/*1st sub level menu*/
.treemenu ul li ul{
   left: 0;
   position: absolute;
   top: 1em; /* no need to change, as true value set by script */
   display: block;
   list-style:none;
   visibility: hidden;
   z-index: 2000;
   margin: 0;
   padding: 0;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.treemenu ul li ul li, #ulliulli {
   display: list-item;
   float: left;
   clear: left;
   background: transparent;
   z-index: 2000;
   margin: 0;
   padding: 0;
}


/* IE 6 fix */
* html .treemenu ul li ul li {
   height: 1%;
   margin: 0;
   padding: 0;
   float: left;
   clear: left;
   z-index: 2000;
   left: 0px;
   line-height: 20px;
   font-size: 12px;
}


/*All subsequent sub menu levels offset after 1st level sub menu */
.treemenu ul li ul li ul{ 
   left: 159px; /* no need to change, as true value set by script */
   top: 0;
   z-index: 2000;
   margin: 0;
   padding: 0;
}

/* Sub level menu links style */
.treemenu ul li ul li a, #ulliullia, .treemenu ul li.current ul li a{
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   display: block;
   width: 140px; /*width of sub menu levels*/
   color: #ffffff;
   text-decoration: none;
   padding: 9px 5px 9px 16px;;
   line-height: 13px;
   height: auto;
   background: #67bcdc; /*sub levels background color*/
   opacity:.93;filter: alpha(opacity=93); -moz-opacity: 0.93;
   border: 0px;
   margin: 0px;
}

.treemenu ul li ul li a:hover, #ulliullia:hover {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   display: block;
   width: 140px; /*width of sub menu levels*/  
   color: #ffffff;
   text-decoration: none;
   padding: 9px 5px 9px 16px;;
   line-height: 13px;
   height: auto;
   text-align: left;
   cursor: pointer;	
   background: #424242;
   opacity:.93;filter: alpha(opacity=93); -moz-opacity: 0.93;
   border: 0px;
   margin: 0px;
}


 /* IE 6 fix */
* html .treemenu ul li ul li a:link {
   font-family: arial, helvetica, sans-serif;
   height: 31px;
   line-height: 31px;
   border: 0;
   color: #ffffff;
   font-size: 12px;
}   
* html .treemenu ul li ul li a:visited {
   font-family: arial, helvetica, sans-serif;
   height: 31px;
   line-height: 31px;
   border: 0;
   color: #ffffff;
   font-size: 12px;
}   
* html .treemenu ul li ul li a:active {
   font-family: arial, helvetica, sans-serif;
   height: 31px;
   line-height: 31px;
   border: 0;
   color: #ffffff;
   font-size: 12px;
}   


* html .treemenu ul li ul li a:hover {
   font-family: arial, helvetica, sans-serif;
   height: 31px;
   line-height: 31px;
   border: 0;
   color: #ffffff;
   text-decoration: #ffffff;
   font-size: 12px;
}