Css Top Bar
#top-bar li a{
  text-align:center;
  display: block;
}
#top-bar {
    position: absolute;
    top: 7.5em; right: 0em;
    height: 21px;
    z-index: 1;
    padding-right: 4%;
    border: 1px solid;
    border-right: none;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
#top-bar ul{
    display: block;
    margin: 0; padding:0;
    list-style:none;
}
#top-bar li{
    list-style: none;
    margin: 0px 5px;
    padding:0;
 
}
#top-bar li ul {
    padding: 0;
    margin: 0;
    border: 1px solid;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
#top-bar ul li a {
    border-left:2px dotted #FFF;
    padding: 2px 0 0 8px
}
 
#top-bar  li ul li{
    padding: 0;
    margin: 0;
    /*width: 12em;*/
    display: block;
    float: none;
}
 
#top-bar li a{
    text-align: center;
    display: block;
    margin: 0;
    padding: 1px;
    text-decoration: none;
}
#top-bar a:hover {
    background-color: #FFF;
    text-decoration: underline;
    color: #000;
}    
 
#top-bar li ul li a{
    text-align: left;
    background-color: #FFF;
    border: none;
}
#top-bar li ul li a:hover{
 
}
 
#top-bar li ul {
    position: absolute;
    /*left: -999em;*/
    visibility: hidden;
}
 
#top-bar li:hover ul, #top-bar li.sfhover ul {
    /*left: auto;*/
    visibility: visible;
}
 
#top-bar a:hover {    text-decoration: none;}
#top-bar a, #top-bar li ul li a {    
    background-color: transparent;
    color: #fff;
}
 
#top-bar {
    background-color: #039;
}
#top-bar li ul {
    background-color: #347;
    }
#top-bar {
    border-color: #347;
}
#top-bar li ul {
    border-color: #347;
}
 
#top-bar a:hover {    background-color: #FFF;}
#top-bar a {
    color: #fff;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License