BODY {
	background: url(bkg.gif);
	color: #555555;
	font-family: Arial, sans-serif;
	font-size: normal;
	margin: 0;
	padding: 0;
}

/* General html tags */
LI	{ margin-bottom: 0.5em; }
A:link		{ color: #999900; text-decoration: underline; }
A:visited	{ color: #996600; text-decoration: underline; }
A:hover		{ background: #666600; color: white; text-decoration: underline; }


/* "ECCE" */
H1 {
	color: #FFFFE0;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12em;
	text-align: right;
	margin: 20% 0 0 0;	padding: 0px;
}
H1.span {	}
/* "Eugene Contemporary Chamber Ensemble */
H2 {
	color: #005500;
	font-family: Georgia, Times New Roman, Helvetica;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	margin: -80px 0 0 0; padding: 0;
}
H2.span {	}

#Container {
	background: white;
	position: absolute;
	overflow: none;
	top: 20%;
	width: 100%; height: 55%;
	margin: 0px;	padding: 0px;
	border-top: 1px #006633 solid;
	border-bottom: 2px #008899 solid;
}

#header {
	position: absolute;
	overflow: hidden;
	top: 0px;	left: 0px;
	width: 44%;	height: 100%;
	padding-left: 5px;	padding-right: 0px;
	margin-top: 0px;	margin-left: 0px;	margin-bottom: 0px;	margin-right: 0px;
	border-top: 0px;	border-bottom: 0px;	border-left: 0px;
	border-right: 5px #998800 solid;
}

#Content {
	position: absolute;
	overflow: auto;
	background: white;
	top: 0px;	left: 45%;
	width: 53%;	height: 100%;
	padding-top: 0px;	padding-bottom: 0px; 
	padding-left: 10px;	padding-right: 0px;
	margin: 0px;
	border-top: 0px;	border-bottom: 0px;
	border-left: 3px #99CC99 solid;
	border-right: 0px;
}

#Content P {
	margin-left: 15px;
	margin-right: 15px;
}

#MainMenu {
	position: absolute;
	top: 0px;	left: 0px;
	height: 100%;

	font-size: 120%;
	text-align: right;
}
#MainMenu UL LI {
	list-style: none;
	font-family: Georgia, Times New Roman, Helvetica;
	margin: 0;
	min-width: 120px; 
}
#MainMenu A:link	{ color: #009933; font-weight: bold; text-decoration: none; padding: 1px 3px 1px 3px; }
#MainMenu A:visited	{ color: #006699; font-weight: bold; text-decoration: none; padding: 1px 3px 1px 3px; }
#MainMenu A:hover	{ background-color: #009933; color: white; font-weight: bold; text-decoration: none; padding: 1px 3px 1px 3px; }

#siteFootnote { 
	position: absolute; 
	font-weight: bold; 
	bottom: -1.5em; right: 0px; 
	color: #FFCC99; 
	font-size: 75%; 
}
#siteFootnote A { color: #99CCCC; text-decoration: underline; }

#leftSide {
	position: absolute;
	top: 280px;
	left: 50px;
}

#leftSide>img {
	border: 1px solid #333333;
}

#ECCE {
	position: absolute;
	top: 0px;
	right: 0px;
}

H3	{ 
	font-family: Georgia, Times New Roman, Helvetica; 
	font-size: 135%;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 0px 0px 1em;
	letter-spacing: 5px;
}

A.info { color: 66AA66; position: relative; z-index: 20; text-decoration: none; }
A.info:hover { z-index: 25; background: #66AA66; color: white; }
@media screen {
	A.info span { display: none; }
	A.info:hover span {
		z-index: 30;
		display: block;	position: relative;
		width: 25em;
		padding: 3px 5px 3px 5px;
		background: #EEE;
		border: 1px solid #999;

		font: normal 9pt/11pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
		line-height: 150%;
		color: #333;
		text-decoration: none;
	}
}
@media print {
	A.info span { 
		display: block;
		font: normal 9pt/11pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
		color: #333;
		text-decoration: none;
	}
}

TABLE.performers TD { padding-right: 2px; padding-top: 0px; padding-bottom: 1px; font-weight: bold; }
TABLE.performers TD.instr	{ color: #0099cc; text-align: right; }
TABLE.performers TD.name A			{ color: #999999; text-decoration: none; }
TABLE.performers TD.name A:hover	{ color: #33cc99; text-decoration: underline; }

SPAN.date	{ color: #00AA99; font-weight: bold; }
SPAN.concertTitle	{ font-weight: bold; }
SPAN.musicTitle { font-style: italic; }

P.instruction { color: #0099cc; font-size: 95%; text-align:right; }

P.footnote { color: #888888; font-size: 95%; text-align:right; }

SPAN.composer	{ font-weight: bold; color: #0099CC; }
SPAN.title	{ font-style: italic; color: #006699; }

	P.thumbnail>img { margin: 2px; border:0; }
	P.thumbnail span { 
		z-index: 30;
		display: block;
		font: normal 9pt/11pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
		padding: 3px 5px 3px 5px;
		color: #666;
		text-align: left;
	}