@charset "UTF-8";
/* CSS Document */
/* last changed Thursdayo, December 21, 2017 at 3: 37pm EST*/;
/* dropped ALL hacks for IE*/
/* Resets a core set of elements so that they will appear consistent across browsers. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/*comment*/
/* Set global properties for the body */
body {
	background-color: #999;
	font-family: "Gotham", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	font-size: .8em;
	line-height: 1.6em;
}
a, a img, a:link, a:visited, a:hover, a:visited {
	/* Remove annoying link outline in Firefox. */
	border: 0;
	outline: none;
	text-decoration: none;
}
/* page titles */
h1 {
		color: #a80000;
	/* April 2020 dark red */
	/* color: #13b7dc;
	/* April 2013 NEW blue */
	/* color: #40b2cc;
	/* original light blue */
	/* color: #8e0a0a;
	/* fall */
	/* color: #00631d;
	/* winter */
	/* color: #7b007f;
	/* lent */
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}
/* sub titles used in right side menus */
h2 {
	color: #a80000;
	;
	font-weight: bold;
}
/* currently used as line above and below scrolling areas - BAD USE!*/
h3 {
	height: 0px;
	line-height: 0px;
	border-bottom: 1px solid #333333;
}
h4 {
	font-weight: normal;
	margin-left: 130px;
}
/* blockquotes and citations */
blockquote {
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 30px;
	background-image: url("/media/site/calendar_head.png");
	-moz-background-image: url("/media/site/calendar_head.png");
	background-repeat: repeat-y;
}
blockquote:first-letter {
	font-family: "natalya-1", "natalya-2", "Verdana", sans-serif;
	color: #a80000;
	;
	font-size: 4.0em;
	margin-top: -0.2em;
}
cite {
	margin-top: -7px;
	text-align: right;
	float: right;
	padding-right: 60px;
}
#contentWrapper {
	min-height: 600px;
}
/* outerwrapper constrains widths */
#outerWrapper {
	background-color: #fff;
	background-image: url("/media/site/body_bg.png");
	-moz-background-image: url("/media/site/body_bg.png");
	margin: 0 auto;
	text-align: left;
	/* Redefines the text alignment defined by the body element. IS THIS NECESSARY? */
	width: 900px;
}
#outerWrapperXmas {
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	/* Redefines the text alignment defined by the body element. IS THIS NECESSARY? */
	width: 700px;
}
#outerWrapper .newStuff {
	/* used for main horizontal menus */
	color: #111;
	font-weight: bold;
	font-style: italic;
	margin-left: -11px;
	background-color: #a1e9fa;
}
#outerWrapper .newStuffA {
	/* used for vertical menus on RIGHT */
	color: #111;
	font-weight: bold;
	font-style: italic;
	background-color: #a1e9fa;
}
/* Header */
#outerWrapper #header {
	background-color: #7c7c7c;
	background-image: url("/media/site/header.png");
	-moz-background-image: url("/media/site/header.png");
	height: 111px;
}
/* NEW HEADER! */
#outerWrapper #header #leftHead {
	float: left;
	height: 111px;
	width: 180px;
}
#outerWrapper #header #centerHead {
	float: left;
	height: 111px;
	width: 540px;
}
#outerWrapper #header #rightHead {
	float: left;
	height: 111px;
	width: 180px;
	background-repeat: no-repeat;
	/* background-image: url("/media/site/dingbats/dingbat.png");
	/* normal */
	/* background-image: url("/media/site/dingbats/nye2.png");
	/* new years eve */
	/* background-image: url("/media/site/dingbats/snowflake2.png");
	/* winter */
	/* background-image: url("/media/site/dingbats/valentine.png");
	/* valentine */
	/* background-image: url("/media/site/dingbats/lincoln.png");
	/* Presidents' day */
	/* background-image: url("/media/site/dingbats/stPatrick.png");
	/* St Patrick */
	/* background-image: url("/media/site/dingbats/mardiGras.png");
	/* Mardi Gras */
	/* background-image: url("/media/site/dingbats/lentenRose6.png");
	/* Lenten rose */
	/* background-image: url("/media/site/dingbats/crocus3.png");
	/* crocus */
	/* background-image: url("/media/site/dingbats/lent.png");
	/* lent */
	/* background-image: url("/media/site/dingbats/memorialDay.png");
	/* Memorial Day */
	/* background-image: url("/media/site/dingbats/easterBunny.png");
	/* easter bunny */
	/* background-image: url("/media/site/dingbats/spring.png");
	/* spring */
	/* background-image: url("/media/site/dingbats/tulip.png");
	/* tulip */
	/* background-image: url("/media/site/dingbats/tulip.png");
	/* tulip */
	/* background-image: url("/media/site/dingbats/july4c.png");
	/* July 4 */
	/* background-image: url("/media/site/dingbats/sunflower6.png");
	/* summer sunflower */
	background-image: url("/media/site/dingbats/fall-leaf9.png");
	/* fall leaf */
}
#outerWrapper #header #centerHead #centerHeadTop {
	height: 80px;
	width: 540px;
}
#outerWrapper #header #centerHead #centerHeadBottom {
	height: 31px;
	width: 540px;
	position: absolute;
}
#outerWrapper #header #centerHead #centerHeadBottom #mainnav {
	height: 31px;
	width: 540px;
}
#outerWrapper #header #centerHead #centerHeadBottom ul {
	position: absolute;
	left: 26px;
	bottom: 5px;
	padding: 0;
	margin: 0;
}
#outerWrapper #header #centerHead #centerHeadBottom li {
	margin-right: 10px;
	display: inline;
}
#outerWrapper #header #centerHead #centerHeadBottom a {
	color: #eee;
}
#outerWrapper #header #centerHead #centerHeadBottom a:hover {
	color: #000000;
}
#outerWrapper #header #centerHead #centerHeadBottom a.selected {
	border-bottom: 1px solid #fff;
}
#leftColumn {
	font-size: 30px;
}
div#year {
	font-family: myriad-pro-1, myriad-pro-2, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 55px;
	color: #444;
	transform: rotate(-90deg);
	position: relative;
	top: 180px;
	letter-spacing: 12px;
	left: 0px;
}
/* Left column */
#outerWrapper #contentWrapper #leftColumn {
	/* background-image: url("/media/site/years/left_bg_2020.png");
	*/
	background-repeat: no-repeat;
	float: left;
	min-height: 600px;
	height: 500px;
	padding: 0px 0px 0px 0px;
	width: 80px;
}
/* Right column */
#outerWrapper #contentWrapper #rightColumn {
	float: right;
	width: 180px;
}
/* Right column - Menu box */
#outerWrapper #contentWrapper #rightColumn #rightMenuBox {
	background-color: #fff;
	color: #333;
	padding: 27px 10px 2px 0px;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox a {
	color: #333;
	margin-left: -16px;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox a:hover {
	font-weight: bold;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox a.current {
	color: #a00000;
	;
	font-weight: bold;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul {
	list-style-type: none;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul ul {
	margin-left: -20px;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul ul a.current {
	color: #333;
}
/* Right column - Address box */
#outerWrapper #contentWrapper #rightColumn #addressBox {
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
#outerWrapper #contentWrapper #rightColumn #addressBox a {
	border-bottom: 1px solid #888;
	color: #333;
}
#outerWrapper #contentWrapper #rightColumn #addressBox a:hover {
	font-weight: bold;
}
/* Right column - Slideshow box */
#outerWrapper #contentWrapper #rightColumn #slideShow {
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
#outerWrapper #contentWrapper #rightColumn #socialMedia {
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
#outerWrapper #contentWrapper #rightColumn #slideShow a {
	border-bottom: 1px solid #888;
	color: #333;
}
#outerWrapper #contentWrapper #rightColumn #slideShow a:hover {
	font-weight: bold;
}
/* main page content - margins set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin: 0px 180px 0 90px;
	padding: 35px 15px 10px 105px;
}
#outerWrapper #contentWrapper #content #indentList {
	margin-left: 260px;
	margin-right: -50px;
}
#outerWrapper #contentWrapper #content a:link {
	color: #111;
}
#outerWrapper #contentWrapper #content a:visited {
	color: #111;
}
#outerWrapper #contentWrapper #content a:hover {
	font-weight: bold;
}
#fotos img {
	width: 360px;
	height: auto;
}
#outerWrapper #contentWrapper #content #fotos {
	/* left 360px photo for normal pages */
	border: 1px solid #2b2b2b;
	width: 360px;
	float: left;
	margin: 0em 2em 1em -105px;
	background-color: #2b2b2b;
	border-radius: 5px;
}
#outerWrapper #contentWrapper #content #boxee .fotos {
	/* left 360px photo for home page */
	border: 1px solid #2b2b2b;
	float: left;
	margin: 0em 2em 1em -105px;
	background-color: #2b2b2b;
	border-radius: 5px;
}
#outerWrapper #contentWrapper #content #fotos2 {
	/* left 360px STATIC photo for normal pages */
	width: 360px;
	float: left;
	margin: 0em 2em 1em -105px;
}
#outerWrapper #contentWrapper #content #fotos_small {
	/* left 180px photo for spec pages */
	width: 180px;
	float: left;
	margin: 0em 2em 1em -105px;
}
#outerWrapper #contentWrapper #content #fotos_tiny {
	/* left 90px photo for scrolling pages */
	width: 90px;
	float: left;
	margin: 0em 2em 1em -105px;
}
#outerWrapper #contentWrapper #content #fotos_blog {
	/* left 180px photo for Opus 17 install blog */
	width: 180px;
	float: left;
	margin: 0em 2em 1em -15px;
}
#outerWrapper #contentWrapper #content #scrollBox {
	height: 500px;
	overflow: auto;
	background-color: #fff;
	padding: 8px;
	border: solid 1px #333;
}
/* 3 columns use floated elements and clear float class before close of container */
#outerWrapper #contentWrapper .clearFloat {
	clear: both;
	display: block;
	border-bottom: 1px;
}
/* Footer */
#outerWrapper #footer {
	background-color: #fff;
	color: #666;
	border-top: solid 1px #666;
	padding: 10px 10px 10px 10px;
	font-size: 90%;
	text-align: right;
}
#outerWrapper #footer a:link {
	color: #a00000;
	;
	margin-right: 30px;
}
#outerWrapper #footer a:visited {
	color: #a00000;
	;
}
#outerWrapper #footer a:hover {
	color: #000;
}
/* Random photo hover caption */
.captionA {
	display: block;
}
.captionA em {
	font-style: normal;
}
.captionA em.txt {
	display: none;
}
.captionA img {
	border: solid 0px #222;
	display: block;
}
.captionA:hover {
	background: #2b2b2b;
	position: relative;
	cursor: default;
	font-weight: normal;
}
.captionA:hover b {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 360px;
	background: #000;
	height: 2.5em;
	opacity: 0.7;
}
.captionA:hover em.txt {
	display: block;
	position: absolute;
	top: 0.6em;
	width: 356px;
	left: 2px;
	height: 2.5em;
	color: #eee;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: .1em;
	font-weight: normal;
}
/* Photo borders for 360, 180 & 90px */
.photoborder {
	/* left 360px photo for normal pages */
	border: solid 1px #222;
	border-radius: 4px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.photoborder_small {
	/* left 180px photo for spec pages */
	border: solid 1px #222;
	border-radius: 3px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}
/* CSS for specification tables */
table {
	/* column alignment for specs */
	table-layout: fixed;
	line-height: 1.3em;
	border-spacing: 0px;
	border-width: 0px;
	padding: 0px;
}
td {
	text-align: left;
}
td+td {
	text-align: right;
}
td+td+td {
	text-align: left;
}
td+td+td+td {
	text-align: left;
}
td+td+td+td+td {
	text-align: right;
}
td+td+td+td+td+td+td {
	text-align: left;
}
td+td+td+td+td+td+td+td {
	text-align: right;
}
/* this is the NEW CSS for ALL sound pages */
table a:link img {
	/*Remove annoying link img outline in Firefox.*/
	border: 0;
	color: #111;
}
table a {
	color: #111;
}
table a:visited {
	color: #111;
}
table a:hover {
	font-weight: bold;
	color: #111;
}
table a:active {
	font-weight: bold;
	color: #111;
}
.soundOn {
	/* override for ALL active sound links */
	color: #a00000 !important;
	font-weight: bold;
}
#qtController {
	/* Used on sound pages */
	margin-top: 25px;
	margin-bottom: 10px;
}
/* this is the NEW CSS from the sound pages */
#recordingContainer {
	/* Recordings Level 1 - new DIV with absolute placement */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
	background-image: url("/media/site/grey.png");
	-moz-background-image: url("/media/site/grey.png");
	display: none;
	opacity: 0;
}
#opaqueBackground {
	/* Recordings Level 2 - MUST be floated to contain contents with background */
	padding-top: 15px;
	padding-bottom: 100px;
	width: 100%;
	height: 100%;
	float: left;
}
#recordingDiv {
	/* Recordings Level 3 - actual sized DIV to contain individual items */
	top: 0px;
	left: 0px;
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}
#whiteBackground {
	padding: 15px;
	width: 840px;
	float: left;
	background: #fff;
	text-align: left;
}
#cdCover {
	float: left;
}
#cdStoplist {
	float: left;
	padding-left: 15px;
}
#cdBands {
	float: left;
	text-align: left;
}
/* this is misc GOBBLEDYGOOK - for future CHECK THIS OUT! */
.initialCap {
	font-family: "natalya-1", "natalya-2", "Verdana", sans-serif;
	color: #a00000;
	font-size: 4.0em;
	margin-top: -0.2em;
}
.hrLine {
	border: none;
	width: 840px;
	height: 3px;
	background-color: #a00000;
	;
	/* for everything else */
}
.imaage {
	float: left;
	margin: 0px 10px 20px 0px;
	border: solid 1px #222;
	border-radius: 3px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}
.centerContent {
	text-align: center;
	margin: 1em;
}
table.division {
	padding-left: 0.8em;
	padding-bottom: 2em;
	margin-left: 0.5em;
	font-size: 12.8px;
	font-family: "Gotham", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
#stoplist {
	padding-top: 1em;
}
div#paneLeft {
	margin-left: -105px;
	flex: 1;
}
div#test1 {
	float: right;
	flex: 1;
	flex-grow: 2;
	margin: 2em;
}
div#pane1 {
	display: flex;
}
.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.contentbox {
	display: flex;
	flex-direction: column;
	margin-left: -105px;
}
#stoplist {
	display: flex;
	flex-flow: row wrap;
	align-content: space-around;
}
.playbutton {
	-moz-background-image: url("/media/site/sound.gif");
	background-image: url("/media/site/sound.gif");
	width: 11px;
	height: 10px;
}
.humidity_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2em;
	margin: 0em 0em 2em 0em;
	border: 1px solid #2b2b2b;
	background-color: white;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.humidity_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	padding: 2em 5em;
	margin: 0em 0em 2em 0em;
	border: 1px solid #2b2b2b;
	background-color: white;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.humidity_container h1 {
	grid-column: span 2;
	justify-self: center;
}
.humidity_container input {
	width: 5em;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	/* border-radius: 6px;
	*/
}
#RH_output {
	color: red;
}
.youtube {
	margin-left: -105px;
}
/* END CSS */