* { 
	font-family: Lato 
}

.navbar {
	margin-bottom: 0px;
	border: 0px;
}

#navBarContainer {
	margin-top: 0px;
	background-color: rgb(39, 39, 39);
	margin: 0px;
}

#logoImage {
	height: 40px;
	max-height: 40px;
	margin-top: 8px;
}

.white-text{
	color: white;
}

.white-link,
.white-link:link,
.white-link:hover,
.white-link:visited
{
	color: white;
	text-decoration: underline;
}

.white-text-important{
	color: white !important;
}

#logoText { 
	color: white;
	float: right;
	margin-right: 40px;
	margin-top: 15px;
	margin-left: 15px;
}
.navbar-text,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:link,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:visited
{
	color: white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
}

.navbarItem {
	border: 5px;
	border-style: solid;
  	border-color: transparent;
}

.navbar-nav > li > a {
	padding: 5px; 
	margin-top: 5px;
}

.loginNav{
	margin-top: 5px;
}

.active {
	border-top-color: rgb(42, 107, 131);
}

/*the underscore is necessary because it's overridden by bootstrap, who's hidden adds the !important flag */
._hidden{
	display: none;
}

@media all and (max-width: 768px) {
	.active {
		border-color: rgb(42, 107, 131);
	}

    #logoImage {
        display: none
    }
}