Additional CSS For Header Navigation

Need to customize header navigation. Here is some extra code. It would be great that a Main SUpport Forum Section Be Created Just for code like this.

#td-top-search{
display:none!important;
}

ul .children{
list-style-type:disc;
padding-left:20px!important;
}
ul .children{
list-style-type:square;
padding-left:20px!important;
}
.td-footer-container {
padding-top: 15px!important;
}
.sf-menu>li>a:hover{
background-color:
#001a3d!important;
color:white!important;
}

.sf-menu ul {
background: #d3d3d3!important;
}

.td-footer-container .td-footer-info {
margin-bottom: 10px;
}
.td-footer-container .td-footer-info {
margin-bottom: 5px;
}

.widget .block-title > span, .widget .block-title > a {
background-color: transparent;
}
.widget .block-title {
background-color: red;
display: block;
border-radius: 3px;
}

I just figure ther are so many times you guys hand out custom css why not put it all in one place. Then people like me might find useful pieces and you guys save time.