.horizontalcssmenu
{
    top:-1.2em;
    height: 35px;
    margin:0 0 0 48px;
    position:relative;
    /* z-index needed as fix for IE7 bug that causes the #page-content to appear above the hover menu. 
     * See: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ */
    z-index:3000; 
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
color:#000000;
text-align:center;
}

/*Top level list items*/

/*#cssmenu1 ul li:first-child {
border-left:1px solid #000000;
}*/

/* Because IE7 mucks up the first-child selector, I have to hard code it. */
.first-menu-tab {
    border-left:1px solid #000000;
}

/* Because IE7 mucks up the first-child selector, I have to hard code it. */
.first-sub-menu-tab {
    border-top:1px solid #000000;
}

.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
color:#000000;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
/*width: 120px; /*Width of top level menu link items*/
/*padding: 2px 4px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;*/
/*background: url(../images/menubgover_orange01.gif) center center repeat-x;*/
/*font: bold 11px Tahoma;*/

background:url("../../images/BlackTab.png") repeat-x;
color: #FFFFFF;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
color:#FFFFFF;
margin:0;
padding:0.5em 1em 0.5em 1em;
text-decoration:none;
}
	
/*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;
color:#000000;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
/*width: 120px; width of sub menu levels*/
/*font-weight: normal;
padding: 2px 5px;
background: goldenrod;
border-width: 0 1px 1px 1px;
color:#000000;*/

background:url("../../images/BlackTab.png") repeat-x;
color: #FFFFFF;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
border-top: none 0px;
border-left: 1px solid #000000;
color:#FFFFFF;
margin:0;
padding:0.5em 0.75em 0.5em 1em;
text-decoration:none;
white-space: nowrap;
text-align: left;
}

.horizontalcssmenu ul li a:hover{
/*background: url(../images/menubgover_orange03.gif) center center repeat-x;
color:Maroon;*/
background-image: none;
background-color: #222222;
}

.horizontalcssmenu ul li ul li a:hover{
background-color: #222222;
}


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


* 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 */