/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{

height: 17px;
}

.ddoverlap ul{
padding: 0;
margin: 0px 0px 0px 10px;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a, .ddoverlap li a:link, .ddoverlap li a:visited
{
width: 100px;
padding: 2px 7px 5px 7px;
text-decoration: none;
padding-right: 0px; /*extra right padding to account for curved right edge of tab image*/
color: #444;
background: transparent url(/images/tabs/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
position: relative;
display: block;
float: left;
margin-left: 0px; /*shift tabs 20px to the left so they overlap*/
left: 0px;
font-size: 10px;
font-weight: normal;
font-style: italic;
}

.ddoverlap li a:hover, .ddoverlap li a:active, .ddoverlap li a:visited:hover,
.ddoverlap li a.selected
{
/* text-decoration: none;
color: #444;
z-index: 100; /*higher z-index so selected tab is topmost
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/

width: 100px;
padding: 2px 7px 5px 7px;
text-decoration: none;
padding-right: 0px; /*extra right padding to account for curved right edge of tab image*/
color: #444;
background: transparent url(/images/tabs/righttabselected.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
position: relative;
display: block;
float: left;
margin-left: 0px; /*shift tabs 20px to the left so they overlap*/
left: 0px;
font-size: 10px;
font-weight: normal;
font-style: italic;


}

<!--[if IE]>
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
<![endif]-->