Untitled

<style type="text/css">

 body {
		background-image: url("http://i.imgur.com/bxOD2m9.jpg");
		background-repeat: no-repeat;
}
.container {
    text-align: center;
}
.container ul {
    display: inline-block;
    margin: 10px 0;
    padding: 2px;
}


ul {
    list-style-type: none;
    margin: auto;
	width: 70%;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    padding-left: 40px;
}

li {
    float:left;
    position:relative;
    left:20%;
    border-right:1px solid #bbb;

}

li:last-child {
    border-right: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
}

li a:hover:not(.active) {
    background-color: #007fff;
}

.active {
    background-color: #007fff;
}
.btn-transparent {
    background: transparent;
    color: #F2F2F2;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, border .2s ease-in-out;
    -o-transition: background .2s ease-in-out, border .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out;

}
</style>
</head>
<body>

    <form id="form1" runat="server">


<div class="container">

<ul>
                        <li><a><asp:Button BorderStyle="None" class="btn-transparent" ID="Button2" runat="server" Text="Availabilities" Width="95px" Height="25px" OnClick="Button2_Click" /></a></li>
                        <li><a><asp:Button BorderStyle="None" class="btn-transparent" ID="Button3" runat="server" Text="Roster of the week" Width="135px" Height="25px"/></a></li>
                        <li><a><asp:Button BorderStyle="None" class="btn-transparent" ID="Button7" runat="server" Text="Toxic List" Width="90px" Height="25px" /></a></li>
                        <li><a><asp:Button BorderStyle="None" class="btn-transparent" ID="btnTeamInfo" runat="server" Text="Team Info" Width="110px" Height="25px" /></a></li>
                        <li><a><asp:Button BorderStyle="None" class="btn-transparent" ID="Button6" runat="server" Text="Personal Info" Width="115px" Height="25px" BorderWidth="0px" /></a></li>
                        <li><a><asp:Button BorderStyle="None" class="btn-transparent" ForeColor="#ff0000" ID="Button5" runat="server" Text="Admin Panel" Width="122px" Height="25px" Visible="False" /></a></li>

</ul>

</div>