/* CSS Document */

.atreemenu ul{margin: 0; padding:0; list-style-type: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#006699; background: none; z-index:105; }

/*Top level list items*/
.atreemenu ul li{position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.atreemenu ul li a{display: block; width: 108px; /*Width of top level menu link items*/ padding: 1px 0px 0px 1px; border: 1px solid black; border-left-width: 0; text-decoration: none; color: navy; }
	
/*1st sub level menu*/
.atreemenu ul li ul{left: 0; position: absolute; top: 1em; /* no need to change, as true value set by script */ display: block; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.atreemenu ul li ul li{ display: list-item; float: none;}

/*All subsequent sub menu levels offset after 1st level sub menu */
.atreemenu ul li ul li ul{  top: 0; }

/* Sub level menu links style */
.atreemenu ul li ul li a{ display: block; width: 130px; /*width of sub menu levels*/ color: navy; text-decoration: none; padding: 1px 5px; border: 1px solid #ccc;  background-color:#FFFFFF}

.atreemenu ul li a:hover{ background-color: #CCC; color: #000099; }

* html p#iepara{ /*For a paragraph (if any) that immediately follows atree menu, add 1em top spacing between the two in IE*/ padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .atreemenu ul li { float: left; height: 1%; }
* html .atreemenu ul li a { height: 1%; }
/* End */