.droplinetabs{
overflow: hidden;
border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul{
font: normal 4px;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs a, .droplinetabs a:link
{
    float: left;
    color: black;
    background: #FFDDF7 url(leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/
    margin: 0 4px 0 0;
    padding: 4px 4px 4px 3px;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: x-small;
    font-family: Verdana, 'sans serif';
}

.droplinetabs a span{
float: left;
display: block;
background: transparent url(rightedge.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover, .droplinetabs a:active
{
    background-color: #BAD003; /*background color of tabs onMouseover*/
    color: #0000FF;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul
{
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    background: #FFDDF7; /*sub menu background color */
    visibility: hidden;
    color: #000000;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a, .droplinetabs ul li ul li a:link
{
    padding: 6px;
    padding-right: 8px;
    margin: 0;
    text-decoration: underline;
}

.droplinetabs ul li ul li a:hover
{
    /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
    background: #EA4486;
    color: White;
    border-radius: 5px;
}