@charset "utf-8";

A:link { text-decoration:none; color:#D32027; }
A:visited { text-decoration:none; color:#D32027; }
A:active { text-decoration:none; color:#D32027; }
A:hover { text-decoration:underline; color:#D32027; }
	
body 
{
font: 100% Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(background2010.jpg); overflow: hidden;
min-height: 100%;
height: auto; 
overflow: scroll;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container 
{
width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
min-height: 100%;
height: auto;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #d2c881;
text-align: left; /* this overrides the text-align: center on the body element. */
padding: 0px auto;
}

#smallcontainer 
{
width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
min-height: 100%;
height: 100%;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #d2c881;
text-align: left; /* this overrides the text-align: center on the body element. */
padding: 0px auto;
}

#logosection
{
height: 85px;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}

#navigation
{	
height: 31px;
background: #FFFFFF;
text-align: left; /* this overrides the text-align: center on the body element. */
}

#frontimagecontainer
{
height: 325px;
background: #FFFFFF;
text-align: center; /* this overrides the text-align: center on the body element. */

}

#submainimagecontainer
{
height: 200px;
background: #FFFFFF;
text-align: center; /* this overrides the text-align: center on the body element. */
}

#groupimagecontainer
{
height: 200px;
background: #FFFFFF;
text-align: center; /* this overrides the text-align: center on the body element. */
}

#footer
{
align: left;
height: 30px;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
font: 100% Arial, Helvetica, sans-serif; font-size: 9px; color: #4D4D4D; 
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 20px;
text-align: right; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */  
}

#Details
{
width: 780;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
max-width: 740;
font: 100% Arial, Helvetica, sans-serif; font-size: 11px; color: #4D4D4D;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ 
}

#Detailsheader 
{ 
font: 100% Arial, Helvetica, sans-serif; color:#EC7404; font-size:11px; font-weight: bold; 
text-align:left; padding: 15px 0px 0px 0px;
}

#Detailsheading 
{ font: 100% Arial, Helvetica, sans-serif; color:#EC7404; font-size:11px; font-weight: bold; text-align:left; padding: 15px 0px 15px 0px; text-transform: uppercase; }

#Detailsprogram 
{ font: 100% Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px; font-weight: normal; text-align:left; padding: 15px 0px 0px 0px; }

#Detailsprogram p 
{ font: 100% Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px; font-weight: normal; text-align:left; padding: 0px 0px 0px 0px; }

#Detailsperformer 
{ font: 100% Arial, Helvetica, sans-serif; color:#EC7404; font-size:11px; font-weight: normal; text-align:left; padding: 15px 10px 0px 0px; }

#Detailscontent 
{ font: 100% Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px; font-weight: normal; text-align:left; padding: 15px 0px 0px 0px; }

#Detailscontent p 
{ font: 100% Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px; font-weight: normal; text-align:left; padding: 0px 0px 0px 0px; }

#Detailsheader ul	
{ font: 100% Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px;}

#Detailsheader li	
{ font: 100% Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px; font-weight: normal; text-align:left; padding: 0px 0px 0px 0px; }

td { font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #4D4D4D; }

form { display:inline; }

.input { color:#EC7404;}
.old-input { color:#8A8A8A;}
.details-header { color:#EC7404; font-size:11px; }
.details { color:#4D4D4D; font-weight: normal; font-size:11px; }
.old-details-header { color:#8A8A8A;}
.old-details { color:#8A8A8A; font-weight: normal; font-size:11px; }
.button-submit { color:#EC7404; font-weight: bold; font-size:11px; }
.button-reset { color:#EC7404; font-weight: normal; font-size:11px; }
.asterisk { color:#EC7404; font-size:11px; }

.heading { color:#FFFFFF; font-size:16px; font-weight: bold; text-align:left; }
.header	{ color:#2B6674; font-size:12px; font-weight: bold; text-align:left; padding: 15px 0px 0px 0px; }
.footer	{ color:#000000; font-size:9px; text-align:right; padding: 0px 20px 0px 0px; }
.submain { background: url(background-strip-09.png); overflow: hidden; }
.main td { height: 400px; }
.contact { color:#D32027; }

#Season td { border-right: 2px solid #FFFFFF; padding: 0; }

#Season .images td { background: #A1C5CF; width: 368px; border: 1px solid #EC7404; padding: 1px 1px 1px 1px; }
#Season .images img { border: 0; }

#Season .concerts td { background: #EC7404; padding: 4px 40px 4px 5px; vertical-align: top; width: 368px;  border-top: 1px solid #FFFFFF; }
#Season .concerts td a { color: #FFFFFF; font-weight: bold; line-height: 1em; text-transform: uppercase;  }
#Season .concerts td a:hover { color: #d2c881; text-decoration: none; }