.images {background:#CCCCCC; width:20px; padding:1px;} /* not part of the menu */

#outer {padding:2px 0;  background:#CCCCCC url(../images/menubg.gif) ;}

#point {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0;}
#point li a {float:left; font-family:"Trebuchet MS", "MS Sans Serif"; font-size:14px; height:31px; line-height:31px; letter-spacing:1px; padding:0 1em; text-decoration:none; color:#333333; background:url(images/grad.html) repeat-x ; border-right:1px solid #666666; border-left:1px solid #FFFFFF;}
#point li a:hover, #point li a.current {background:url(../images/menuhover.gif) repeat-x ; color:#ffffff;}
#point li a:hover b, #point li a.current b {display:block; float:left; background:url(images/grad.html) repeat-x ; cursor:pointer} 

.menu{background:url(../images/menubg.gif) repeat-x; height:31px;}
.menu-bg{background:url(../images/menubg.gif) repeat-x; height:31px; font-family:"Trebuchet MS",Tahoma, "Microsoft Sans Serif"; font-size:14px; text-align:center; color:#333333; font-weight:bold; text-decoration:none; padding:0 7px 0 7px;}

.menu-bg a {text-decoration:none; color:#333333;}


.menu-bg:hover{ background:url(../images/menuhover.gif) repeat-x; color:#CCCCCC; height:31px;}