html, body{
width: 100%;
height: 100%;
}
body{
margin: 0;
padding: 0;
font-family: Arial Narrow;
}
#top-menu-wrap{
height: 25px;
background: #0066FF;
text-align: center;
}
#top-menu{
width: 800px;
margin: auto;
color: #fff;
}
/* ================= MENU ================= */
ul.menu{
margin: 0;
padding: 0;
list-style: none;
}
ul.menu li{
float: left;
}
ul.menu li a{
display: block;
padding: 5px 6px;
text-decoration: none;
color: #ccc;
}
ul.menu li a:hover{
background: Blue;
color: Yellow;
}
ul.menu ul{
position: absolute;
display: none;
margin: 0;
padding: 0;
background: #0088FF;
z-index: 100;
list-style: none;
}
ul.menu ul li{
position: relative;
float: none;
}
ul.menu ul li a{
color: Navy;
width: 203px;
text-align: left;
}
ul.menu ul li a:hover{
color: White;
background: #0066FF;
}
ul.menu ul li ul{
position: absolute;
top: 0;
left: 200px;
display: none;
z-index: 200;
list-style: none;
}
ul.menu ul li ul li{
list-style-type: none;
position: relative;
}
/* ================= /MENU ================= */
#content-wrap{
text-align: center;
}
#content-wew{
width: 800px;
margin: auto;
margin-top: 20px;
text-align: justify;
}