/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#topmenu{
float: left;
width: 100%;
font-size: 70%;
line-height: normal;
border-bottom: 1px solid #000000;
}

* html #topmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#topmenu ul{
list-style-type: none;
margin: 0;
margin-left: 10px;
padding: 0;
}

#topmenu li{
display: inline;
margin: 0;
padding: 0;
}

#topmenu a {
float: left;
background: url(images/tab-left.gif) no-repeat left top;
margin: 0;
padding: 0 0 0 9px;
text-decoration: none;
}

#topmenu a span {
float: left;
display: block;
background: url(images/tab-right.gif) no-repeat right top;
padding: 3px 14px 3px 5px;
font-weight: bold;
color: #000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float: none;}
/* End IE5-Mac hack */

#topmenu a:hover span {
color: #000000;
}

#topmenu #current a {
background-position: 0 -125px;
}

#topmenu #current a span {
background-position: 100% -125px;
color: #000000;
}

#topmenu a:hover {
background-position: 0% -125px;
}

#topmenu a:hover span {
background-position: 100% -125px;
}