* {
	margin: opx;
	padding: opx;
	list-style: none;
	/* border: 3px solid black; */
}

table {
	width: 90%;
	/* height: 50px; */
	/* border: 3px solid black; */
    margin-left: auto;
    margin-right: auto;
}
/* 
.tr {
	height: 50px;
	background-color: #ddd;
	border: 3px solid black;
}
 */
.outer {
	/* margin: 70px auto; */
	width: 900px;
	/* border: 3px solid black; */
}

.outer:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.outer li {
	float: left;
	width: 120px;
	height: 30px;
	/* border: 1px solid #CCC; */
	line-height: 30px;
	/* border: 3px solid red; */
}

.inner {
	display: none;
}

.outer li:hover {
	background-color: WhiteSmoke ;
	border-bottom: 3px solid DarkOrange
}

.outer li:hover .inner {
	display: block;
}

.a {
	color: #3c3c3c;
	text-decoration: none;
	text-align: center;
	display: block;
}

div {
	width: 100%;
	height: 900px;
	
	border: 3px solid red;
}