nav{
text-align: center;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav ul li{
list-style: none;
display: inline-block;
width: 18%;
min-width: 90px;
}
nav ul li a{
text-decoration: none;
color: #333333;
}
nav ul li.current a{
color: #333333;
}
nav ul li a:hover{
color: #ff0000;
}



a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }
a {text-decoration: none;}




#table_style1 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 90%;
  margin-left: 5%;
}

#table_style1 td, #table_style1 th {
  border: 1px solid #ddd;
  padding: 8px;
}

<!----
#table_style1 tr:nth-child(even){background-color: #f2f2f2;}
---->
<!----
#table_style1 tr:hover {background-color: #ddd;}
---->
#table_style1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

/*--- table css ---*/
.sorttbl{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
}
.sorttbl tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.sorttbl th:first-child,
.sorttbl td:first-child{
    padding-left: 16px;
}
.sorttbl td,
.sorttbl th{
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}
.sorttbl th{
    color: #fff!important;
    background-color: #616161!important;
}

/*--- list css ---*/

.sort-btn{
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #4CAF50;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

ul.sortlist{
    list-style-type: none;
}
ul.sortlist li{
    padding: 7px;
    border-bottom: dotted 1px #454545;
}