body {
				background-color:#efefef;
				font-family: 'Open Sans', sans-serif;
            }
			#left-nav {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 20vw;
				height: 100vh;
			    background-image: linear-gradient(to right,#3c3c3c 0,#222 100%);
				padding-right: 40px;
			}
			.nav {
 position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
			}
			#content
			{
				position: absolute;
				width: 75vw;
				margin-left: 22vw;
				height: 100vh;
				top: 0px;
			}
			.cnt {
 position: relative;
  top: 48%;
  transform: translateY(-50%);
 padding-left: 15px;
			}

			.nav ul{
				margin-top: 30px;
				list-style-type: none;
			}
			.nav li a{
				font-size: 20px;
				font-weight: bold;
				font-family: 'Open Sans', sans-serif;
				color: #efefef;
				
			}
			.nav li a:hover
			{
				color:#FF9900;
				text-decoration: none; 
			}
			
			h1
			{
			font-family: 'Open Sans', sans-serif;	
font-weight: bold;			
			}
			
			#top-nav{
			position: absolute;
			overflow:none;
			width:100%;
			height: 40px;
			background-color:#333;
			top:0px;
			padding-left: 20px;
			padding-top: 3px;
}
			#memberList{
overflow-y: scroll;
	height: 85vh;
	min-height: 350px;
	padding-left: 16px;
	padding-top: 20px;
}
			
		#TableCont td {
			padding-right: 16px;
			padding-top: 5px;
			padding-bottomm: 5px;
		}
		#TableCont th {
			padding-right: 16px;
			border-bottom:1px solid #CCC;
		}
		#TableCont tr {
					border-bottom: 1px solid #CCC;
		}
		#TableCont tr:nth-child(even) {
			background-color: #EFEFEF;
		}
		.mlisthead td {
			font-weight:bold;
		}
		    th[data-sort]{
      cursor:pointer;
    }