@charset "UTF-8";

body {
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center top;
   background-image: url(../_img/background.jpg);
   margin: auto;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
}

body {
   background-color:#1B3A1C;
}

img {
   border: none;
}

label {
	vertical-align: sub
	display: block
	float: left;    
	width: 400px;    
	margin-right: 40px;
}

.label.sponsorformlabel {
   line-height: normal;
   text-align: right;
   margin-right: 30px;
   position: relative;
   display: block;
   float: left;
   width: 200px;
}

.label.sponsorformquantity {
   line-height: normal;
   text-align: right;
   margin-right: 30px;
   position: relative;
   display: block;
   float: left;
   width: 200px;
}
.input.sformlabel {
	color: #781351;
	background: #fee3ad;
}

a {
   text-decoration:none;
   border-bottom:1px dashed #900;
   color:#1D3A1C;
}
a:hover {
   text-decoration:none;
   border-bottom:1px dashed #1D3A1C;
   color:#900;
}

#pageContainer {
   width:1050px;
   margin: 0px auto;
   padding: 0px;
   text-align:center;
}

#snow {
   position:absolute;
   width:1050px;
}

#header {
   position:relative;
   height:181px !important;
   width:auto;
}

#mainNav {
   position:absolute;
   top: 4px;
   right: 87px;
   color:#91001E;
   margin:0px;
   padding:0px;
}

#mainNav a {
   color:#F6F6F6;
   margin:0px;
   padding:0px 2px;
   text-decoration:none;
   border: none;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
}

#mainNav a:hover {
   color:#900;
   text-decoration:none;
}

#subnav {
   position:absolute;
   top: 145px;
   left: 125px;
   font-size:16px;
   font-weight:bold;
}

#subnav a {
   color:#91001E;
   margin:0px;
   padding:0px 2px;
   border:none;
}
#subnav a.active {
   color:#000;
   margin:0px;
   padding:0px 2px;
   border:none;
}

#subnav a:hover, #subnav a.active:hover {
   color:#1D3A1B;
   border:none;
   border-bottom: #900 1px dashed;
}

#buyOptions {
   position:absolute;
   top:140px;
   right: 125px;
   font-size:16px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   margin:0;
   padding:0;
   /*width:220px;*/
   height: 25px;
   text-align:left;
}

#pageContent { /* wraps all of the content */
   position:relative;
   margin: 0 auto;
   padding: 0px 90px 0px 98px;
   width: 870px;
   background-repeat: repeat-y;
   background-position: 91px;
   background-image: url(../_img/gContentBackground.jpg);
   text-align:left
}

#logo {
   padding:0 0 0 75px;
   float:left;
   width:323px;
}

#logoCentered {
	padding:0 0 0 350px;
	float:none;
	width:323px;
}
/*#contentHeader {
   position:relative;
   padding: 0px;
   margin:0px;
}*/
   
#acsMainInfo {
float:right;
margin:70px 0px 20px 0px;
padding: 0px 60px 0 0px;
width: 380px;
}
#acsMainInfo h3 {
   color:#1D3A1C;
   font-size:17px;
   margin: 25px 0px 5px 0px;
   padding: 0px;
}
#acsMainInfo p {
   margin: 5px 0px 10px 0px;
   padding: 0px;
}
#sideContent {
   float:left;
   margin: 0px;
   padding: 0 0 0 30px;
   width:200px;
}
#sideContent h4 {
   color:#900;
   font-size:15px;
   padding: 0 0 4px 0;
   margin: 20px 0px 10px 0px;
   font-style:italic;
}
#sideContent h2 {
   color:#1D3A1C;
   font-size:14px;
   
}

#mainContent {
   float:right;
   margin:0px;
   padding:0 50px 0 0;
   width:565px;
   line-height:130%;
}
#mainContent h1 {
   color:#900;
   margin:15px 0px 5px 0px;
   padding:0;
   font-size:22px;
}
#mainContent h2 {
   color:#900;
   margin:15px 0px 5px 0px;
   padding:0;
   font-size:18px;
}

#extraContent {
   position: relative;
   width:568px;
   margin: 20px 0;
   padding: 0px;/*   border-right: 1px solid #999;
   border-left: 1px solid #999;
*/
}

#extraContent img.top, #extraContent img.bottom {
   width:568px;
   margin: 0px;
   padding: 0px;
   border:none;
   clear:both;
   height:10px;
   display:block;
}

.clearfloats {
   clear:both;
}

#footer {
   position: relative;
   width:1050px;
   margin:0px auto;
   padding:0px;
   text-align:center;
}

#boyInBunnySuit {
   position:absolute;
   bottom:2px;
}

#contentEnd {
   margin: 100px 0 0 0;
   height:0px;
   clear:both;
}
/* buttons ---------- */
#contactUsBtn {
   position:absolute;
   top:47px;
   right:129px;
   z-index:20;
}
#contactUsBtn a {
   width:100px;
   height:50px;
   padding:0px;
   margin:0px;
   display:block;
   background-image:url(/our_season/2009-2010/A-Christmas-Story/_img/btnContactUs.gif);
   background-repeat:no-repeat;
   background-position:top;
   border:none;
}
#contactUsBtn a:hover {
   background-position:bottom;
}

#buyOptionsBtn {
   margin:0px;
   padding:0px 0px 0px 10px;
   width:85px;
   text-align:right;
   /*height:19px;*/
      display:inline;
      overflow:visible;

}
#buyOptionsBtn a {
   width:75px;
/*   height:20px;*/
   /*display:inline;
*/   background-image:url(/our_season/2009-2010/A-Christmas-Story/_img/btnBuyTickets.gif);
   background-repeat:no-repeat;
   background-position:top;
   border:none;
   /*padding:0px;
   margin:0px 0px 0px 0px;*/
}

#buyOptionsBtn a:hover {
   background-position:0 -19px;
}

#buyTix {
   width:75px;
   height:19px !important;
   margin:0px;
   padding: 0px;
  
}
#buyTix a {
   width:75px;
   height:19px !important;
   padding:0px;
   margin:0px;
   display:block;
   background-image:url(/our_season/2009-2010/A-Christmas-Story/_img/btnBuyTickets.gif);
   background-repeat:no-repeat;
   background-position:top;
   border:none;
}
#buyTix a img {
   width:75px;
   height:19px !important;
   padding:0px;
   margin:0px;
   border:none;
}
#buyTix a:hover {
   background-position:bottom;
}
/* Add This Social Networking  bar */
#addThisButton {
   width:auto;
    float:right;
    display:inline;
    margin: 0px;
    padding:2px 170px 0px 0px;
}
#addThisButton.noFloat {
   width:auto;
    float:none;
    display:inline;
    margin: 0px;
    padding:2px 0px 0px 0px;
}
#addThisButton a, #addThisButton a:hover, #addThisButton.noFloat a, #addThisButton.noFloat a:hover {
   border-bottom:none;
}

/* Transparent PNG fix for IE 5.5 and 6 */
img, div {
   behavior: url(/our_season/2009-2010/A-Christmas-Story/_img/iepngfix/iepngfix.htc)
}

/* other general styles */
.floatLeft {
   float:left;
   padding: 0px 15px 10px 0px;
   margin: 0px;
}
.black {
   color:#000;
}
.red {
   color:#900;
}
.green {
   color:#1D391C;
}
p.center {
   text-align:center;
}
p.contactCarrie {
   margin: 25px 0px 0px 0px;
   line-height:140%;
}
p.contactCarrie span.red {
   font-size:110%;
}

/* videoTab styles for Video tab */

#videoTab {
   margin: 0px auto;
   padding: 0px;
   text-align:center;
}
.disclaimer {
   text-align:center;
   font-size:10px;
}
.TabbedPanelsContent div.centerContent {
   margin: 0px auto;
   padding: 0px;
   text-align:center;
}
#directorTab {
   background-image:url(../../_img/EricRosen_100x123.jpg);
   background-position:top left;
   background-repeat:no-repeat;
}
/* Extra Content styles for Committee and Patrons tab */
#patrons {
   margin:0px;
   padding: 0px 0px 0px 20px;
   height:auto;
   position:relative;
  /* background-image: url(/our_season/2009-2010/A-Christmas-Story/_img/gExtraContentBackground.jpg);
   background-repeat:repeat-x;*/
}
div.leftColumn {
    margin:0px;
   padding: 0px 10px 0px 5px;
  float:left;
   width:215px;
   background:none;
}
div.rightColumn {
   margin:0px;
   padding: 0px;
   float:right;
   width:45%;
   background:none;
}
#patrons div.leftColumn h4  {
   margin:10px 0px 4px 0px;
   padding: 0px;
color:#900;
font-size:14px;
}
#patrons div.leftColumn p  {
   margin: 4px 0px 8px 0px;
   padding: 0px;
}
#patrons div.leftColumn strong.green  {
font-size:13px;
}


/* SPONSORSHIP LEVEl PAGE */

#patronLevels ul {/* Patron or Ticket Level */
   margin: 0px;
   padding: 0px 10px 0px 0px;
   width: 100%;
   clear:both;
}
#patronLevels h3 {/* Patron or Ticket Level */
   margin: 0px;
   padding: 8px 0px 8px 0px;
   color:#1F391C;
   font-size:16px
}
#patronLevels h3single {/* Patron or Ticket Level */
   margin: 0px;
   padding: 0px 0px 0px 0px;
   color:#1F391C;
   font-size:16px
}

#patronLevels ul li { /* Name of level */
   margin: 0px;
   padding: 2px 10px 12px 0px;
   list-style-type: none;
   /*display:inline-block;*/
   float: left;
   /*width:170px;*/ width:45%;
   font-weight: bold;
   color:#900;
}

#patronLevels ul ul {
   position:relative;
   padding: 2px 20px 0px 0px;
   margin: 0px 0px 0px 0px;
   width: auto;
}

#patronLevels ul ul li {
   float:none;
   position:relative;
   width:auto;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 2px 12px;
   font-weight:normal;
   color:#000;
   list-style-type:disc;
   /*list-style-image: url(/our_season/2009-2010/A-Christmas-Story/_img/bullet.gif);*/
   list-style-position: outside;
}

#patronLevels li.break {
   clear: left;
}

/*
#form{
	text-align: right;
}
*/

#form {}

.sponsorformInputs {
	position:absolute;
    left:470px;
  }
  
.cardformInputs {
	position:absolute;
    left:510px;
   	}
.sponsorformLabels {
	line-height:normal;
	vertical-align:sub
	}
.sponsorformQty {
	
	width: 30px;
	
}
.prefix {
	margin-left: 52px;
}

.name {
	margin-left: 9px;
}

.address {
	margin-left: 26px;
}

.apt {
	margin-left: 8px;
}

.city {
	margin-left: 27px;
}

.state {
	margin-left: 27px;
}

.zip {
	margin-left: 27px;
}

.dayPhone {
	margin-left: 46px;
}

.evePhone {
	margin-left: 24px;
}

.cellPhone {
	margin-left: 47px;
}

.email {
	margin-left: 23px;
}

.levels {
	margin-left: 7px;
}

.totalorder {
	font-weight: bold;
	margin-left: 120px;
}

.donor, .company {
	color: #000000;
	margin-top: 3px;
}

.cardName{
	margin-left: 35px;
}

.cardNumber {
	margin-left: 39px; 
}

.expDate {
	margin-left: 63px;
}

.digCode {
	margin-left: 42px;
}

.digCodelong {
	margin-left: 3px;
}

.diffAddress {
	margin-left: 68px;
}

.diffApt {
	margin-left: 50px;
}

.diffCity {
	margin-left: 69px;
}

/* Mini Calendar display styles from POP */

/*#secondaryContent
{
	width: 225px;
	margin: 0px 0px 10px 25px;
	float: right;
	overflow:hidden;

}

#secondaryContent h3 {
   font-size: 14px;
   line-height: 18px;
   margin: 3px 0 10px 0;
}

#secondaryContent #specialEvents h4 {
	border-bottom: 1px solid #ccc;
	line-height:18px;
	margin-bottom:12px;
	width: 100%;
	padding-bottom: 4px;
	font-size: 14px;
}

#secondaryContent #specialEvents h5 {
   line-height:1;
   margin-bottom:0px;
   width: 100%;
   padding-bottom: 0px;
   font-size: 13px;
   margin: 13px 0 4px 0;
}

#secondaryContent #specialEvents p {
   margin:4px 0 10px 0;
   width: 100%;
   padding-bottom: 4px;

}
#secondaryContent #specialEvents p.disclaimer {
	font-size: 10px;

}

#secondaryContent #specialEvents ul {
	list-style-position: outside;
}
#secondaryContent #calendar h4 {
	border-bottom: 1px solid #ccc;
	line-height:18px;
	margin-bottom:12px;
	width: 100%;
	padding-bottom: 4px;
	font-size: 14px;
}*/


        table.calendar {
               margin-bottom: 10px;
        }
        table.calendar caption {
               color: #900;
               font-family: Georgia, serif;
               font-weight: bold;
               text-align: left;
               padding-bottom: 2px
        }
        table.calendar {
               border-collapse: collapse;
               
        }
        table.calendar td, table.calendar th {
               border: solid 1px #d1d2d3;
               font-family: Verdana, sans-serif;
        }
        table.calendar td {
               font-size: 9px;
               vertical-align: top;
               width: 26px;
               height: 30px;
        }
        table.calendar th {
               font-size: 11px;
               padding: 3px;
               font-weight: bold;
               background-color: #666;        
               color: #fff;
               text-align:center;
        }
        table.calendar td a {

               display: block;
               float: left;
               width: 11px;
               height: 10px;
               background-repeat:no-repeat;
               background-position:top left;
        }
        table.calendar td a.evening {
               background-image: url('/_img/calendarIcons/solid_circle.gif');
        }
        table.calendar td a.matinee {
               background-image: url('/_img/calendarIcons/hollow_circle.gif');
        }
        #spencer_theatre table.calendar td a.evening {
               background-image: url('/_img/calendarIcons/solid_arrow.gif');
        }
        #spencer_theatre table.calendar td a.matinee {
               background-image: url('/_img/calendarIcons/hollow_arrow.gif');
        }
        table.calendar td a span {
               position: absolute;
               left: -50001px;
        }
        
        table.calendar td.out {
               background-color: #dedede;
        }

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
   margin: 0px;
   padding: 0px;
   float: left;
   clear: none;
   width: 568px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
   background-repeat: repeat-x;
   background-position: top;
   background-image: url(../_img/gExtraContentBackgroundNav.jpg);
   background-color: #FFF;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
   margin: 0px;
   padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
   position: relative;
   color:#357C3C; /* light green */
   top: 1px;
   float: left;
   padding: 6px 10px;
   margin: 0px 1px 0px 0px;
   font: bold 11px sans-serif;
   list-style: none;
   border-left: solid 1px #CCC;
   border-bottom: solid 1px #999;
   /*border-top: solid 1px #999;*/
	border-right: solid 1px #999;
   -moz-user-select: none;
   -khtml-user-select: none;
   cursor: pointer;/*   background-repeat: repeat-x;
   background-position: top;
   background-image: url(../_img/gExtraContentBackgroundNav.jpg);
   background-color: #FFF;
*/
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
   background-color: #FFF;
   color:#9A001D;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
   background-color: #E8D484;
   border-bottom: solid 0px #999;
   color:#1B3A1C; /* dark green */
}

/*.TabbedPanelsTabSelected a {
   color:#990000;
}*/

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
   color: #336E34;
   text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
   clear: both;
   /*border-left: solid 1px #CCC;
   border-bottom: solid 1px #CCC;
   border-top: solid 1px #999;*/
   border-right: solid 1px #999;
   background-repeat: repeat-x;
   background-position: 0 -2px;
   background-image: url(../_img/gExtraContentBackground.jpg);
   background-color:#F5EAC3;
   padding:15px;
   margin:0px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
   padding: 4px;
   margin:0px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
   margin:0px;
   padding: 0px;
}

/* Vertical Tabbed Panels -----------------------------------------
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
   float: left;
   width: 10em;
   height: 20em;
   position: relative;
   border-top: solid 1px #999;
   border-right: solid 1px #999;
   border-left: solid 1px #CCC;
   border-bottom: solid 0px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
   float: none;
   margin: 0px;
   border-top: none;
   border-left: none;
   border-right: none;
   border-right: solid 5px #999;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
   background-color: #E8D484;/*border-bottom: solid 1px #999;*/
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
   clear: none;
   float: left;
   padding: 0px;
   width: 30em;
   height: 20em;
}
.singlePhone {
	margin-left: 70px;
}
.headcount {
	margin-left: 34px;
	width: 50px;
}
.greenLarge {
	color:#1D391C;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.redLarge {
	color:#91001E;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.formerror {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #91001E;
}
#rsvp {
	float:right;
	position: absolute;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #91001E;
	left: 890px;
	top: 145px;
}
#rsvpinbox {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #91001E;
}