div #listmenu {
width:998px;
height:28px;
background:#D7E9D9 0 -80px;
padding-top:2px;
border-top:5px solid #669966;
border-bottom:5px solid #669966;
border-left: 2px solid #669966;
border-right: 2px solid #669966;
}
div #first {display:block; width:34px; height:0; overflow:hidden; border-top:25px solid #669966; border-right:25px dashed transparent; float:left; margin-right:-23px;}
div #last {display:block; width:37px; height:0; overflow:hidden; border-bottom:25px solid #669966; border-left:25px dashed transparent; float:left;}

/* hacks for IE5.5 */
* html #first, * html #last {width:59px; height:25px; w\idth:34px; he\ight:0;}

div #ends {padding:0; margin:0; list-style:none;}
div #ends li {float:left; margin-right:-23px;}
div #ends li a {display:block; float:left; height:25px; line-height:24px; background:transparent; color:#000; text-decoration:none; cursor:pointer;} /* add cursor:hand; for IE5.5 */
div #ends li a span {display:block; float:left; width:123px; background:#FFFFCC; height:25px; font-style:bold; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
div #ends li a b {display:block; float:left; width:0; height:0; overflow:hidden; border-top:25px dashed transparent; border-right:25px solid #FFFFCC;} 
div #ends li a em {display:block; float:left; width:0; height:0; overflow:hidden; border-top:25px solid #FFFFCC; border-right:25px dashed transparent;}

/* hacks for IE5.5 */
* html #ends li a b,
* html #ends li a em {width:25px; height:25px; w\idth:0; he\ight:0;}

div #ends li:hover {position:relative;}
div #ends li a:hover {color:#fff; white-space:normal; position:relative;}
div #ends li:hover > a {color:#fff;}
div #ends li a:hover span {background:#669966;}
div #ends li:hover > a span {background:#669966;}
div #ends li a:hover b {border-right-color:#669966;}
div #ends li:hover > a b {border-right-color:#669966;}
div #ends li a:hover em {border-top-color:#669966;}
div #ends li:hover > a em {border-top-color:#669966;}