/* CSS Document */

/* TOP BAR */
div#top_bar {
	background-color: #333333;
	line-height: 60px;
}
div#top_bar_container {
	display: table;
	width: 100%;
}

div#main_logo {
	display: table-cell;
	font-size: 26px;
	padding: 0 0 0 10px;
}
div#main_logo_abbrev {
	display: none;
	font-size: 24px;
	padding: 0 0 0 10px;
}

div#main_logo a, div#main_logo_abbrev a {
	color: #fff;
}
div#main_logo_slick {
	float: left;
	font-size: 24px;
	padding: 0 0 0 10px;
}
div#main_logo_slick a {
	color: #fff;
}

/* TOP MENU */
div#top_nav_container {
    display: table-cell;
	font-size: 16px;
	text-align: right;
    vertical-align: middle;
}

div#top_nav_container ul {
    display: inline;
}
div.menu-top-container ul li {
    display: inline-block;
}
div.menu-top-container a {
	color: #fff;
	display: block;
	padding: 0 10px;
	text-transform: uppercase;
}
/* Specify child menu colours */
/* starting with default */
div.menu-top-container ul li.current_page_item.menu-item-13 {
    background-color: #d07b21;
}
div.menu-top-container ul li.current-page-ancestor.menu-item-13 {
    background-color: #d07b21;
}
div.menu-top-container ul li.current_page_item.menu-item-14 {
    background-color: #177ebb;
}
div.menu-top-container ul li.current-page-ancestor.menu-item-14 {
    background-color: #177ebb;
}

/* SLICK NAV */

nav#top_nav_slick {
	display: none;
}
div#top_nav_slick_container {
	display: none;
}

div#menu_button_container {
	float: right;
	vertical-align: middle;
}




@media only screen and (max-width : 959px) {
	div#main_logo {
		display: none;
	}
	div#main_logo_abbrev {
		display: table-cell;
	}
	div#top_nav_container {
		font-size: 14px;
	}
}
@media only screen and (max-width : 639px) {
	div#top_nav_slick_container {
		display: block;
	}
	div.menu-top-container {
		display: none;
	}
	div#main_logo_abbrev {
		display: none;
	}
}