html {
  position: relative;
  min-height: 100%;
}
body {
    background-color:#494949;
	margin-bottom: 30px; /* Margin bottom by footer height */
}
#maincontent {
    background-color:#dedede;
    padding:30px 30px;
	min-height: 640px;
}
#banner {
	background-color:#99cdff;
}
.navbar.navbar-default {
    background-color:#5D8080;
    border:0;
}
.navbar-default .navbar-nav>li>a  {
    color:#ffffff;
}
.navbar-default .navbar-nav>li>a:hover  {
    color:#D3D9E5;
}
#navarea {
	background-color:#5D8080;
}
footer {
	background-color:#222;
	color: #dedede; 
}
footer a {
	color: #bcbcbc;
}
footer a:hover {
	color:#fff;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px; /* Set the fixed height of the footer here */
}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
	background-color:#e7e7e7;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    background-color: #e7e7e7;
}
}