﻿body {
}
* {
    margin:0px;
    padding:0px;
}

header {
    width: 100%;
    height: 50px;
    background-color: #222222;
}

#menu ul {
    list-style:none;
}

    #menu ul li {
        background-color:black;
        border:none;
        width:120px; 
		height:50px;
        text-align:center;
        line-height:50px;
        float:left;
		position:relative;
        display:block;
    }

        #menu ul li a {
            text-decoration:none;
            color:ghostwhite;
            display:block;

        }
        
				#menu ul li a:hover {
					background-color:#ff6a00;
					color:#fff					
					}

    #menu ul ul {
        position:absolute;
        display:none;
    }

    #menu ul li > ul li {
        background-color:#18e27f;
        color:#edeef8;
        border:solid:1px white;
    }

    #menu ul li:hover > ul {
        display:block;
        border-radius:10px;        
    }