html, body{
    height: 100%;
	font: arial;
	background: black;
	color: white;
	font-size: 16px;
	font-family: sans-serif,arial;

}
#container{
    min-height: 100%;
}
#main{
    overflow: auto;
    padding-bottom:50px;
}
#footer{
    background: red;
    position: relative;
    height: 50px;
    margin-top: -50px;
    clear: both;
}    
ul {
    margin: 0px;
	padding: 0px;
	list-style: none;
	
}
ul li{
    float: left;
    width: 200px;
    height: 40px;
    opacity: .8;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    background-color: black;
    margin-right: 2px;
}

ul li a{ 
    text-decoration: none;
    color: white;
    display: block;
    
}

ul li a:hover{
    background-color: green;
}
ul li ul li{
    display: none;
}
ul li:hover ul li{
    display: block;
}