.horizontalcssmenu {
}

.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;
    padding: 2px 0px 2px 10px;
    border-left-width: 0;
    text-decoration: none;
    color: black;
    font: bold 8px Tahoma;
    text-transform: uppercase;
    font: bold 11px/21px Tahoma, Verdana, Arial, sans-serif;
    color: #005387;
    text-decoration:none;
    margin-top: 4px;
    white-space: nowrap;
    text-align: center;
}
.horizontalcssmenu ul li a:hover {color: #005387;}
	
/*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;
}

/*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: 170px; /*width of sub menu levels*/
    padding: 2px 5px;
    background: #FFFFFF;
    border-width: 0 1px 1px 1px;
    
    font: 11px Tahoma, Verdana, Arial, sans-serif;
    color: #005387;
    border: 1px solid;
    white-space: normal;
    margin-top: 0;
    text-align: left;
    text-transform: none;
}

.horizontalcssmenu ul li a:hover{
    background: #005387;
    color: white;
}

.horizontalcssmenu ul li ul li a:hover{
    background: #005387;
    color: white;
}


/* FOR IE: */
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
    padding-top: 1em;
}
* html .horizontalcssmenu ul li a {
    width: 70px;
    margin-top: 2px;
}

	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%;}
/* End */