body{ background: #ffffff; border-top: 40px solid #374249; }

@media (min-width: 1200px) {
    #header{ width: 200px; }
    #nav>ul>li a{ width: 175px; }
}

#canvas{ max-width: 90%; background: transparent; }
#main-container { width: 80%; padding: 0; float: right; }

#canvas{ background-color: transparent; }

a{ color: #4D5357; }

#header{ height: 100px; auto; text-align: left; padding-top: 10px; padding-bottom: 10px; position: relative; background-color: #ffffff; float: left; width: 20%; }
#header h1{ height: 54px; margin: auto;}

#title{ display: none; }
#header h1 img{ width: 100%; max-width: 200px; height: auto; }

#nav{ position: absolute; top: 125px; text-align: right; background-color: transparent; }
#nav>ul>li{ margin: 0px; padding: 0px 20px 0px 6px; text-align: left; vertical-align: top; display: block; border-top: 1px solid #e1e1e1; }
#nav>ul>li:last-child{ border-bottom: 1px solid #e1e1e1; }

#nav>ul>li a{ color: #007ea3; font-size: 15px; font-family: "Open Sans", Geneva, Tahoma, Verdana, sans-serif; line-height: normal; padding: 10px 0 10px 0; text-decoration: none; }
#nav>ul>li:hover a{ color: #003b6e; text-decoration: none; }

#footer{ background-color: #E5F0F7; color: #000000; font-family: Arial, Helvetica, sans-serif; height: 225px; font-size: 11px; padding-top: 5px; }
#footer a{ color: #135293; }

.bg-conditions{ background-color: #4f5f6b; }
.color-conditions{ color: #4f5f6b; }
.bg-sponsors{ background-color: #007ea3; }
.color-sponsors{ color: #007ea3; }
.bg-studies{ background-color: #007ea3; }
.color-studies{ color: #007ea3; }
.bg-institutions{ background-color: #007ea3; }
.color-institutions{ color: #007ea3; }

.btn-primary{ background-color: #007ea3; border: #007ea3; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #d5d2ca; }

#footer { display: none; }

.pagination li a{ color: #007ea3; }
.pagination li.active a{ background-color: #007ea3; border-color: #007ea3; color: #ffffff; }

#researchmatch-link { margin-top: -25px; }