body 
{
    background-color: #FFFFFF;
    color: #333333;
}
    
.navbar 
{
    margin-bottom: 0;
    border-radius: 0;
}

#logo1 
{
    width: 136px;
	height: 36px;
	margin-top: -9px;
    background-image: url('../Branding/GetImage?id=00000000-0000-0000-0000-000000000000');
    background-size: 136px;
}

#logo2 
{
    width: 136px;
	height: 36px;
	margin-top: 8px;
    margin-right: 14px;
    background-image: url('../Branding/GetImage?id=00000000-0000-0000-0000-000000000000');
    background-size: 136px;
}

#header.navbar-inverse 
{
    background-color:#333333;
    border-color:#333333;
}

#main
{
    margin-top:100px;
}



#footer.navbar-inverse 
{
    background-color:#333333;
    border-color:#333333;
}
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }

@media (min-width: 768px) 
{
    #footerOptions.navbar-nav.navbar-center 
    {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }
}