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

body {
	font-family: sans-serif;
}

.header div {
	padding: 0 20px;
	display: inline-block;
	vertical-align: middle;
}

.headerLeft {
	float: ;
	width: 150px;
}

.headerRight {
	float: ;
	vertical-align: top;
}

.headerImage-left {
	max-width: 150px;
	padding-right: 15px;
}
.headerImage-right {
	max-width: 150px;
	padding-left: 15px;
}

.headerTitle  {
	font-size: 3.5vw;
}

.trioColumn {
	width:33%;
	display: inline-block;
	vertical-align: top;
}
.trioColumn h3 {
	font-size: 22px;
	text-align: left;
	background-color: #4b6343;
	padding: 5px;
	color: #fff;
}

.trioContent {
	padding: 0 10px 20px 10px;
	text-align: justify;
}

.trioContent a {
	color: #59724e;
}

.trioContent a:hover {
	color: #7784a1;
	text-decoration: none;
}

/* copy */

.copy {
	width: 70%;
	text-align: justify;
	padding: 0 0 0 25px;
}

.copy a, a:visited {
	color:#59724e;
}

.copy a:hover {
	color:#7784a1;
	text-decoration: none;
}

/* schedule */
.schedule {
	padding: 0 0 0 25px;
}

/* menu */

.container {
	background-color: #4b6343;
	background-image: linear-gradient(rgb(0,0,0), rgba(75,99,67));

}

.menu > ul > li {
	list-style: none;
	display: inline-block;
	background: #4b6343;
	background-image: linear-gradient(rgb(0,0,0), rgba(75,99,67));
	min-height: 45px;
	height: 100%;
	padding: 7px 15px;

	line-height: 44px;
	}

.menu > ul > li:hover {
	background: #4b6343;

	}

.menu > ul li a {
	text-decoration: none;
	color: #fff;

}
.menu > ul li a:hover {
	background:#4b6343;
	color: #fff;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.active {
	background:#4b6343 !important;
}

.footer {
	background-image: linear-gradient(rgb(75,99,67), rgba(0,0,0));
	padding: 20px 0;
	color: #ccc;
	text-align: center;
}



/* nowPlaying */

.nowPlaying {
	border: none;
	width: 100%;
}