/********* Element Styles ***********************/
BODY,DIV,IMG,TABLE,TBODY,FORM {
    border: 0;
    padding: 0;
    margin: 0 
}
*{
	font-family: Verdana,Arial,sans serif;
}
BODY{
	background: url(background.jpg);
	text-align: center;
    color: #020202;	
}
A{
	color: #333399;
	text-decoration: none;
}
A:hover{
	text-decoration: underline;
}
P{
    margin-top: 0;
    padding-top: 0;
}
UL
{
    margin: 4px 0 0 0;
    padding: 0;
}
LI
{
    margin-left: 15px;
    list-style-type: square;    
}
H1,H2,H3{
    margin: 0; 
    padding: 0;
}
H1{
    margin-bottom: 4px;       
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
    font-family: Helvetica;    
    font-size: 30px; 
    color: #ffffff;
    letter-spacing: -0.1em; 
    text-transform: uppercase; 
}
H2{
    margin-bottom: 4px;    
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
    font-size: 24px; 
    color: white;
    letter-spacing: -0.1em;
    text-transform: uppercase; 
}
H3{
    font-size: 110%;
}
SUP{
    font-size: 75%;
}

/******** Color Schemes ****************/
.scheme_a /* calendar/williamsburg blue */
{
    background-color: #80BBCE;
    scrollbar-face-color: #80BBCE;      
}
.scheme_a_screen{
    background-color: #CAE2EA;
    scrollbar-face-color: #CAE2EA;      
}
.nav_scheme_a { background: url(nav/a.png); }
.nav_scheme_a:hover { background: url(nav/a_on.png); }
.scheme_b /* visitor info/mustard */
{  
    background-color: #FBC719;
    scrollbar-face-color: #FBC719;
}
.scheme_b_screen{  
    background-color: #FDE89E;
    scrollbar-face-color: #FDE89E;     
}
.nav_scheme_b { background: url(nav/b.png); }
.nav_scheme_b:hover { background: url(nav/b_on.png); }
.scheme_c /* about us/hunter green */
{  
    background-color: #269C7B;
    scrollbar-face-color: #269C7B;
}
.scheme_c_screen{  
    background-color: #92CDBD;
    scrollbar-face-color: #92CDBD;     
}
.nav_scheme_c { background: url(nav/c.png); }
.nav_scheme_c:hover { background: url(nav/c_on.png); }
.scheme_d /* tickets/yellow-green */
{  
    background-color: #C3D633;
    scrollbar-face-color: #C3D633;    
}
.scheme_d_screen{  
    background-color: #E0EA96;
    scrollbar-face-color: #E0EA96;    
}
.nav_scheme_d { background: url(nav/d.png); }
.nav_scheme_d:hover { background: url(nav/d_on.png); }
.scheme_e /* support us/crimson */
{  
    background-color: #9E1C21;
    scrollbar-face-color: #9E1C21;    
}
.scheme_e_screen{  
    background-color: #D6A0A2;
    scrollbar-face-color: #D6A0A2;    
}
.nav_scheme_e { background: url(nav/e.png); }
.nav_scheme_e:hover { background: url(nav/e_on.png); }
.scheme_f /* performances/purple */
{  
    background-color: #573268;
    scrollbar-face-color: #573268;    
}
.scheme_f_screen{  
    background-color: #AB98B3;
    scrollbar-face-color: #AB98B3;    
}
.nav_scheme_f { background: url(nav/f.png); }
.nav_scheme_f:hover { background: url(nav/f_on.png); }

/********* Stage-based schemes ***********************/
.mainstage{ background-color: #343399; }
.prc2{ background-color: #9E1C21; }
.studentmatinee { background-color: #269C7B; }   
.showdiscussion { background-color: #80BBCE; }

/********* All Purpose ***********************/
.smalltext{
    font-size: 10px;
} 
.buytickets{
	background-color: #333399;
	padding-right: 6px;
	height: 20px;
	text-align: right;
}
.nobuytickets{   
    height: 20px; 
}
.imagetopright{
    float: right;
    margin: 0 0 10px 10px;
}
.imagetopleft{
    float: left;
    margin: 0 10px 0 10px;
}
.imagemidright{
    float: right;
    margin: 10px 0 10px 10px;
}
.imagemidleft{
    float: left;
    margin: 10px 0 10px 10px;
}
.boxtopright
{
    float: right;
    margin: 0px 15px 10px 10px;
    padding: 10px;
    width: 200px;
    border: 2px dotted #333399;
}
.spacedlist LI
{
    padding-bottom: 15px;
}

/********* Positional ***********************/
.container {
	margin: 20px auto 0 auto; 
	position: relative;
	width: 952px;
	text-align: left;
}
.ajaxupdate {
  position: fixed;
  z-index: 1000;    
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(D7C588.png);
}
.ajaxupdate .ajaxmessage {
	position: fixed;  
	text-align: center;
	vertical-align: middle;
	left: 40%;
	bottom: 50%;
  color: #ff0000;
  font-weight: bold; 	
}  
.topnavigation{ 
	height: 18px;
	text-align: right;
}
.topnavigation A{
    color: #020202;
}  
.logo{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.main{
	margin-left: 8px;
	background-color: #ffffff;
	padding: 4px 5px 5px 5px;
	height: auto;
}
.columns {
	height: 737px;
}
.column1 {
	float: left;
	position: relative;
	width: 240px;
	height: 100%;
}
.column1 .leftnavigation
{
	padding: 86px 0px 14px 0px;
}
.column1 .leftnavigation A,
 .column1 .leftnavigation DIV
{
  display: block;
  margin: 6px 0px 6px 0px;     
  padding: 5px 8px 5px 8px;
  font-size: 12px;
	font-weight: bold;
	color: white;
  text-decoration: none;	          
}
.column1 .photobox {
	position: absolute;
	bottom: 0;
	background: white;
	padding-top: 5px;
	height: 290px;
}
.column2 {
	margin-left: 245px;
	width: 689px;
	height: 100%;
}
/**************** hack for IE6 3px float bug *********************/
* html .column2 { margin-left: 242px; }
/*****************************************************************/
.column2 .primarynavigation
{
  overflow: hidden;
	height: 69px;
}
.column2 .primarynavigation A .off { display: inline; }
.column2 .primarynavigation A .on { display: none; }
.column2 .primarynavigation A:hover .off { display: none; }
.column2 .primarynavigation A:hover .on { display: inline; }
.pagetitle{
	margin: 25px 0 7px 4px;
  height: 40px;
}
.pagesubtitle{
	margin: 0 0 7px 4px;
  height: 40px;    
}
.pagebody{
  overflow: auto;
  padding: 6px;
  height: 595px;
  font-size: .75em;
}
.pagebody2col .bodycol1,
  .pagebody2col .bodycol2, 
  .pagebody2col .bodycol2inner{
  width: 342px;
  height: 596px;
}
.pagebody2col .bodycol1, 
  .pagebody2col .bodycol2inner{
  overflow: auto;  
  font-size: .75em;	    
}
.pagebody2col .bodycol1{  
	float: left;
}
.pagebody2col .bodycol2{
  margin-left: 347px;   
}
/**************** hack for IE6 3px float bug *********************/
* html .pagebody2col .bodycol2 { margin-left: 343px; }
/*****************************************************************/
.pagebody3col .bodycol1,
    .pagebody3col .bodycol2,
    .pagebody3col .bodycol2inner,   
    .pagebody3col .bodycol3,
    .pagebody3col .bodycol3inner     
{
    width: 226px;  
    height: 596px;
}    
.pagebody3col .bodycol1, 
    .pagebody3col .bodycol2inner, 
    .pagebody3col .bodycol3inner{
    overflow: auto;  
    font-size: .75em;	    
}
.pagebody3col .bodycol1, 
    .pagebody3col .bodycol2 { 
	float: left;
}
.pagebody3col .bodycol2 {
    margin-left: 5px;
}
.pagebody3col .bodycol3 {
    margin-left: 462px;
}
/**************** hack for IE6 3px float bug *********************/
* html .pagebody3col .bodycol3 { margin-left: 459px; }
/*****************************************************************/
.pagebody2colwide .bodycol1,
    .pagebody2colwide .bodycol2,
    .pagebody2colwide .bodycol2inner 
{
    width: 464px;
    height: 596px;  
} 
.pagebody2colwide .bodycol1, 
    .pagebody2colwide .bodycol2inner{
    overflow: auto;     
    font-size: .75em;	    
}
.pagebody2colwide .bodycol1{  
	float: left;
}
.pagebody2colwide .bodycol2{
    margin-left: 469px;   
}
/**************** hack for IE6 3px float bug *********************/
* html .pagebody2colwide .bodycol2 { margin-left: 466px; }
/*****************************************************************/
.togglelist A{
    display: block;
    margin-bottom: 12px;
    padding: 2px;
}
.togglelist A:hover{
    text-decoration: none;
    background-color: #F5F8DE;    
}
.footer{
	clear: both;
	background: url(footer/background.gif);
	padding-top: 12px;
	height: 31px;
	text-align: center;
}
.footer, .footer *{
    color: white;
}
.footerad {
    margin-top: 5px;
    text-align: center;
}

/********** Long page ********************************************************/
.longpage .columns,
 .longpage .column1 { height: 1737px; }
.longpage .column1 .photobox {
	position: absolute;
	top: 447px;
	bottom: auto;
}
.longpage .pagebody { height: 1595px; }

/********** Titleblock ********************************************************/
.titleblock
{
    border-bottom: 5px solid #ffffff;      
    padding: 6px;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: white;
}
.bodyblock
{
    padding: 6px;
    font-size: .95em;
}
.accordion_body { display: none; }

/********** Success and Errors ********************************************************/
.SuccessBox, .ErrorBox
{
    margin-bottom: 20px;
    background-color: #f5f5f5;
    padding: 5px;
}
.SuccessBox 
{
    border: 1px solid #336600;
    color: #336600;
}
.ErrorBox
{
    border: 1px solid #cc6666;    
    color: #cc6666;
}
/********** Forms ********************************************************/
.InstructionsPanel 
{
    margin-bottom: 25px;
}
.FormTable
{    
    padding: 2px;
}
.FormTable TD
{
    padding-bottom: 4px;
    font-size: 11px;    
}
.FormLabel, .FormLabelIndented
{
    padding-right: 10px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
.FormLabelIndented
{
    width: 150px;
}
.FormField, .FormButton 
{   
    font-size: 11px;
}
.FormField 
{
    border-top: #444444 1px solid;
	border-right: #666666 1px solid; 
	border-bottom: #666666 1px solid;
	border-left: #444444 1px solid;
	width: 175px;
}
.FormButton 
{
    border: 0;
    margin: 0;
	background: url(buttonbg.gif) repeat-x; 
	height: 33px;
	padding: 0px 6px 6px 6px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;	
}
.FormButton:active
{
    color: #80BBCE;
}
.ActionButton, .ActionLink
{
  display: block;
  float: left;
	background: url(buttonbg.gif) repeat-x; 
	padding: 6px 6px 6px 6px;
	height: 24px;
}
.ActionButton { height: 48px; }
.ActionButton A,
 .ActionButton A:hover,
 .ActionLink,
 .ActionLink:hover {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;    
}
.ActionButton A:active,
 .ActionLink:active {
	color: #80BBCE;
	text-decoration: none;    
}
.FormSpacerRow 
{
    height: 20px;
}
.FormSpacerRowSmall
{
    height: 10px;
}
.RequiredField 
{
    color: #ff0000;
}
.PadTop8px
{
    padding-top: 8px;
}
.Pagination
{
    margin-bottom: 25px;
    color: #999999;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 1px solid #999999;
}

/********** Orders ********************************************************/
.noorder { margin: 20px; }
.order { }
.order TABLE
{
    border-collapse: collapse;
    width: 647px;
}
.order TD
{   
    vertical-align: top;
    padding: 3px;
}

/* Header */
.order .header TD { width: 50%; border-bottom: 1px solid #000000; }
.order .header .section { font-weight: bold; text-transform: uppercase; font-size: 11px; }
.order .header .label { color: #000000; }
.order .header .date { border-left: 1px solid #000000; }
.order .header .buttons { float: right; }
.order .header .payment { margin-top: 10px; }

/* Payment */
.order .header .payment .label { float: left }
.order .header .payment .holderinfo, 
    .order .header .payment .cardinfo, 
    .order .header .payment .expirationinfo { margin-top: 3px; } 
.order .header .payment .holder, 
    .order .header .payment .card, 
    .order .header .payment .expiration { margin-left: 90px }       

/* Shipping */
.order .header .shippingcolumn { border-left: 1px solid #000000; }
.order .header .shipping .label { float: left }
.order .header .shipping .methodinfo, 
    .order .header .shipping .addressinfo, 
    .order .header .shipping .messageinfo { margin-top: 3px; }
.order .header .shipping .method, 
    .order .header .shipping .address,
    .order .header .shipping .message 
{
    margin-left: 90px; 
    display: inline-block; /* Fixes 1px indent in IE */
}
    
/* Lines */
.order .lines TD
{
    border-top: 1px solid #000000;
    padding: 3px 15px 3px 15px;     
}
.order .lines .label     
{  
    border-top: 0px; 
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase; 
}
.order .lines .qty { text-align: center; } 
.order .lines .item .performance, 
    .order .lines .item .contribution  { font-weight: bold; }
.order .lines .subtotal, 
    .order .lines .fee, 
    .order .lines .total 
{
    border-left: 1px solid #000000;    
    text-align: right;
    padding-right: 15px;  
}
.order .lines .seats 
{
    clear: both;
    margin: 5px 0px 0px 15px; 
}
.order .lines .package 
{ 
    font-weight: bold; 
    font-size: 11px;
    color: #000000; 
}
.order .lines .packageperformances { margin: 0px 0px 0px 15px; }
.order .lines .packageperformance { clear: both; margin-top: 15px; }
.order .lines .packageperformance .title { font-weight: bold; }
.order .lines .packageperformance .date { float: left; margin-right: 10px; }
.order .lines .buttons { margin-top: 5px; }
.order .lines .buttons .remove { float: left; margin-right: 2px; }
.order .lines .notes 
{
    margin: 5px 10px 5px 0px; 
    background-color: #efefef; 
    padding: 5px 5px 10px 5px; 
}
.order .lines .notes .section { float: left; margin-right: 5px; font-weight: bold; }

/* Footer */
.order .footerlabel
{ 
    text-align: right;
    font-weight: bold;
    font-size: 11px;    
    text-transform: uppercase;        
}
.orderterms 
{
    width: 647px;
    margin: 15px 0px 15px 0px;
    border: 1px dashed #cecece;    
    background-color: #efefef; 
    padding: 5px; 
}
.orderbuttons 
{
    margin-top: 20px;
}
.carttimer
{
    margin:10px 0px 15px 0px;
    font-weight: bold;
    color: #ff0000;
}

/********** Calendar ********************************************************/
.Calendar 
{
    width: 98%;
}
.CalendarTitle TD
{
    border: 0px;    
    padding: 4px;
    font-weight: bold;
    font-size: 30px;    
    color: #666666;
    text-transform: uppercase;
}
.CalendarNextPrevious .next,
    .CalendarNextPrevious .prev
{
    color: #9D9D9D;
    font-size: 18px;
}
.CalendarDOW
{
    background-color: #FDE38C;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;    
    color: #89836F;
    text-transform: uppercase;   
}
.CalendarDay, .CalendarOtherMonth, .CalendarSelected
{
    border: 3px solid #666666;
    text-align: left;
    vertical-align: top;    
    padding: 1px;
    overflow: visible;      
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}
.CalendarOtherMonth
{
    background-color: #B2B2B2;   
}
.CalendarEvents 
{
    padding: 2px 0 6px 0;
}
.CalendarEvents .event
{
    display: block;
    margin: 2px 0px 3px 0px;     
    padding: 2px;
    font-size: 11px;
    font-weight: normal;    
    text-decoration: none;
    text-align: right;	          
}

/********** Performance List ********************************************************/
#radAltPerfs {
  padding-top: 24px;
}
#radAltPerfs td {
  vertical-align: top;
}
.group_header {
   line-height: 200%;
   font-weight: bold;
}
.group_header input { 
  display: none;
}


/********** Print Changes ********************************************************/
@media print {
  BODY { background: none; 	text-align: left; } 
  .container { width: auto; padding-top: 120px; }
  .topnavigation { display: none; }
  .primarynavigation { display: none; }  
  .columns,
   .longpage .columns,
   .longpage .column1,
   .longpage .pagebody { height: auto; }   
  .column1 { display: none; }
  .column2 { margin-left: 0; } 
  .footer { display: none; }
  
}