#csshbar {
 width: 100%;
}
#csshbar ul {
 margin:0;
 padding:0;
 list-style:none;
}
#csshbar li {
 display:inline;
 margin:0 2px 0 0;
 padding:0;
}
#csshbar a {
 text-decoration: none;
 letter-spacing: 1px;
 background: #F0F0F0 url(navbar/hbar2middle.gif) bottom repeat-x;
 margin: 0 2px 0 0;
 float:left;
 clear:right;
 padding:0;
 white-space:nowrap;
}
#csshbar a .hbarleftspan {
 background: url(navbar/hbar2left.gif) left bottom no-repeat;
 display:block;
}
#csshbar a .hbarrightspan {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-top: 0px;
 color: #000000;
 background: url(navbar/hbar2right.gif) right bottom no-repeat;
 display:block;
}
#csshbar a:hover {
 background: #FFFFFF url(navbar/hbar2middleh.gif) bottom repeat-x;
}
#csshbar a:hover .hbarleftspan {
 background: url(navbar/hbar2lefth.gif) left bottom no-repeat;
}
#csshbar a:hover .hbarrightspan {
 color: #CC0000;
 background: url(navbar/hbar2righth.gif) right bottom no-repeat;
}
#csshbar #current a {
 background: #FFFFFF url(navbar/hbar2middleh.gif) bottom repeat-x;
}
#csshbar #current .hbarleftspan {
 background: url(navbar/hbar2lefth.gif) left bottom no-repeat;
}
#csshbar #current .hbarrightspan {
 color: #000000;
 background: url(navbar/hbar2righth.gif) right bottom no-repeat;
}
#csshbar
{
border-top: 8px solid #006699;
}