/* common styling */
.menu {
    font-family: arial, sans-serif;
    font-size:1.0em;
    margin: 0 0 0 0;
}
.menu ul li a, .menu ul li a:visited {
    display: block;
    text-decoration: none;
    color: #444;
    width:168px;
    height:20px;
    line-height:19px;
    font-weight: bold;
    background: #fff url('../images/pyle/pyl_klein.gif') no-repeat 170px 10px;
    padding: 5px 0 6px 30px; margin: 0;
    border-bottom: 1px solid #eee;
}
   .menu ul li a.nopyl { background-image: none; font-weight: normal;}
   .menu ul li:hover ul a.pyl { background: #fff url('../images/pyle/pyl_klein.gif') no-repeat 200px 12px; }
   
.menu ul {
    list-style-type: none;
    text-align:left;
    margin: 5px auto; padding: 0;
    width: 100%;         /*my style*/
}
.menu ul li {
    margin-right:1px;
    position:relative;
    padding: 0;
    margin: 0;
}
.menu ul li ul {
    display: none;
    margin: 0 0 0 15px;
    width: 220px;
}
.menu ul li.last {
   border-bottom: 1px solid #ccc;
}
   

/* specific to non IE browsers */ 
.menu ul li:hover a {
    color:#333;
    background: #fff url('../images/back/menu_hover.gif') repeat-y left;
    text-decoration: none;
}
.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:-1px;
    left:183px;
    width: 239px;
    
}
.menu ul li:hover ul li a.hide {
    background:#add163;
    color:#000;
}
.menu ul li:hover ul li ul {
    display: none;
}
.menu ul li:hover ul li a {
    display:block;
    background:#fff;
    color:#333;
    width:220px;
    padding: 6px 0 5px 15px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    font-weight: normal;
}
.menu ul li:hover ul li a:hover {
    background: #fff url('../images/back/menu_hover.gif') repeat-y left;
    text-decoration: none;
}
.menu ul li:hover ul li:hover ul {
    display:block;
    position:absolute;
    left: 221px;
    top:0;
    color:#000;
    width: 237px;
}
.menu ul li:hover ul li:hover ul li a {
    display:block;
    width:220px;
    background:#fff;
    color:#000;
}
.menu ul li:hover ul li:hover ul li a:hover {
    background: #fff url('../images/back/menu_hover.gif') repeat-y left;
    text-decoration: none;
}