@charset "UTF-8";
/* CSS Document */
/* last changed Friday, August 8, 2010 at 5pm EDT*/
/* dropping all support for IE <7 */
/* contains IE specific hacks - will not validate as valid CSS - BE RESPONSIBLE GET A GOOD STANDARDS BASED BROWSER! */

/* 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%;
}
/* Set global properties for the body */
body {
	background-color: #999;
	color: #111;
	font-family: "Verdana", "Geneva", sans-serif; 
	font-size: .75em;
	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: #1489c6; /* July 2011 NEW blue */
/*	color: #40b2cc; /* original light blue */
/*	color: #8e0a0a; /* fall */
	color: #00631d; /* winter */
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
}
/* sub titles used in right side menus */
h2 {
	color: #00631d;
	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 {
	display: inline-block; /* fix for IE */
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 30px;
	background: url(../media/site/calendar_head.png);
	background-repeat:repeat-y;
 }
blockquote:first-letter {
	font-family: "natalya-1","natalya-2","Verdana", sans-serif;
	color: #00631d;
	font-size: 4.0em;
	margin-top: -0.2em;
}
cite {
	display: inline-block; /* fix for IE */
	margin-top: -7px;
	text-align: right;
	float: right;
	padding-right: 60px;
 }
/* outerwrapper constrains widths */
#outerWrapper {
	background-color: #fff;
	background-image: url("../media/site/body_bg.png");
	border: solid 1px #151515;
	margin: 0 auto;
	text-align: left; /* Redefines the text alignment defined by the body element. IS THIS NECESSARY? */
	width: 900px;
}
#outerWrapperXmas {
	background-color: #fff;
	border: solid 1px #151515;
	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;
	border: solid 1px #666;
}
#outerWrapper .newStuffA{ /* used for vertical menus on RIGHT */
	color: #111;
	font-weight: bold;
	font-style: italic;
	background-color: #a1e9fa;
	border: solid 1px #666;
}
/* Header */
#outerWrapper #header {
	background-color: #7c7c7c;
	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: none;
/*	background-image: url("../media/site/dingbats/dingbat.png"); 				/* normal */
/*	background-image: url("../media/site/dingbats/nye.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/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;
	letter-spacing: 0.01em; /* HACK for IE7 page zoom bug */
}
#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;
}
/* Left column */
#outerWrapper #contentWrapper #leftColumn {
	background-image: url("../media/site/years/left_bg_2012.png");
	background-repeat: no-repeat;
	float: left;
	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;
	*padding: 18px 10px 1px 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: #00631d;
	font-weight: bold;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul {
	list-style-type: none;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul ul {
	margin-left:-20px;
	*margin-left:20px; /* all versions of IE need this */
}
#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 20px 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;
	*zoom: 1; /* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
}
#outerWrapper #contentWrapper #content #indentList {
	margin-left: 260px;
	*margin-left: 300px;
	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;
}
#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;
	-moz-border-radius: 5px;                            /* Firefox 3 only */
	-webkit-border-radius: 5px;                         /* Safari 3 only */
}
#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;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); 	/* Firefox 3 only */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); /* Safari 3 only */
}

/* 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:#00631d;
	margin-right: 30px;
}
#outerWrapper #footer a:visited {
	color:#00631d;
}
#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;
	*filter: alpha(opacity=70);                                     /* all versions of IE require this */
	*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);   /* all versions of IE require this */
}
.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;
	-moz-border-radius: 4px;                            /* Firefox 3 only */
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 	/* Firefox 3 only */
	-webkit-border-radius: 4px;                         /* Safari 3 only */
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); /* Safari 3 only */
}
.photoborder_small { /* left 180px photo for spec pages */
	border: solid 1px #222;
	-moz-border-radius: 3px;                            /* Firefox 3 only */
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 	/* Firefox 3 only */
	-webkit-border-radius: 3px;                         /* Safari 3 only */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); /* Safari 3 only */
}
/* CSS for specification tables */
table { /* column alignment for specs */
	-webkit-text-size-adjust: 120%;
	table-layout:fixed;
	*table-layout:automatic; /* necessary for IE to not mess up fancyzoom table layout */
	line-height:1.3em;
	*line-height:1.1em; /* fix table line height for IE */
	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:#00631d !important;	
	font-weight: bold;
}

#qtController { /* Used on sound pages */
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: -20px\9; /* adjust left margin for all IE */
}

/* 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");
	display: none;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	/* IE8 */
	filter: alpha(opacity = 0);											/* for IE5-7 */
}

#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;
	display: inline-block; /* fix for IE */
}

#cdBands {
	float: left;
	text-align: left;
}

/* this is misc GOBBLEDYGOOK - for future CHECK THIS OUT! */
.initialCap {
	*line-height: 0.75em; /* hack <IE8 */
	font-family: "natalya-1","natalya-2","Verdana", sans-serif;
	color: #00631d;
	font-size: 4.0em;
	margin-top: -0.2em;
}

.hrLine {
	border: none;
	width: 840px;
	height: 3px;
	color: #00631d; /* for IE */
	background-color: #00631d; /* for everything else */
}

.imaage {
	float: left;
	margin: 0px 10px 20px 0px;
	border: solid 1px #222;
	-moz-border-radius: 3px;                            /* Firefox 3 only */
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 	/* Firefox 3 only */
	-webkit-border-radius: 3px;                         /* Safari 3 only */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); /* Safari 3 only */
}

/* END CSS */