.bgclass .nav{
        height:70px;
        text-align:center;
        position:relative;
        z-index:2;
        margin:-70px 0 0 80px;
}

* html .nav{
width:822px;
}

.nav a.menu{
font-size:15px;
display: block;
float: left;
height: 30px;
padding-left: 22px;
text-decoration: none;
margin-right: 20px;
}

.nav a.menu:link, .nav a.menu:visited, .nav a:active{
color: #000;
}

.nav a.menu span{
display: block;
padding: 7px 25px 7px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.nav a.menu:hover{ /* Hover state CSS */
background: url(graphic/menuLf.png) no-repeat top left;
}

.nav a.menu:hover span{ /* Hover state CSS (for text) */
color:#fff;
background: url(graphic/menuRt.png) no-repeat top right;
}
/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  The path to the HTC is relative to the HTML file that includes it.
  See below for another method of activating the script without adding CSS here.
 */

 #container, img, .formJoin, .topLinks, .btnSend, .navigation, .galCell, .btnDetail a, .orngHd, .last {
        behavior: url("iepngfix.htc")
}


 /*
  Here's an example you might use in practice:
  img, div, .pngfix, input { behavior: url("/css/iepngfix.htc") }
 */