.slidedoormenu {
list-style-type:none; 
margin:0; 
padding:0; 
width:217px; /* width of menu (don't forget to add border with below!) */ 
border-left:0px solid #000000; /* thick left border of menu */ 
}

.slidedoormenu li {
border-bottom:0px solid #000000; /* Gray border beneath each menu item */ 
}

.slidedoormenu li a {
width:100%; 
height:46px; 
background-image:url('../images/style/button-nav.jpg'); 
background-repeat:repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */ 
font:bold 10pt Arial; 
display:block; 
color:#3f3f3f; 
width:auto; 
border-bottom:0px solid white; /* White border beneath each menu item link, to add depth */ 
padding:0px 0; /* Vertical (top/bottom) padding for each menu link */ 
text-indent:24px; 
text-decoration:none; 
line-height:46px; 
margin-top:4px;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active {
color:#3f3f3f; 
text-decoration:none; 
}

.slidedoormenu li a:hover, .slidedoormenu li a:visited:hover {
background-position:-217px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */ 
color:#ffffff; 
text-decoration:none;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a {
border-bottom-width:0; /* For last menu item within menu, remove bottom border */ 
}

.slidedoormenu li.lastitem a, .slidedoormenu li.lastitem a:hover {
padding:0px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
line-height:46px; 
text-decoration:none; 
line-height:18px; padding-top:5px;
}

#current a { /*Selected Tab style*/
background-position:-217px; /*Shift background image up to start of 2nd tab image*/
color:#ffffff; 
text-decoration:none; 
}

#current a span { /*Selected Tab style*/
background-position:-217px; /*Shift background image up to start of 2nd tab image*/
color:#3f3f3f; 
text-decoration:none; 
}