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

.menuhor{
margin: 0 0 0 0;
border-bottom: 0 solid #ffffff;
padding: 10px 0 0 20px;
background:#7478B1;
height:20px;
}

.menuhor img {
border: 0;
}

.menuhor ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.menuhor li{
display: inline;
margin: 0;
}

.menuhor li a{
text-decoration: none;
position: relative;
display: block;
float: left;
}

.menuhor li a:visited{
color: blue;
}

.menuhor li a:hover{
text-decoration: underline;
}

.menuhor li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(media/righttabselected.gif) 100% 0 no-repeat;
}

.menuhor li.selected a:hover{
text-decoration: none;
}

<!--[if IE]>
<style type="text/css">
.menuhor{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]-->