@charset "utf-8";
/* CSS Document */

/* #################
	MAIN NAVIGATION
################# */
#navbar-main {
	z-index: 6000;
	/*
	position: absolute;
	top: 0px;
	width: 100%;
	max-width: 850px;
	max-width: 1050px;
	*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#navbar-main .navbar {
	min-height: 0px;
	margin-bottom: 0px;
}
@media (min-width: 768px) {
	#navbar-main .navbar {
		border-radius: 0px;
	}
}
@media (min-width: 992px) {
	#navbar-main {
	}
	#navbar-main .navbar-nav {
	}
}
@media (min-width: 1200px) {  
	#navbar-main {
		float: right;
		text-align: right;
	}
	#navbar-main .navbar-nav {
		float: right;
	}
}
@media (min-width: 1400px) {  
	#navbar-main {
		/*margin-right: 50px;*/
	}
}


#navbar-main .navbar-collapse {
	/* padding-right: 0px; THIS IS THE STYLE THAT CAUSES HORIZONTAL SCROLLING ON THE DROPDOWN MENU WHEN TH MENU IS COLLAPSED */
}

#navbar-main .navbar-container {
	z-index: 500;
	display: inline-block;
	min-width: 250px;
	font-family: 'Roboto Condensed', serif; /* Alternate: Raleway */
	/*font-weight: 700;*/
	text-transform: uppercase;	
	text-align: center;
	
	padding-top: 5px;
	padding-bottom: 5px;
	/*margin-top: 20px;*/
	margin-bottom: 10px;
	
	background-color: transparent;/*#0B2F71*/
	border-top: 1px solid #FFF;
	border-bottom: 1px solid transparent;
}

@media (min-width: 400px) {
	#navbar-main .navbar-container {
		min-width: 350px;
	}
}

@media (min-width: 768px) {
	#navbar-main .navbar-container { 
		border-bottom: 1px solid #FFF;
	}
}
@media (min-width: 992px) {
	#navbar-main .navbar-container {
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
	}
}
@media (min-width: 1200px) {  
	#navbar-main .navbar-container {
		/*display: block;
		float: right;
		text-align: right;*/
	}
}

/* The navbar and navbar-collapse container elements */
/* Bootstrap styles:
	.navbar {
	  position: relative;
	  min-height: 50px;
	  margin-bottom: 20px;
	  border: 1px solid transparent;
	}
	@media (min-width: 768px) {
	  .navbar {
		border-radius: 4px;
	  }
	}
	.navbar-collapse {
	  padding-right: 15px;
	  padding-left: 15px;
	  overflow-x: visible;
	  -webkit-overflow-scrolling: touch;
	  border-top: 1px solid transparent;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
			  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
*/



/* The toggle button which is shown at smaller screen sizes */
/* Bootstrap styles:
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
*/

#navbar-main .nav_external_link_icon {
	height: 11px;
	margin-left: 3px;
}
#navbar-main .navbar-header {
	border-bottom: 1px solid #FFF;
}
#navbar-main .navbar-brand { 
	display: inline-block;
	float: none;
	height: auto;
	vertical-align: top;
	position: relative;
	font-size: 18px; 
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 5px;
	color: #FFF;
	/* 
	font-style: italic;
	letter-spacing: -1px; 
	*/
}
#navbar-main .navbar-brand img { 
	display:inline-block;
	vertical-align: top;
	padding-right: 5px;
	/* padding-top: 5px; */
}
@media (min-width: 768px) {
	#navbar-main .navbar-brand { 
		display: none;
	}
	#navbar-main .navbar-header {
		border-bottom: none;
	}
}

/* The toggle button itself */
#navbar-main .navbar-toggle {
	display: inline-block;
	float: none;
	height: auto;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 5px;

	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
}

/* The white lines in the toggle button */
#navbar-main .navbar-toggle .icon-bar,
#navbar-main .navbar-toggle .icon-bar:focus, 
#navbar-main .navbar-toggle .icon-bar:hover {
	background-color: #FFF;
}
@media (min-width: 768px) {
	#navbar-main .navbar-toggle { 
		display: none;
	}
}


/* The navigation menu elements */
.navbar-dbcustom-main {
	width: 100%;
	font-size: 18px; /* responsive */
}
.navbar-dbcustom-main .navbar-nav > li {
	border-right: none;
}
.navbar-dbcustom-main .navbar-nav > li:last-child {
	border-right: none;
}

/* #################
	MAIN NAVIGATION MENU
	TOP LEVEL ITEMS 
################# */
/* Navbar link / menu item */
.navbar-dbcustom-main .navbar-nav > li > a {
	text-align: left;
}
.navbar-dbcustom-main .navbar-nav > li > a {
	color: #FFF;
	background-color: transparent;
	/*background-color: #EEE;
	transition: background-color 0.3s ease;*/ /*linear*/
    line-height: 20px;
	margin-top: 1px;
	margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;	
}
/* A top menu item that's active or opened */
.navbar-dbcustom-main .navbar-nav > .active > a, 
.navbar-dbcustom-main .navbar-nav > .active > a:focus, 
.navbar-dbcustom-main .navbar-nav > .active > a:active, 
.navbar-dbcustom-main .navbar-nav > .active > a:hover, 
.navbar-dbcustom-main .navbar-nav > .open > a, 
.navbar-dbcustom-main .navbar-nav > .open > a:focus, 
.navbar-dbcustom-main .navbar-nav > .open > a:active, 
.navbar-dbcustom-main .navbar-nav > .open > a:hover
{
	color: #FFF;
	background-color: transparent;
	/* transition: background-color 0.3s ease; */ /*linear*/
}
/* A top menu item that's on hover */
.navbar-dbcustom-main .navbar-nav > li > a:hover, 
.navbar-dbcustom-main .navbar-nav > li > a:active 
{
	color: #FFF;
	background-color: transparent;
	/*background-color: rgba(0,0,0,0.2);*/
	/* transition: background-color 0.3s ease; */ /*linear*/
}
/* A top menu item that's open or active, and on hover */
.navbar-dbcustom-main .navbar-nav > .active > a:hover,
.navbar-dbcustom-main .navbar-nav > .open > a:hover, 
.navbar-dbcustom-main .navbar-nav > .open > a:focus 
{
	color: #FFF;
	background-color: transparent;
	/*
	color: #000000;
	background-color: #EEE;
	transition: background-color 0.3s ease; 
	*/
}



/* #################
	MAIN NAVIGATION - DROPDOWN MENUS 
################# */
/* li elements - borders */
.navbar-dbcustom-main .navbar-nav .dropdown-menu {
	z-index: 10000;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 17px;
	text-transform: none;
	padding: 0px;
	margin-top: 2px;
	background-color: #001E56;
	text-align: left;
	/*border-top: 1px solid #000000;*/
}
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li {
	/*border-bottom: 1px dotted #333;*/
}
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li:last-child {
	border-bottom: none;
}
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a {
	/*font-weight: 600;*/
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
}
.navbar-dbcustom-main .nav > li > a:focus {
	color: #FFF;
	background-color: transparent;
}
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a,
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:link,
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:visited,
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:focus
{
	/*color: #DD0000;*/
	color: #FFF;
	background-color: transparent;
	border-bottom: 1px dotted rgba(255,255,255,0.3);
}
.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:hover {
	color: #FFF;
	background-color: #001847;
	border-bottom: 1px dotted rgba(255,255,255,0.3);
}

/* Styles that override the defaults based on the screen size *
/* xs, sm, md, lg */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 400px) {
}

@media (min-width: 400px) {
}
@media (min-width: 500px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#navbar-main .navbar-collapse {
		padding: 0px; /* THIS IS THE STYLE THAT CAUSES HORIZONTAL SCROLLING ON THE DROPDOWN MENU WHEN TH MENU IS COLLAPSED */
	}
	#navbar-main .navbar-container {
		margin-right: 0px;
	}
	.navbar-dbcustom-main {
		width: auto;
		font-size: 16px; 
	}
	/* Navbar link / menu item */
	.navbar-dbcustom-main .navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;	
		margin-left: 2px;
		margin-right: 2px;
		
		border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
	}
	/* A top menu item that's on hover */
	.navbar-dbcustom-main .navbar-nav > li > a:hover 
	{
	}
	
	/* A top menu item that's active or opened */
	.navbar-dbcustom-main .navbar-nav > .active > a, 
	.navbar-dbcustom-main .navbar-nav > .active > a:focus, 
	.navbar-dbcustom-main .navbar-nav > .active > a:hover, 
	.navbar-dbcustom-main .navbar-nav > .open > a, 
	.navbar-dbcustom-main .navbar-nav > .open > a:focus, 
	.navbar-dbcustom-main .navbar-nav > .open > a:hover
	{
	}

	/* Dropdown menus */
	.navbar-dbcustom-main .navbar-nav .dropdown-menu {
		margin-left: 25px;
	}
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li {
	}
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a {
		padding-left: 10px;
		margin-left: 0px;
	}
	/*
	*/
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a,
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:link,
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:visited,
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:focus
	{
	}
	.navbar-dbcustom-main .navbar-nav .dropdown-menu > li > a:hover {
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-dbcustom-main {
		font-size: 18px; 
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	/* Navbar link / menu item */
	.navbar-dbcustom-main .navbar-nav > li > a {
		margin-left: 12px;
		margin-right: 5px;
		padding-left: 12px;
		padding-right: 12px;
	}
}