body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.menu {
   color:gray;
   font:14pt Verdana;
   position:relative;
   text-align:center;
   list-style: none;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   background-color:black;
   display:inline;
}

.menu li{
   position:relative;
   display:inline;
   cursor:pointer;
}

.menu li a{
   text-decoration:none;
   color:#000FFF;
   width:100%;
   height:100%;
}

.menu li a:hover{
/*   color:black; */
color:#CCCCCC;
}

.menu li:hover{
   background-color:#202020;  
   color:#FFFFFF;
}

.menu li ul{
   position:absolute;
   white-space:nowrap;
   text-align:left;
   list-style:none;
   display:none;
   z-index:5;
   left:0%;
   top:1.15em;
   margin:0px;
   padding:0px;
   border:0px solid gray;
   background-color:black;
}

.menu li ul li{
   position:relative;
   left:0px;
   display: list-item;
   cursor:pointer;
}

.menu li ul li{
   position:relative;
   margin-left: 5px;
   margin-bottom: 3px;
   margin-right: 5px;
   cursor: pointer;
   width:350px;
}

.menu li ul li a{
   display:block;
   margin-left:3px;
   margin-right:3px;
}

.menu li:hover > ul{
   display:block;
}