ul{
    		width:100%;
    		margin:4% 0 0 0;
    		text-align: center;
    	}
   a{
   	color:#fff;
   }
    .nav {
      list-style: none;
      padding: 0;

    }
    .nav li {
      display: inline-block;
      border-radius: 2%;
      width:22%;
      text-align:center;
      background-color:#017DD1;
      padding:2% 0;
      
    }
    .nav li.active {
      background: orange;
      color:#fff;
      
    }
    .nav li.active a{
      color: #fff;
      
      text-decoration:none;
    }
    .tab-content {
      border-radius: 3px;
      padding: 10px;
    }
    .tab-pane {
      display: none;
    }
    .tab-pane.active {
      display: block;
    }
    table{
    	width:100%;
    	 border-top:1px solid #ddd;
    	 border-left:1px solid #ddd;
    }
   td,th{
   	  border-bottom:1px solid #ddd;
   	  border-right:1px solid #ddd;
   	  text-align:center;
   	  padding:2%;
   } 
   caption{
   	font-size:1.2em;
   	font-weight:bold;
   	padding:5%;
   	border-top:1px solid #ddd;
   	border-left:1px solid #ddd;
   	border-right:1px solid #ddd;
   }
    #number a{
    	font-size:1.2em;
    	padding:1%;
    	color:#000;
    }