.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

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

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 100px; /*Width of top level menu link items*/
padding: 4px 4px;
border: 1px ridge transparent;
text-decoration: none;
color: #FFFFFF;
font: bold italic 12px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul {
left:20;
border: 1px ridge #FFFFFF;  
 position: absolute;
display: block;
visibility: hidden;
z-index: 100;
text-align: center;
}


/*Pop out sub menu to right*/
.horizontalcssmenu ul li ul li ul{
 position:absolute;     /* moves pop out menu to right */
	left:100px;      /* IE */     
        z-index:100;
        text-align: center;	    
    }			

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none; 
border: 1px ridge #FFFFFF; 
position:absolute;     /* moves drop down */
        z-index:100;
        text-align: center;	    
   }



/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 200px; /*width of sub menu levels*/
padding: 2px 5px;
background: url(images/colorstrip.gif) center repeat;
border: 1px ridge #7A7A7A; 
color: #FFFFFF;
font: bold italic 11px Tahoma;
text-align: center;
}

.horizontalcssmenu ul li a:hover{
background: url(images/colorstrip.gif) center repeat;
}

.horizontalcssmenu ul li ul li a:hover{
background: url(images/colorstrip.gif) center repeat;
}


.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(images/down-menu-arrow.gif) no-repeat center left;
}




/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
* html .horizontalcssmenu ul li ul li {
             position:absolute;     /* moves drop down */
                top: -20px;        /*  from top */     
                left: 50px;        /* to the right */     
         }


/* End */