having issues with changing colours using CSS editor in inferno

Hello! I am having issues with the customer editor in inferno. The site was originally set up using enigma and I was told to switch to inferno as its more responsive. Which I have done.

Ive managed to change the pages and the menu to black on white however the header and the footer are an orange colour! see here https://www.jtbsecurity.com.au

the code I have in the CSS editor is
#content-area {background-color: #000;}.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus, .dropdown-menu .active a {
background-color: black !important;
}
.navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus {
background-color: black !important;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
background-color: black !important;
}
.dropdown-menu {
background-color: black !important;
}

however as you can see the colour is not changing.

Any help is greatly appreciated.