@charset "utf-8";
/* CSS Document */

ul.menubar {  
    background: #36C;
	font-size: 1.3em;
    height: 30px;
    width: 945px;
	padding: 0px 0px 0px 30px;
	margin-top: 40px;
}

ul.menubar > li { 
    float: left; 
    position: relative;  
}

ul.menubar ul {
    background: #000; 
    display: none; 
    position: absolute;
	font-size: .9em;
	width: 250px;
    left: 0; top: 100%;
	padding: 10px 0 10px 10px;	
}

ul.menubar a { 
    cursor: pointer; 
    display: block; 
    color: white; 
    line-height: 30px; 
    padding: 0 20px; 	
}

ul.menubar li { list-style: none; text-align: left;}

ul.menubar li:hover { background-color: #006; }
ul.menubar li:hover ul { display: block; }

@media all and (max-width: 480px) {
ul.menubar a {  
    padding: 20px 20px; 
}
}
/*
    ul.menubar {  height: auto; }
    ul.menubar > li {  float: none; width: 100%; }
    ul.menubar a { line-height: 40px; }
    ul.menubar ul { position: relative; }
}

@media all and (max-width: 480px) {
    ul.menubar {  height: auto; }
    ul.menubar > li {  float: none; width: 100%; }
    ul.menubar a { line-height: 40px; }
    ul.menubar ul { position: relative; }

    ul.menubar li.tap { background: #555;  }
    ul.menubar li.tap ul { display: block;  }
}*/