/* Palette */
/*---------

red - #ac112b
green - #887c56
lt green - #a09678
grey - #888
lt pink - #f5e2e5



*/



html * {
	margin : 0;
	padding : 0;
	}
html, body {
	height : 100%;
	}
body {
	background-color : #ccc;
	text-align : center;
	font-size : 87.5%; /*For internet explorer*/
	color : #636363;
	font-family : helvetica, "trebuchet MS", verdana, sans-serif;
	line-height : 1.5em;
	height : 100%;
	}
html>body {
	font-size : 14px;  /*For standards compliant browsers*/
	}
p {
	font-size : 1em;
	line-height : 1.5em;
	margin-bottom : 1.5em;
}
	
/* Layout */
/*--------*/

#wrapper {
	width : 765px;
	margin : 0 auto;
	text-align : left;
	background-color : #f8f8f8;
	border : solid 1px #888;
	border-width : 0 1px;
	padding-top : 20px;
	padding-bottom : 20px;
	min-height : 100%;
	}
* html #wrapper {
	height : 100%;
	}
#banner {
	width : 190px;
	float : left;
	}
h1 	{
	width : 159px;
	height : 346px;
	margin : 0 15px 0 16px;
	background : #333 url(i/logo.gif) no-repeat top left;
	color : white;
	text-indent : -9999px
	}
#banner p {
	text-align : center;
	padding : 0 10px;
	}
#banner p.carl {
	text-transform : uppercase;
	font-weight : bold;
	font-size : 10px;
	}
#page {
	margin : 0 25px 0 190px;
	background : #fff;
	color : #555;
	border : 1px solid #888;
	min-height : 100%;
	}
img.iefix {
	border : none;
		}
img.iefix {
	_margin-left : -3px;
	}
#content {
	padding : 1.5em 10px 1.5em;
		}
/* Min-height hack */
#content {
	min-height : 500px; 
	height:auto;
	}
/*\*/
* html #content {
height: 500px;
}
/* end hack */

#footer {
	margin-top : 4.5em
	text-align : center;
	}
#footer img {
	padding : 10px 12px;
	border : none;
	margin : 0;
	}


/* Navigation */
/*------------*/
	
#banner ul {
	font-family : georgia, "times new roman", serif;
	list-style : none;
	font-weight : bold;
	font-size : 1.1429em;
	line-height : 1.3125em;
	margin : 1.3125em 10px 2.625em 15px;
	}
#banner ul li {
	margin-bottom : 0.6562em;
	}
#banner ul ul {
	font-weight : normal;
	font-size : 0.875em;
	line-height : 1.5em;
	margin : 0 0 0 15px;
	}
#banner ul ul li {
	margin-bottom : 0;
	text-indent : -10px;
	}
#banner ul a, #banner ul li.current ul a {
	text-decoration : none;
	color : #555;
	}
#banner ul a:hover, #banner ul li.current ul a:hover {
	text-decoration : underline;
	color : #ac112b;
	cursor : pointer;
	}
#banner ul li.current a {
	color : #ac112b;
	}
#banner ul li.current a:hover {
	cursor : default;
	text-decoration : none;
	}
	
/*Headers and Links */
/*------------------*/

h2, h3, h5, h6	{

	font-family : "bookman old style", georgia, "times new roman", serif;
	font-weight : normal;
	}
h2	{
	color : #ac112b;
	font-size : 2em;
	line-height : 1.5em;
	clear : right;
	margin-bottom : 0.75em;
	font-weight : bold;
	text-transform : uppercase;
	}
h2.small	{
	font-size : 1.286em;
	line-height : 1.167em;
	}

h3	{
	color : #ac112b;
	text-transform : lowercase;
	font-weight : normal;
	line-height : 0.75em;
	font-size : 1.714em;
	line-height : 1.3125em;
	margin : 0.4375em 0 0 0;
	clear : right;
	}
h5	{
	color : #555;
	font-size : 1.5em;
	line-height : 1em;
	margin-top : -1em;
	margin-bottom : 1em;
	text-transform : uppercase;
	}
h5 span {
	color : #a09678;
	text-transform : uppercase;
	padding-left : 0.5em;
	}
h6	{
	font-size : 1em;
	font-weight : bold;
	line-height : 1.5em;
	margin-bottom : 1.5em;
	margin-top : 0;
	}
h4 {
	font-weight : normal;
	font-size : 1.1429em;
	line-height : 1.125em;
	margin-bottom : 1.3125em;
	color : #ac112b;
	clear : right;
	}
#content img {
	float : right;
	border : 1px solid #888;
	margin-left : 10px;
	}
a	{
	color : #887c56;
	text-decoration : underline;
	}
a:visited {
	color : #887c56;
	text-decoration : underline;
	}
a:hover	{
	color : #ac112b;
	text-decoration : none;
	}
	
/* Lists and Tables */
/*------------------*/

#content ul, #content dl, .program p, p.tickets {
	font-size : 0.8333em;
	line-height : 1.8em;
	}
#content ul {
	list-style : square outside;
	margin : 1.8em 0 0 20px;
	}
table {
	font-size : 1em;
	border-collapse : collapse;
	clear : right;
	width : 525px;
	}
caption {
	text-align : left;
	caption-side : top;
	font-size : 1.5em;
	color : #a09678;
	padding : 1em 0;
	}
tr.workheader td {
	border-bottom : 1px solid #888;
	}
tr.lastwork td {
	padding-bottom : 1.5em;
	}
td	{
	vertical-align : top;
	padding : .375em;
	line-height : 1.5em;
	}
td.timing {
	text-align : right;
	}
tfoot td {
	font-weight : bold;
	text-align : right;
	border-top : 1px solid #888;
	}
td.no {
	font-size : 0.8333em;
	line-height : 1.8em;
	text-align : center;
	}
td.composer {
	color : #a09678;
	}
td.composer a {
	color : #a09678;
	}
td.composer a:hover {
	color : #ac112b;
	text-decoration : none;
	}
td span {
	color : #999;
	}
dl {
	margin : 1.5em 20px;
	border-top : 1px solid #888;
	border-bottom : 1px solid #888;
	clear : both;
	}
dl.personnel {
	border-width : 0;
	}
dl.personnel dt {
	float : none;
	padding : 0;
	}
dl.personnel dd {
	margin-left : 18em;
	padding : 0;
	position : relative;
	top : -1.8em;
	}	
dt	{
	float : left;
	width : 16em;
	color : #a09678;
	padding : 5px 0;
	}
dd	{
	margin-left : 16em;
	padding : 5px 0;
	}
.program {
	margin : 0 20px 1.5em 20px;
	padding : 0.333em 0;
	clear : both;
	}
.program dl {
	border-width : 0;
	margin : 0;
	}
.program p {
	margin : 0;
	}
.program p.dd {
	color : #333;
	}
.program p.dl em {
	padding-left : 0.8em;
	}
#content .program ul {
	list-style : none;
	font-style : italic;
	margin : 0 10px;
	}
p.guest {
	text-transform : uppercase;
	color : #608d86;
	border-top : 1px solid #b6a695;
	margin-top : -1.5em;
	padding : .3333em 0;
	}
p.guest span {
	text-transform : none;
	color : #333;
	}


	

/* Miscellaneous */
/*---------------*/
	

.clearfix:after {
	content : ".";
	display: block;
	font-size: 0;
    clear: both; 
    visibility: hidden;
    }
.special {
	text-align : center;
	font-weight : bold;
	}
#content p.extra {
	text-align : right;
	margin-top : 0;
	}
#content p.button {
		width : 220px;
		float : right;
		margin-top : 0;
		}
#content p.button img {
	border : none;
	padding : 0;
	float : none;
	margin : 0;
	}
#content p.button a {
	height : 40px;
	width : 220px;
	display : block;
	background : url(i/button.gif) no-repeat 0 -45px;
	-moz-outline : none;
	text-indent : -9999px;
	text-decoration : none;
	}
#content p.button a:hover {
	background-position : top left;
	}
#content div.cds {
	margin-top: 1.5em;
	padding-bottom : 1.5em;
	border-bottom : 1px solid #888;
	}
#content a img {
	padding : 10px 5px 5px 10px;
	border : 1px solid #fff;
	vertical-align : bottom;
	margin-top : -24px;
	float : right;
	display : block;
	}
#content div.cds a img {
	float : none;
	margin : 0;
	display : inline;
	padding : 10px;
	}
#content a.image:hover {
	_height : 1%;
	}
#content a:hover img {
	border : 1px solid #888;
	}
#content div.cds a:hover img {
	border : 1px solid #888;
	}
span.eve {
	font-style : italic;
	font-size : 1.2em;
	font-family : georgia, "times new roman", serif;
	}

div.details p.venue, div.details p.dates{
	margin : 0 0 0 15px;
	padding : 0 10px 0 10px;
	text-align : right;
	width : 225px;
	background : url(i/transparent.png) top left;
	font-weight : bold;
	font-family : "bookman old style", georgia, "times new roman", serif;
	color : #111;
	text-transform : uppercase;
	font-size : 0.857em;
	line-height : 1.75em;
	}
div.details p.venue {
	padding-bottom : 10px !important;
	}
p.dates, p.venue {
	margin : 0;
	}
p.venue {
	border-top : 1px solid #888;
	padding-top : 0.75em;
	margin-top : 0.75em;
	}
#content img.full {
	float : none;
	margin : 0 auto 1.5em;
	}
#content blockquote {
	font-size : 1.25em;
	line-height : 1.2em;
	font-weight : normal;
	font-style : italic;
	font-family : "times new roman", serif;
	width : 520px;
	}
#content .review blockquote {
	font-style : normal;
	width : 480px;
	margin : 0 auto;
	}
#content blockquote em {
	font-style : normal;
	font-weight : normal;
	}
#content .review em {
	font-style : italic;
	}
#content cite {
	font-size : 1em;
	line-height : 1.5em;
	text-align : right;
	margin-bottom : 1.5em;
	display : block;
	}
p.duration {
	font-style : italic;
	padding : 0 20px;
	}
p.blurb {
	padding : 0 20px;
	margin : 0;
	}
p.tickets {
	margin-top : 1.5em;
	}
p.disclaimer {
	font-style : italic;
	font-size : 0.8333em;
	line-height : 1.8em;
	margin-bottom : 0;
	}



/* Series Headers */
/*----------------*/




#content .details {
	background : #fff url(i/one.jpg) top left no-repeat;
	width : 525px;
	height : 371px;
	margin-top : 4.5em;
	}
#content #two .details {
	background-image : url(i/two.jpg)
	}
#content #three .details {
	background-image : url(i/three.jpg)
	}
#content #four .details {
	background-image : url(i/four.jpg)
	}
.details h2 {
	color : #fff;
	background : #ac112b;
	text-transform : lowercase;
	margin : 0 0 0 15px;
	padding : 5px 10px 15px 10px;
	font-weight : normal;
	line-height : 0.75em;
	width : 225px;
	text-align : right;
	}
.details h5 {
	color : #fff;
	background : #ac112b;
	text-transform : lowercase;
	font-weight : bold;
	margin : 0 0 0 15px;
	padding : 10px 10px 0 10px;
	font-size : 1em;
	line-height : 1.5em;
	width : 225px;
	text-align : right;
	}

/* Forms */
/*-------*/

#content form {
  background-color : #eeeeee;
  margin : 1.5em 30px !important;
  border : 1px solid #dddddd;
	}
form fieldset {
  margin-bottom: 10px;
  border : none;
}
form legend {
  padding: 0.8335em 2px;
  font-weight: bold;
}
form label {
  float : left;
  line-height: 1.6667em;
  vertical-align: top;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
  margin : 0;
}
form fieldset fieldset label {
  display: block;
  width: auto;
}
form label {
  width: 110px; /* Width of labels */
}
form fieldset fieldset label {
  margin-left: 113px; /* Width plus 3 (html space) */
}
span.m {
	font-weight : bold;
	color : #ac112b;
}
p.submit {
	margin : 1.6667em auto !important;
	text-align : center;
	}
form select {
	margin : 0 0 1.6667em 113px;
	}
form p.select {
	margin : 0;
	}
#content div#warn_box {
	margin : 1.6667em 30px;
	background-color : #f5e2e5;
	color : #ac112b;
	border : 1px solid #888;
	padding : 0 15px;
	}
#content ul#warn_list {
	margin : 0;
	list-style : disc inside;
	}
#content ul#warn_list li {
	margin : 0;
	}
#content p.warn_msg {
	color : #ac112b;
	margin-left : 0;
	margin-bottom : 0;
	}

#content a#facebook, #content a#mailing {
	display : block;
	width : 144px;
	height : 44px;
	overflow : hidden;
	float : right;
	margin-bottom : 1.5em;
	margin-left : 10px;
	position : relative;
	background-color : blue;
	}
#content a#facebook span, #content a#mailing span{
	background :  yellow url(i/facebook.gif) top left no-repeat;
	width : 100%;
	height : 100%;
	position : absolute;
	display : block;
	top : 0;
	left : 0;
	}

#content a#mailing span {
	background : url(i/mailing.gif) top left no-repeat !important;
	}
#content a#mailing:hover span, #content a#facebook:hover span {
	background-position : 0 -44px !important;
	cursor : pointer;
	}