.nav
{
    position: relative;
}
.nav, .nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index: 99;
}
.nav li
{
    float: left;
    position: relative;
    background: url(/images/eztocreate/ez_nav_btn.gif) no-repeat top left;
}
.nav li:hover
{
    display: block;
    visibility: inherit; /* fixes IE7 'sticky bug' */
    background: url(/images/eztocreate/ez_nav_btn.gif) no-repeat top right;
}
.nav a
{
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 119px;
    height: 30px;
    line-height: 28px;
}
.nav ul
{
    position: absolute;
    display: none;
    width: 230px;
    top: 30px;
    z-index: 99;
    visibility: inherit;
}
.nav li ul a
{
    width: 150px;
    height: 30px;
    float: left;
    background: #5CC1FF;
    text-align: left;
    padding: 0 0 0 8px;
}
.nav li ul a:hover
{
    background: #0C78C0;
}
.nav ul ul
{
    top: auto;
    z-index: 99;
}
.nav li ul ul
{
    left: 12em;
    background: #333333;
    margin: 0 0 0 10px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul
{
    display: none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul
{
    display: block;
    visibility: inherit;
}