/* CSS Document */

/* GLOBAL */

* { margin: 0; padding: 0; border: 0}

body,td,div,p,a,font,span {font-family: arial,sans-serif}

body {
	background: #fff;
	color: #000;
	text-align: center;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

#content a {	color: #800000; }

#page{
	width: 800;
	margin: 0 auto;
	padding: 4;
}

#content { 
	width: 800;
	color: #000;
	background: #fff;
	text-align: left;
	margin-top: 8;
	margin-bottom: 16;
}

#copy {
	text-align: center;
	font-size: 0.6em;
	color: #888;
}

table {
	width: 800;
	margin-bottom: 4;
	border-spacing: 0;
	border-collapse: collapse;
}

table.minibub {
	width: 196;
	height: 98;
	text-align: center;	
	margin: 0 2;
	background:#800000;
	color: #fff
}

table.mr {
	text-align: center;	
	background:#800000;
	color: #fff;
}

td { padding: 4 0; }

#content td { vertical-align: top; }

h1 {
	color: #fff;
	font-size: 1.5em;
	line-height: 2.0em;
}

h2 {	font-size: 1.25em; }

h3 {	font-size: 1.0em; }

/* CONCERT CALENDAR */

td.calmonth {
	margin: 4;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #800000;
}

tr.cal { width: 800; }

td.cal {
	width: 160;
	height: 120;
	padding: 4;
	background: #f4f4f4;
}

td.calcon {
	width: 160;
	height: 120;
	padding: 4;
}

td.calhead {
	width: 160;
	padding: 4;
	font-size: 0.75em;
	text-align: center;
	font-weight: bold;
}

td.calfoot {
	width: 160;
	height: 4;
	padding: 0;
	border: 0;
	background: #800000;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.caldate {
	font-weight: bold;
	margin-bottom: 0.25em;
}

.calrperf {
	font-size: 0.75em;
	font-style: italic;
	margin-bottom: 0.25em;
}

.calprog {
	font-size: 0.75em;
	font-weight: bold;
}

.calperf {
	font-size: 0.75em;
	font-style: italic;
}

.calcomm {
	font-size: 0.75em;
}

/* CONCERT SCHEDULE */ 

.date {
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 4px #eee solid;
}

.time {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 16;
	border-bottom: 4px #eee solid;
	margin-top: 1.0em;
}

.composer {
	font-weight: bold;
	margin: 0 32;
	margin-top: 1.0em;
}

.piece { margin: 0 32; }

.movement {
	margin: 0 32;
	font-style: italic;
	font-size: 0.75em;
}

.performer {
	margin: 0 32;
	font-style: italic;
}

/* multiple pieces, same performer */
.rperformer {
	margin: 0 32;
	font-style: italic;
	margin-top: 1.0em;
}

.bio {
	width: 600;
	padding-right: 2;
}

.headshot {
	width: 200;
	text-align: center;
	padding-left: 2;
}

.menu {	width: 196px; }

.ad { font-size: 0.75em; }

#aad { font-size: 0.85em; }

.button {
	background:#800000;
	color: #fff;
	font-size: 1.0em;
}

.button_active {
	background:#800000;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
}

.subtitle { font-size: 0.75em; }

.subtitle_active {
	font-size: 0.75em;
	font-weight: bold;
}
.foot {
	font-size: 0.75em;
	width: 160;
}

input.search {
	color: #888;
	font-family: arial,sans-serif;
	text-align: center;
	width: 90;
}

.textsearch {
	text-align: center;
	font-size: 0.75em;
}

.tl { background: #800000; padding: 0; border: 0; width: 4; text-align: left; vertical-align: top}
.tr { background: #800000; padding: 0; border: 0; width: 4; text-align: right; vertical-align: top}
.bl { background: #800000; padding: 0; border: 0; width: 4; text-align: left; vertical-align: bottom}
.br { background: #800000; padding: 0; border: 0; width: 4; text-align: right; vertical-align: bottom}

#head {
	width: 800;
	text-align: left; 
	color: #800000;
	margin-bottom: 4;
}

#head_content { padding: 0 4; }

.htl { background: url(images/tl.gif) left top no-repeat; }
.htr { background: url(images/tr.gif) right top no-repeat; }
.hbl { background: url(images/bl.gif) left bottom no-repeat; }
.hbr { background: url(images/br.gif) right bottom no-repeat; }

ul {
	list-style-type: none;
	margin-left: 48;
}

blockquote {
	font-style: italic;
	font-size: 0.75em;
	margin: 0 16;
}