div.menu{
	border:0px; margin:0px; padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px; font-weight:bold; color:#ffffff; 
         box-shadow:0 0 15px 10px #000;
        -moz-box-shadow:0 0 15px 10px #000;
        -webkit-box-shadow:0 0 15px 10px #000
         border-radius:20px;
	}

div.menu ul{
	height:40px; list-style:none; margin:0; padding:0; background-color:#e0e0e0;
        
	}
div.menu li{
		float:left;

		}
div.menu li a{
		color:#666666;display:block;
		font-weight:bold;line-height:42px;padding:0px 25px;text-align:center;
               -webkit-animation: fadi_m 500ms 1;
               -moz-animation: fadi_m 500ms 1;
               background-color:none;
              
		}
div.menu li a:hover{
			color:blue;
                        background-color:rgb(0,0,1);
                         box-shadow:0 0 15px 8px grey;
                       -moz-box-shadow:0 0 15px 8px grey;
                       -webkit-box-shadow:0 0 15px 8px grey;
                        transition-property:box-shadow;
                        transition-duration:500ms;
                        transition-timing-function:ease-out; 
                        border-radius:20px;                           
			}


div.menu li ul{
		background:rgb(0,0,1);
		border-left:2px solid; border-right:2px solid; border-bottom:2px solid;
		display:none; height:auto;
		position:absolute;
		width:200px;
		z-index:10;
                -webkit-animation: fadi 500ms 1;
               -moz-animation: fadi 500ms 1;
               
		}

div.menu li:hover ul{

		display:block;
box-shadow:0 0 10px 6px #000;
-moz-box-shadow:0 0 10px 6px #000;
-webkit-box-shadow:0 0 10px 6px #000
-webkit-animation: fadi_m 500ms 1;
-moz-animation: fadi_m 500ms 1;
border-radius:20px;
}

                
		

div.menu li li {
		display:block;
		width:200px;
                border-radius:20px;
              
}


div.menu li ul a{
		display:block; font-size:12px; font-style:normal; color:white;
		padding:0px 10px 0px 15px; text-align:center;
                border-radius:20px;
                                    transition-duration:1s;
                                    transition-timing-function:ease-out;
                 
		}


div.menu li ul a:hover{
			background:#949494; color:#000000;
			opacity:1.0;
                        background-color:#e0e0e0;
                                    transition-property:background-color;
                                    transition-duration:500ms;
                                    transition-timing-function:ease-out;
                                    border-radius:20px;
			}








div.tophead{
	border:0px; margin:0px; padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:13px; font-weight:bold; color:#e0e0e0;
         border-radius:20px;
	}

div.tophead ul{
	height:30px; list-style:none; margin:0; padding:0px 0px 10px 0px; background-color:#000000;
        
	}
div.tophead li{
		float:right;

		}

div.tophead li a{
		color:cyan;display:block;
		font-weight:bold;line-height:40px;padding:0px 25px;text-align:center;
               -webkit-animation: fadi_m 500ms 1;
               -moz-animation: fadi_m 500ms 1;
               border-radius:20px;
               background-color:none;
		}

div.tophead li a:hover{
			color:blue;                     
			}










@-webkit-keyframes fadi {
     0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadi_m {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi_m {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}