.button {margin:0; padding:0px 0px 0px 20px; list-style:none; text-decoration: none; }
.button ul{ background-image:url(../images/line_nav.jpg);}
.button li {display:inline; float:left; margin-right:1px; background:url(../images/button/hover_button.gif); }


.button li a {display:block; height:40px; float:left; background:url(../images/button/button.gif); font-size:14px; font-family:Arial, sans-serif; letter-spacing:1px; line-height:40px; text-decoration: none; color:2180A6;}

/*.button li b {margin:0 0 0 13px; display:inline; float:left; height:33px; background:url(../images/index_1_3.gif) right top; padding:0 13px 0 0; color:#fff;}*/
.button li b {margin:0 0 0 15px; display:inline; float:left; height:40px; background:url(../images/button/button.gif) right top; padding:0 15px 0 0; color:#6F6E6E; text-decoration: none; font-size:14px; font-family:Arial, sans-serif; }


.button li a:hover, .button li a:hover b {border:0; background-image:url(../images/button/hover_button.gif); cursor:pointer; text-decoration: none; color:D6D6D6;}

.button li a:active, .button li a:active b, .button li a.current, .button li a.current b {background-image: url(../images/button/active_button.gif); text-decoration: none; color:2180A6;}

/* move the text down by 3 pixels, and to the right by 2 pixels */
.button li a:active b, .button li a.current b { line-height:40px; margin-left:15px; padding-right:15px; text-decoration: none; color:D7EAF5;}