CSS not working

Hi I was informed to add the following css to change the style of the fly out navigation menu. It has not customized the fly out menu. Can you take a look and let me know what could be the problem? The url is http://phoenixfireops.com/ahq/
.title_container {
position: relative;
display: none !important;}
#wrap_all { overflow-y: hidden; }
#header_meta { background: #000000 }
.footer_color .news-time{display:none;}
.image_size_widget .tweet-thumb img, .image_size_widget .news-thumb img {
width: 40px; height: 40px; }
.news-thumb { padding: 0; border-style: none; }
.grid-entry .inner-entry { padding-right: 15px; }
.footer_color div .news-headline {
color: #eeeeee;
line-height: 35px;
}
#avia-menu a {
color: black !important;
}
#avia-menu a:hover{
color: #808080 !important;
}
@media only screen and (max-width: 767px) {
#footer .widget {
margin: 0 auto;
}
}
.sub-menu a {
padding: 0px 15px !important;
text-size:6px !important;
}
#top .av-border-deactivate.avia-logo-element-container img {
box-shadow: none;
padding: 0px 5px;
background: #000000;}

#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img{
background:#000000;
padding:0px 5px;
}

.fullsize .content .entry-content-wrapper {
font-size: 14px !important;
}