div.menu-container {position:relative;z-index:99;}
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

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

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
text-align:left;
border-left-width: 0;
text-decoration: none;
background: center center repeat-x;
color: black;
font: bold 12px arial;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #000000;
position: absolute;
display: block;
visibility: hidden;
z-index: 999;
}

/*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: 200px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #E2E2E2;
z-index: 99;

}

.horizontalcssmenu ul li a:hover{
background: url(menubgover.gif) center center repeat-x;

}

.horizontalcssmenu ul li ul li a:hover{
background: #CCCCCC;

}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(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%; }

<style type="text/css"> 
 
/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/
 
/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/
 
div.tabBox {}
 
div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}
 
a.tab {
  background-color: #666;
  border: 2px solid #000000;
  border-bottom-width: 0px;
  border-color: #000;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 98;
}
 
a.tab, a.tab:visited {
  color: #FFF;
}
 
a.tab:hover {
  background-color: #C00;
  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;
  color: #FFF;
}
 
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #9070c0;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  color: #ffe0ff;
}
 
a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}
 
div.tabMain {
  background-color: #CCC;
  border: 2px solid #000000;
  border-color: #666;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;
  position: relative;
  z-index: 99;
}
 
div.tabIframeWrapper {
  width: 850px;
}
 
iframe.tabContent {
  background-color: #CCC;
  border: 1px solid #000000;
  border-color: #666;
  width: 840px;
  height: 75ex;
}
 
/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/
 
h4#title {
  background-color: #666;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}
 
</style> 

/* End */