@import url(http: //fonts.googleapis.com/css?family=Open+Sans: 400italic,400,700);

* {
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-family: 'Open Sans',sans-serif;
	font-size: 11pt
}

@media only screen and (min-width: 989px) {
	
	body {
		overflow: hidden;
		background-color: #000;
		color: #fff
	}
	
	#main {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: auto;
		z-index: 70
	}
	
	#box {
		width: 500px;
		position: absolute;
		top: 100px;
		right: 200px;
		padding-bottom: 100px
	}
	
	#headline {
		height: 130px;
		line-height: 1.5em;
		background-color: #fff;
		padding-top: 15px;
		color: #08004c
	}
	
	#headline img.logo {
		float: left;
		margin-left: 25px
	}
	
	#headline h2 {
		font-size: 25px;
		font-weight: normal;
		padding: 25px 10px 0px 10px
	}
	
	#headline a.button_minmax {
		position: absolute;
		width: 9px;
		height: 9px;
		right: 10px;
		top: 10px;
		line-height: 9px;
		display: block
	}
	
	#content {
		background-color: #fff;
		padding: 2rem;
		line-height: 1.5em;
		color: #222
	}
	
	#content .content-nav {
		text-align: center;
	}
	
	#content h3 {
		position: relative;
		margin: 1em 0;
		text-transform: uppercase;
		line-height: 1.8rem;
		font-weight: bold
	}
	
	#content h3 a:hover {
		text-decoration: none
	}
	
	#content h4 {
		position: relative;
		margin: 1rem 0;
		line-height: 1.8rem;
		border-bottom: 1px solid #c5d1ed;
		font-weight: bold
	}
	
	#content h4 a:hover {
		text-decoration: none
	}
	
	#content h5 {
		position: relative;
		margin: 1rem 0;
		line-height: 1.8rem;
		font-weight: bold
	}
	
	#content * a:link,#content * a:visited {
		background-color: transparent;
		color: #00529C;
		text-decoration: none
	}
	
	#content * a:hover {
		text-decoration: underline
	}
	
	#content p {
		margin: 1rem 0;
		line-height: 1.8rem
	}
	
	#content .center {
		text-align: center
	}
	
	#content p.youtube object {
		z-index: 60
	}
	
	#content p.gototop {
		text-align: right
	}
	
	#content .important {
		background-color: #F5BCA9;
		color: #8A0808;
		padding: 5px;
	}
	
	#content img {
		border: 0;
		margin: 1rem 0
	}
	
	#content img.fluid {
		width: 100%;
		height: auto;
	}
	
	#content ul {
		margin-left: 20px
	}
	
	#content dl dt {
		margin-top: 10px;
		font-weight: bold
	}
	
	#content dl dd {
		margin-bottom: 10px
	}
	
	#content table {
		margin: 1rem 0;
		border-collapse: collapse
	}
	
	#content table caption {
		display: none
	}
	
	#content table th {
		padding: 3px;
		background-color: #5b6d96;
		color: white;
		text-align: left
	}
	
	#content table th.weekday {
		width: 100px
	}
	
	#content table th.time, #content table td.time {
		width: 150px
	}
	
	#content table th.location {
		width: 450px
	}
	
	#content table td {
		border-bottom: 1px dashed rgb(56,50,90);
		padding: 2px;
		vertical-align: top
	}
	
	#content form fieldset {
		line-height: 2em
	}
	
	#content form fieldset input[type=text] {
		position: relative;
		padding: 2px;
		border: 1px solid #5b6d96;
		width: 100%;
		background-color: #eee
	}
	
	#content form fieldset select {
		border: 1px solid #5b6d96;
		width: 100%;
		background-color: #eee
	}
	
	#content form fieldset select option {
		padding: 3px
	}
	
	#content form fieldset select optgroup {
		font-style: normal;
		font-weight: bold;
		border-bottom: 1px dashed #5b6d96
	}
	
	#content form fieldset select optgroup option {
		padding-left: 15px
	}
	
	#content form fieldset textarea {
		padding: 2px;
		width: 100%;
		height: 10rem;
		border: 1px solid #5b6d96;
		background-color: #eee
	}
	
	#content form fieldset #submit {border: 1px solid #5b6d96;padding: 2px 8px;background: #c5d1ed;font-weight: bold;color: #5b6d96}
	
	#content form fieldset #submit:hover {border: 1px solid rgb(56,50,90);color: rgb(56,50,90)}
	
	#content iframe.youtube {z-index: 60}
	
	.video-container {
		position: relative;
		height: 0;
		margin: 1rem 0;
		padding-bottom: 56.25%;
	}
	.video-container .youtube-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#menu {width: 100%;position: absolute;bottom: 25px;left: 161px;z-index: 80;line-height: 12px;height: 78px;padding: 7px 0px 0px 7px;background-color: #000;color: #fff;opacity: 0.6;filter: alpha(opacity=60);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"}
	
	#menu ul {float: left;list-style: none}
	
	#menu li a {display: block;height: 14px;padding: 0px 10px 0px 5px;font-size: 11px;font-weight: bold;color: #999;background-color: transparent;text-decoration: none}
	
	#menu li a:hover {background-color: transparent;color: #fff}
	
	#menu li a.active {background-color: transparent;color: #fff}
	
	#header {position: absolute;left: 0px;bottom: 25px;width: 160px;z-index: 80;opacity: 0.99;background-color: #002444;color: #fff;height: 85px}
	
	#header h1 {padding-top: 23px;padding-right: 10px;padding-bottom: 23px;font-size: 12pt;text-align: right;color: #fff;background-color: transparent}
	
	#header h1 a {padding-top: 23px;padding-bottom: 23px;color: #ddd;background-color: transparent;text-decoration: none}
	
	#header h1 a:hover {background-color: transparent;color: #fff}
	
	#gallery {position: absolute;z-index: 60;height: 110%;width: 100%;overflow: hidden;top: -10%;opacity: 0.4;filter: alpha(opacity=40)}
	
	#gallery img {width: 100%}
	
	#footer {position: absolute;right: 25px;bottom: 25px;width: 180px;z-index: 80;color: #fff;background-color: transparent;height: 78px;padding: 7px 0px 0px 7px}
	
	#footer ul {float: right;list-style: none;text-align: right}
	
	#footer li a {display: block;height: 14px;padding: 0px 5px;font-size: 10px;font-weight: bold;color: #888;background-color: transparent;text-decoration: none}
	
	#footer li a:hover {color: #bbb;background-color: transparent}
	
	#footer li a.active {background-color: transparent;color: #fff}
	
	#events table {width: 100%}
	
	#events table td {border: 0px}
	
	#content table.program tr th.time, #content table.program tr td.time {width: 56px}
	
}

@media screen and (max-width: 988px) {
	
	#header {
		display: none;
	}
	
	#menu {
		background-color: #000;
		position: absolute;
		width: 100%;
		top: 150px;
	}
	
	#menu ul {
		display: block;
		border-top: 1px solid rgb(0,0,150);
		padding: 8px 0px 8px 0px;
	}
	
	#menu li {
		display: inline;
		padding-left: 12px
	}
	
	#menu li a {
		color: #ddd;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none
	}
	
	#menu li a:hover {
		color: #fff;
		background-color: transparent
	}
	
	#menu ul.submenu li a {
		font-size: 0.8em
	}
	
	#main {
		background: #fff;
	}
	
	#box {
		width: 100%;
	}
	
	#headline {
		height: 150px;
		width: 100%
	}
	
	#headline img.logo {
		float: left;
		margin-left: 25px
	}
	
	#headline h2 {
		font-size: 25px;
		font-weight: normal;
		padding: 15px 10px 0px 10px;
		color: #29365c
	}
	
	#headline a.button_minmax {
		display: none;
	}
	
	#content {
		padding: 20px 15px 25px 12px;
		line-height: 1.5em;
		top: 150px;
	}
	
	#content h2 {
		font-size: 2em
	}
	
	#content h3 {
		padding-top: 20px;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: bold
	}
	
	#content h4 {
		padding-top: 12px
	}
	
	#content img {
		padding-top: 12px;
		text-align: center;
		width: 100%;
		height: auto
	}
	
	#content img.fluid {
		width: 100%;
		height: auto;
	}
	
	#content p {
		margin: 1rem 0;
		line-height: 1.8rem;
	}
	
	#content .important {
		background-color: #F5BCA9;
		color: #8A0808;
		padding: 5px;
	}
	
	#content ul {
		margin-left: 20px
	}
	
	#content dl dt {
		margin-top: 10px;font-weight: bold
	}
	
	#content dl dd {
		margin-bottom: 10px
	}
	
	#content table {
		margin: 10px 0px;
		border-collapse: collapse;
		width: 100%;
	}
	
	#content table caption {
		display: none
	}
	
	#content table th {
		padding: 3px;
		background-color: #5b6d96;
		color: white;
		text-align: left
	}
	
	#content table th.weekday {
		width: 100px;
	}
	
	#content table .time {
		min-width: 20%;
	}
	
	#content table th.location {
		width: 450px;
	}
	
	#content table td {
		border-bottom: 1px dashed rgb(56,50,90);
		padding: 5px;
		vertical-align: top
	}
	
	#content * a:link,#content * a:visited {
		background-color: transparent;
		color: #5b6d96;
		text-decoration: none
	}
	
	#content * a:hover {
		text-decoration: underline
	}
	
	#content .center {
		text-align: center
	}
	
	#content form fieldset {
		line-height: 2em
	}
	
	#content form fieldset input[type=text] {
		position: relative;
		padding: 2px;
		border: 1px solid #5b6d96;
		width: 100%;
		background-color: #eee
	}
	
	#content form fieldset select {
		border: 1px solid #5b6d96;
		width: 100%;
		background-color: #eee
	}
	
	#content form fieldset select option {
		padding: 3px
	}
	
	#content form fieldset select optgroup {
		font-style: normal;
		font-weight: bold;
		border-bottom: 1px dashed #5b6d96
	}
	
	#content form fieldset select optgroup option {
		padding-left: 15px
	}
	
	#content form fieldset textarea {
		padding: 2px;
		width: 100%;
		height: 10rem;
		border: 1px solid #5b6d96;
		background-color: #eee
	}
	
	#content form fieldset #submit {border: 1px solid #5b6d96;padding: 2px 8px;background: #c5d1ed;font-weight: bold;color: #5b6d96}
	
	#content form fieldset #submit:hover {border: 1px solid rgb(56,50,90);color: rgb(56,50,90)}
	
	.video-container {
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
	}
	.video-container .youtube-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#events table {
		width: 100%
	}
	
	#events table td {
		border: 0px
	}
	
	#gallery {
		display: none
	}
	
	#footer {
		background-color: #5b6d96;
		color: #ddd;
		font-size: 0.6875em;
		line-height: 1.545em;
		text-align: center;
	}
	
	#footer ul {
		display: block;
		padding: 8px 0px 9px 0px
	}
	
	#footer li {
		display: inline;
		padding-left: 12px
	}
	
	#footer li a {
		color: #ddd;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none
	}
	
	#footer li a:hover {
		color: #fff;
		background-color: transparent
	}
	
}