*{
	margin:0px;
	padding:0px;
}
body{
	font-family:Tahoma;
	font-size:14;
}

/*=================== MENU CẤP 1 ===================*/

#menu{
	width:79.8%;
	height:30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background:blue;
	border:1px solid;
	border-color:black;
	margin-left:0px;
	margin-top:0px;
	margin: 0 auto;
}

ul.mainmenu > li{
	list-style:none;
	float:left;
	position:relative;
}

ul.mainmenu > li > a{
	text-decoration:none;
	color:white;
	font-size:17px;
	font-weight: bold;
	padding-right:110px;
	padding-left:10px;
	line-height:30px;
	display:block;
}

ul.mainmenu > li > a:hover{
	background-color: rgb(176, 231, 231);
	color:black;
	line-height:30px;
	position:static;
	margin-top: -5px;
	padding-top: 3px;
	padding-bottom: 4px;
}

/*=================== MENU CẤP 2 ===================*/

ul.submenu{
	width:230px;
	min-height:90px;
	background-color:rgb(176, 231, 231);
	color:black;
	padding: 0px;
	display:none;
	position:absolute;
}

ul.submenu > li{
	list-style:none;
}

ul.submenu > li > a {
	color:black;
	text-decoration:none;
	border-top:1px solid white;
	text-indent:10px;
	line-height:30px;
	display:block;
}

ul.submenu > li > a:hover{
	background:#FFFF00;
	color:red;
	font-weight: bold;
	line-height:30px;
}
ul.mainmenu > li:hover ul.submenu{
	display:block;
}

/*=================== MENU CẤP 3 ===================*/

ul.sub2menu{
	width:250px;
	min-height:90px;
	background-color:chartreuse;
	display:none;
	position:absolute;
	left:200px;
	top:0px;
}

ul.sub2menu > li{
	list-style:none;
}

ul.sub2menu > li > a {
	color:black;
	text-decoration:none;
	border-top:1px solid white;
	text-indent:0px;
	line-height:30px;
	display:block;
}

ul.sub2menu > li > a:hover{
	background:#FFFF00;
	color:red;
	line-height:30px;
}
ul.mainmenu > li > ul.submenu > li:hover ul.sub2menu{
	display:block;
}
