.horizontalcssmenu {
width:100%;
background:url(../images/nav-bg.jpg) repeat-x;
clear:both;
height:30px;
position:relative;
}

.horizontalcssmenu ul{
position:absolute;
left:40px;
margin:2px 0 0 0; /*indent from the left*/
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
text-align:center;
position: relative;
display: inline;
float: left;
margin-right:10px;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
/*display: block; REMOVED FOR IE6*/
float:left; /*ADDED FOR IE6*/
width:70px;
margin:0;
padding: 4px 6px;
text-decoration: none;
color:#000000;
font: bold 13px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left:0;
top:0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
border: 1px solid #202020;
border-bottom:none;
margin:0;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
/*border-top: 1px solid #202020;*/
padding:0;
margin:0;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 200px; /*width of sub menu levels*/
font-weight: normal;
padding: 4px 5px 2px 5px;
background:#333333;
color:#FFFFFF;
border-bottom: 1px solid #202020;
line-height:25px;
height:25px;
text-align:left;
}

.horizontalcssmenu ul li a:hover{
color:#FFFFFF;
background:#333333;
/*background:#FF6600;*/
}

.horizontalcssmenu ul li ul li a:hover{
background: #484848;
color:#FFFFFF;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
/*background: transparent url(../images/menu-arrow.gif) no-repeat center right;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
