#tabbox {
font-family: verdana, arial, sans-serif;
width:290px;
height:250px;
margin:0;
position:relative;
z-index:90;
padding-bottom:5px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#tabbox ul {
padding:0;
margin:0;
list-style-type: none;
border:0;
}
#tabbox ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
#tabbox ul li {
float:left;
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#tabbox ul li a, .tabbox ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:80px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#ffd2a6;
line-height:30px;
font-size:11px;
}
/* make the dropdown ul invisible */
#tabbox ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#tabbox ul li#current a {color:#fff; background:#ff9928;}

#tabbox ul li a:hover,
#tabbox ul li:hover a {
color:#fff;
background:#ffd2a6;
}
/* make the sub menu ul visible and position it beneath the first list item */
#tabbox ul li#current ul,
#tabbox ul :hover ul {
top:30px;
left:0;
height:210px;
background:#fff;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#tabbox ul li#current ul li,
#tabbox ul :hover ul li {
background:#fff5ec;
color:#000;
padding:10px;
width:252px;
height:auto;
border:10px solid #ffd2a6;
}
#tabbox ul li#current ul li {border:10px solid #ff9928;}
/*float the image left with padding and no border */
#tabbox ul li#current ul li img,
#tabbox ul :hover ul li img {
float:left;
padding:10px 10px 10px 0;
border:0;
}
/* style the paragraph font height */
#tabbox ul li#current ul li p,
#tabbox ul :hover ul li p {
font-size:10px;
line-height:10px;
}
/* style the background and foreground color of the submenu links */
#tabbox ul li#current ul li a,
#tabbox ul :hover ul li a {
display:inline;
background:#fff5ec;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
#tabbox ul li#current ul li a:hover,
#tabbox ul :hover ul li a:hover {
text-decoration:none;
color:#000;
}