/* layout */
html {
	position: relative;
	min-height: 100%;
}

body {
	height: 100%;
}

.nav-grid {
	padding: 10px 0;
}

.sm-nav {
	text-align: center;
	padding: 0 5px;
	margin: 0 auto;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-variant: small-caps;
}

.sm-nav a {
	padding: 2px 12px;
	font-size: 18px;
	line-height: 17px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	text-decoration: none;
	margin-right: -1px;
}

.main-header {
	padding: 0;
	font-family: "Times New Roman";
}

.main-header li {
	margin: 0;
	padding: 4px 0;
}

.inner-header {
	margin: 0 auto;
	padding: 0;
	width: 685px;
	max-width: 100%;
}

.header-content{
	padding: 0;
}

.header-left {
	float: left;
}
.header-left-top {
	font-size: 45px;
	letter-spacing: 0.05em;
}
.header-left-middle {
	font-size: 25px;
	letter-spacing: 0.09em;
}
.header-left-bottom {
	font-size: 15px;
	letter-spacing: 0.15em;
}
.middle-float {
	padding: 0 28px 0 18px;
	float: left;
}
.middle-float div {
	margin: 0;
	float: left;
}
.header-right {
	float: left;
	margin-top: 10px;
	font-size: 19px;
	letter-spacing: 0.11em;
}
#header img {
	float: left;
	margin: 0 auto;
	padding: 5px 0;
}
.main-content{
	margin-bottom: 70px;
}

#footer{
	position: absolute;
	bottom: 37px;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
}
#footer_inner{
	position: relative;
	width: 100%;
	min-height: 20px;
	margin: 0 auto;
	padding: 15px 0;
}
.column-left {
	padding-top: 25px;
	padding-bottom: 15px;
}

.column-right {
	padding-top: 25px;
	padding-bottom: 15px;
}

.footer-static {
	padding: 15px;
}

/* responsive */
/*@media screen and (max-width: 425px) {
}*/
@media screen and (max-width: 768px) {
	.nav-grid {
		padding: 0 !important;
	}
}

/* colors */
body {
	background: #a38e62;
}

.main-header {
	color: #000000;
	background-color: #a38e62;
}

.main-header a {
	color: #9c9c9c !important;
}
.main-header a:hover {
	color: #000000 !important;
}

.column-left {
	color: #000000;
	background-color: #a38e62;
}

.column-left a {
	color: #9c9c9c !important;
}
.column-left a:hover {
	color: #000000 !important;
}

.column-right {
	color: #000000;
	background-color: #a38e62;
}

.column-right a {
	color: #9c9c9c !important;
}
.column-right a:hover {
	color: #000000 !important;
}

.footer-static, #footer_inner {
	color: #000000;
	background-color: #a38e62;
}

.footer-static a {
	color: #9c9c9c !important;
}
.footer-static a:hover {
	color: #000000 !important;
}

.artist_gallery a {
	color: #000000 !important;
}
.artist_gallery a:hover {
	color: #000000 !important;
}

.event_link, .tooltip-show, div#tipDiv {
	background-color: #a38e62;
}

.tooltip-show a {
	color: #9c9c9c !important;
}

.tooltip-show a:hover {
	color: #000000 !important;
}

div#tipDiv {
	border-color: #000000 !important;
}

select {
	color: #a38e62 !important;
}

#plUL li {
	color: #9c9c9c;
}

#plUL li:hover {
	color: #000000;
}

#plUL li.plSel {
	color: #000000;
}

#plUL li {
	border: 0px solid black;
}

div#showPlaylist {
	border: 0px solid #aaa;
}

#timeBar {
	background-color: #9c9c9c;
}

#bufferBar {
	background-color: #000000;
}

#progressBar {
	border: 1px solid #000000;
}

#audioSlider.ui-slider .ui-slider-handle {
	background: #000000;
	border: 1px solid #9c9c9c;
}

#audioSlider.ui-slider {
	background: #a38e62;
	border: 1px solid #000000;
	background-image: none;
}

#audioSlider.ui-slider .ui-slider-range {
	background: #000000;
}

.audio-controls-inner {
	background-color: #000000;
}

/* inputs */
input[type="button"]:not([disabled]), input[type="submit"]:not([disabled]), input[type="reset"]:not([disabled]), button:not([disabled]), .button {
	color: #ffffff;
	background-color: #a38e62;
	border-color: #ffffff !important;
	font-weight: bold;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
	color: #000000 !important;
	background-color: #ffffff !important;
	border-color: #000000 !important;
}

#colorbox button {
	color: #9c9c9c !important;
}

#colorbox button:hover {
	color: #000000 !important;
}

#cboxClose {
	color: #000000;
}

#cboxClose:hover {
	color: #000000;
}

/* smart menus */
.sm-nav ul {
	border-color: #c2b497;
	background: #a38e62;
}

.nav-grid {
	background: #a38e62;
}

.sm-nav ul {
	background: #a38e62;
	border: 1px solid #c2b497;
}

.sm-nav a {
	color: #ffffff;
	background: #a38e62;
}

.sm-nav a:hover, .sm-nav a:focus, .sm-nav a:active, .sm-nav a.highlighted {
	color: #000000;
	background: #a38e62;
}

.sm-nav ul a {
	color: #ffffff;
	background: #a38e62;
}

.sm-nav ul a:hover, .sm-nav ul a:focus, .sm-nav ul a:active, .sm-nav ul a.highlighted {
	color: #000000;
	background: #a38e62;
}

.sm-nav a.current, .sm-nav a.current:hover, .sm-nav a.current:focus, .sm-nav a.current:active, .sm-nav ul a.current, .sm-nav ul a.current:hover, .sm-nav ul a.current:focus, .sm-nav ul a.current:active {
	color: #000000;
	background: #a38e62;
}

/* sub menu indicators */
.sm-nav a span.sub-arrow {
	border-color: #ffffff transparent transparent transparent;
}

.sm-nav a:hover span.sub-arrow, .sm-nav a.highlighted span.sub-arrow {
	border-color: #000000 transparent transparent transparent;
}

.sm-nav a.current span.sub-arrow, .sm-nav a.current:focus span.sub-arrow, .sm-nav a.current:active span.sub-arrow {
	border-color: #000000 transparent transparent transparent;
}

.sm-nav ul a span.sub-arrow {
	border-color: transparent transparent transparent #ffffff;
}

.sm-nav ul a:hover span.sub-arrow, .sm-nav ul a.current span.sub-arrow, .sm-nav ul a.current:hover span.sub-arrow, .sm-nav ul a.current:focus span.sub-arrow, .sm-nav ul a.current:active span.sub-arrow, .sm-nav ul a.highlighted span.sub-arrow {
	border-color: transparent transparent transparent #000000;
}

/* items separators */
.sm-nav li {
	border-left: 1px solid #c2b497;
}

/* scrolling arrows containers for tall sub menus */
.sm-nav span.scroll-up, .sm-nav span.scroll-down {
	background: #000000;
}

.sm-nav span.scroll-up-arrow {
	border-color: transparent transparent #ffffff transparent;
}

.sm-nav span.scroll-down-arrow {
	border-color: #ffffff transparent transparent transparent;
}

.sm-nav span.scroll-up:hover, .sm-nav span.scroll-down:hover {
	background: #000000;
}

.sm-nav span.scroll-up:hover span.scroll-up-arrow {
	border-color: transparent transparent #c2b497 transparent;
}

.sm-nav span.scroll-down:hover span.scroll-down-arrow {
	border-color: #c2b497 transparent transparent transparent;
}

/* menu buttons  */
#menu-button, .bttn-hide {
	background: #a38e62;
	color: #ffffff !important;
}

#menu-button:hover, .bttn-hide:hover {
	color: #000000 !important;
}

/* boopstrap nav */
.menu-area {
	background: #a38e62;
}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
	color: #ffffff;
	border-color: #ffffff !important;
}

.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

.mainmenu .collapse ul > li:hover > a {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

.mainmenu .collapse ul ul ul > li:hover > a {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
	color: #000000;
	background: #a38e62;
	border-color: #ffffff !important;
}

ul.navbar-nav > li {
	border-color: #ffffff;
}

@media only screen and (min-width: 995px) {
	ul.navbar-nav > li > a {
		border-color: #ffffff;
	}
}

@media only screen and (max-width: 767px) {
	ul.navbar-nav > li > a {
		border-color: #ffffff;
	}
	ul.navbar-nav > li > a:hover {
		border-color: #ffffff;
	}
	.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
		border-color: 1px solid #ffffff;
	}
}