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

.droplinetabs ul{
font-size:11px;
font-weight:bold;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
width:1100px;
background: #000;
float:left;
}

.droplinetabs li{
display: inline;
margin: 0;
padding: 0;

}


.droplinetabs a{
float: left;
color: white;
background: #000; /*default background color of tabs, left corner image*/
margin: 0 0px 0 0;
padding: 0 0 4px 6px;
text-decoration: none;
letter-spacing: 1px;
border-right:1px solid #999;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;

}

.droplinetabs a span{
float: left;
display: block;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background-color: #f90 !important;  /*background color of tabs onMouseover*/
color: white !important;
}

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

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
margin-left:0px;
margin-top:25px;
background: #f90; /*sub menu background color */


}

/* Sub level menu links style */
.droplinetabs ul li ul li a{

padding: 6px 12px 6px 10px;


margin: 0;
background: #f90; /*sub menu background color */
}

.droplinetabs ul li ul li a span{
background: #f90; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #808187;

}