body      {margin: 0px; padding: 0px; 
            background: #336699 url('../images/shared/page_bg.gif') repeat-y top center;
            text-align: center; 
            font-family: Verdana, Arial, Helvetica, Sans-Serif; 
            font-size: 10pt;
 }

 a:link,   a:visited  {color: #336699; text-decoration: none;}
 a:active, a:hover    {color: #0066cc; text-decoration: underline;} 

 td, th    {font-family: Verdana, Arial, Helvetica, Sans-Serif; 
            font-size: 10pt;
            text-align: left;
            vertical-align: top;
 }

 table.data_table1 th,
 table.data_table1 td {padding-right:  12px; 
                       padding-bottom: 12px; 
 } 

 table.data_table1 th {color: #5192CE;
                       font-weight: bold;
 } 

 input, textarea      {margin: 0px 12px 12px 0px; 
 }

 h3, h4 {
   margin-bottom: 10px;
 }

 ul                    {padding:  8px 0px 10px 0px;
                        margin:   0px 0px  0px 16px;
 }

 ol                    {padding: 8px 0px 10px 0px;
                        margin:  0px 0px  0px 23px; 
 }

 ul li,
 ol li                 {padding:   0px 0px 4px 0px;
                        margin:    0px; 
 }
 /*                         color: #336699;  */

 ul li span, 
 ol li span            {padding: 0px; 
                        margin:  0px; 
                        color: #000000;
                        font-weight: normal; 
 }

 ul.list_gray,
 ul.list_blue          {padding: 8px 0px 0px 0px;
                        margin:  0px 0px 0px 16px;
 }

 ol.list_gray,
 ol.list_blue          {padding: 8px 0px 0px 0px;
                        margin:  0px 0px 0px 23px;
 }

 ul.list_gray li,
 ul.list_blue li, 
 ol.list_gray li,
 ol.list_blue li       {padding: 0px 0px 12px 0px;
                        margin:  0px; 
                        color: #336699; 
                        font-weight: bold; 
 }

 ul.list_gray li span,
 ul.list_blue li span, 
 ol.list_gray li span,
 ol.list_blue li span  {padding: 0px; 
                        margin:  0px; 
                        color: #000000;
                        font-weight: normal; 
 }

 ul.list_gray li, 
 ol.list_gray li       {color: #AAAAAA;
                        padding-bottom: 7px !important;
 }

 .blue1               {color: #336699;
 }

 .orange1             {color: #C83200 !important;
 }

 .superscript1        {font-size: 8pt; 
                       vertical-align: top;
 }

 .hrule1              {width: 66%; height: 2px; 
                       text-align:center; 
                       color: #A9C6D9; 
                       background-color: #A9C6D9; 
                       border: 0; 
 }

 .hrule2              {height: 2px; 
                       color: #A9C6D9; 
                       background-color: #A9C6D9; 
                       border: 0; 
 }

 .hrule_thin1         {height: 1px; 
                       color: #A9C6D9; 
                       background-color: #A9C6D9; 
                       border: 0; 
 }

 .errorMessage, 
 .fieldlabel_error    {background-color: #FFCCCC; 
                       color: #990000; 
 } 

 .fieldlabel_left_disabled, 
 .fieldlabel_error, 
 .fieldlabel_left, 
 .fieldlabel          {font-family: Arial, Helvetica, Sans-Serif; 
                       font-size: 9pt; 
 } 

 .fieldlabel_left, 
 .fieldlabel          {color: #23356F; 
 } 

 .fieldlabel, 
 .fieldlabel_error    {line-height: 1.5em; 
 } 

 .fieldlabel_left_disabled, 
 .fieldlabel_left     {line-height: 2.1em; 
                       margin: 0px 10px 0px 0px; 
 } 

 .fieldlabel_left_disabled  {color: #AAAAAA; 
                             font-style: italic; 
                             text-decoration: line-through; 
 } 

 label.option         {vertical-align: top;
 } 

 .field_enabled       {background-color: #FFFFFF; 
 } 

 .field_disabled      {background-color: #DDDDDD; 
 } 

 .field_description   {color: #777777; 
                       font-size: 8pt;
 } 

 .form_button         {font-family: Arial, Helvetica, Sans-Serif; 
                       font-size: 8pt; 
                       font-weight: bold; 
                       color:#FFFFFF; 
                       background: #85C2DF; 
                       background-color: #85C2DF; 
                       background-image:url('../images/shared/button_bg.gif'); 
                       border: 0px; 
                       padding: 2px 5px 2px 5px;
 } 

 .form-item, 
 .form-select         {margin-right:  8px;
                       margin-bottom: 4px !important;
 } 

 .form-item-left      {float: left; 
                       margin-right:  8px;
                       margin-bottom: 4px !important;
 } 

 .form-item label, 
 .form-item-left label       {display: block;
 } 

 .form-radios .form-item, 
 .form-checkboxes .form-item {margin-bottom: 0 !important;
 }

 .form-radios .form-item input, 
 .form-checkboxes .form-item input {margin-bottom: 4px !important;
 }

 .form-column1        {width: 210px;
 }


 /* -------- main page layout -------- */ 

 #outer_wrapper {
   background: url("../images/shared/topbar_bg.png") repeat-x top left;
   width: 100%;
 }

 /* some browsers don't center the background image correctly 
    when the page has scrollbars. this mask prevents any white 
    from appearing along the left and right edges of the header. */
 #outer_wrapper #background_mask {
   background: url("../images/shared/header_bg_mask.gif") no-repeat top center;
   width: 100%;
 }

 #header-corners  {position: relative;
            width: 798px;
            height: 28px;
            top: 6px;
            margin-left:  auto;
            margin-right: auto;
            margin-bottom: -20px;
            z-index: 30;
            background: url("../images/shared/header_corners.png") no-repeat;
 }

 #layout_wrapper  {width: 780px; 
            margin-left:  auto; 
            margin-right: auto; 
            background: #FFFFFF; 
            text-align: left; 
 }

 #header1  {margin: 0px 0px 20px 0px; 
            text-align: left; 
 }

 #header {
   position: relative;
   margin: 0px 0px 20px 0px; 
   text-align: left; 
 }

 #header-logo {
   position: absolute; 
   top:   9px; 
   left: 21px;
 }

 #header-logo img {
   border: 0;
 }

 #header-imagemap {
   position: absolute; 
   top: 0px; 
   left: 630px;
 }

 #header-imagemap img {
   position: relative;
   width: 150px;
   height: 164px;
   z-index: 32;
   border: 0;
 }

 #header-background {
   display: block; 
   width:   100%; 
   height:  185px; 
   background: url("../images/shared/header_bg1.jpg") no-repeat;
 }

 #outer_wrapper #header-background {
   height:  170px; 
 }

 #sidebar  {float: left;
            width: 183px; 
 }

 #sidebar img {margin: 0px 0px 7px 28px; 
 }

 #sidebar #social_networking { 
   width: 126px; 
   margin-left: 48px; 
   font-size: 8pt;
 }

 #outer_wrapper #sidebar .social_networking,
 #sidebar .social_networking { 
   width: 126px; 
   margin-left: 48px; 
   font-size: 8pt;
   clear: both; 
 }

 #sidebar .social_networking div.icon, 
 #sidebar #social_networking div.icon { 
   float: left;
 }

 #sidebar .social_networking div.icon img, 
 #sidebar #social_networking div.icon img { 
   margin-right: 8px; 
   margin-left:  0;
   border: 0;
 }

 #sidebar .social_networking .text, 
 #sidebar #social_networking .text { 
   float: left; 
   width: 83px;
   text-align: justify; 
 }

 #content  {float: right;
            width: 597px; 
 } 

 #content_padding {margin: 0px 31px 0px 0px;
 }

 #skip-navigation a, 
 #skip-navigation a:hover, 
 #skip-navigation a:visited {
   position: absolute;
   left: 0;
   top: -500px;
   width:  1px;
   height: 1px;
   overflow: hidden;
  }

  #skip-navigation a:active, 
  #skip-navigation a:focus {
    position: static;
    width:  auto;
    height: auto;
  }


 /* ------ lefthand nav style ------- */ 
 /** declaration for the a.nav_rollover selector **/

 #nav {padding-left:28px; 
 }

 #nav ul {list-style: none;
          padding: 0;
          margin:  0;
 }

 #nav ul li {margin:  0 0 0.2em 0;
             padding: 0;
 }

 a.nav_rollover {
    display: block;
    width:   126px;
    height:  21px;
    background:   url("../images/shared/nav/blank.gif") no-repeat 0 0;
    overflow:     hidden;
    text-indent: -1000px;
    font-size:    0px;
    line-height:  0px;
    padding:      0px;
    margin:       0px;
 }

 /** declaration for the additional states of the a.nav_rollover selector **/

 a:visited.nav_rollover {
    background-position: 0 0px;
 }

 a:hover.nav_rollover {
    background-position: 0 -21px;
 }

 a:active.nav_rollover { 
    background-position: 0 -21px;
 }

 /** assign different background images and sizes to the a.nav_rollover selector **/

 a.home { 
    background: url("../images/shared/nav/home.gif") no-repeat 0 0;
 }

 a.season { 
    background: url("../images/shared/nav/season.gif") no-repeat 0 0;
 }

 a.tickets { 
    background: url("../images/shared/nav/tickets.gif") no-repeat 0 0;
 }

 a.reservations { 
    background: url("../images/shared/nav/reservations.gif") no-repeat 0 0;
 }

 a.getinvolved { 
    background: url("../images/shared/nav/getinvolved.gif") no-repeat 0 0;
 }

 a.support { 
    background: url("../images/shared/nav/support.gif") no-repeat 0 0;
 }

 a.audition { 
    background: url("../images/shared/nav/audition.gif") no-repeat 0 0;
 }

 a.playwrights { 
    background: url("../images/shared/nav/playwrights.gif") no-repeat 0 0;
 }

 a.calendar { 
    background: url("../images/shared/nav/calendar.gif") no-repeat 0 0;
 }

 a.directions { 
    background: url("../images/shared/nav/directions.gif") no-repeat 0 0;
 }

 a.newsnotes { 
    background: url("../images/shared/nav/newsnotes.gif") no-repeat 0 0;
 }

 a.whoweare { 
    background: url("../images/shared/nav/whoweare.gif") no-repeat 0 0;
 }

 a.history { 
    background: url("../images/shared/nav/history.gif") no-repeat 0 0;
 }

 a.contactus { 
    background: url("../images/shared/nav/contactus.gif") no-repeat 0 0;
 }

 a.active_section, 
 a:visited.active_section { 
    background-position: 0 -21px;
 }

 .subnav_more_link {
   float: right; 
   padding: 4px 8px 4px 8px; 
   margin-bottom: 0; 
   border: 1px #A9C6D9 solid;
 }

 .subscribe {
   float: right;
   padding-left: 12px;
 }

 .subscribe img {
   vertical-align: middle;
   border: 0;
 }

 #addthis {
   float: right;
   height: 16px;
   margin-bottom: 0;
   padding-top: 4px; 
   padding-left: 12px;
 }

 #addthis div {
   margin-bottom: 0 !important;
 }

 /* -------- recaptcha style -------- */ 

 #content_padding #recaptcha_area div {margin-bottom: 0px !important;
 }


 /* -------- main page style -------- */ 

 #content_padding  {margin: 0px 31px 0px 0px;
 }

 #content_padding div  {margin: 0px 0px 14px 0px;
 }

 #content_padding .page_title {font-size: 14pt; 
                               color: #5192CE; 
                               font-weight: bold;
 }

 #content_padding .page_subsection1 {font-size: 11pt; 
                                    color: #5192CE; 
                                    font-weight: bold;
 }


 /* -------- homepage elements -------- */ 

 body.homepage #header {
   margin-bottom: 12px;
 }

 body.homepage #sidebar {
   margin-top: 8px;
 }

 #homepage_content {margin: 0px 31px 0px 0px;
 }

 #homepage_content div {margin: 0px 0px 14px 0px;
 }

 #production_info              {margin: 0px 0px 14px 0px; 
 }

 body.homepage #outer_wrapper #production_info {
   clear: both;
   overflow: auto;
   margin-right: -15px !important;
   margin-bottom: 32px;
   background: url("../images/home/billboard_bottom_border.gif") repeat-x bottom left;
 }

 #production_info .cp_presents {font-size: 14pt; 
                                color: #5192CE; 
                                font-weight: bold; 
                                margin: 0px 0px 7px 0px; 
 }

 #production_info .guides      {margin: 0px 0px 13px 0px;
 }

 #production_info .title       {font-size: 18pt; 
                                line-height: 1.2em; 
                                font-weight: bold; 
 }

 #production_info .author      {font-size: 11pt;
 }

 #production_info .director    {line-height: 1.4em; 
 }

 #production_info .dates       {margin: 0px 0px 10px 0px;
 }

 #production_info .dates b     {color: #5192CE; 
                                font-weight: bold;
 }

 #production_info .more_info   {font-size: 8pt; 
                                margin: 0px 0px 10px 0px;
 } 

 #production_info .more_info a:link,    
 #production_info .more_info a:visited  {color: #336699; text-decoration: none;}
 #production_info .more_info a:active, 
 #production_info .more_info a:hover    {color: #0066CC; text-decoration: underline;}

 #production_info 
  img.production_image         {margin: 3px 18px 14px 0px;}
 
 #production_info th, 
 #production_info td { 
            font-size: 9pt;
 }

 #billboard_bottom {
   border-top: 1px #A9C6D9 solid;
 }

 #outer_wrapper #billboard_bottom_right {
   position: relative;   
   float: right; 
   width:  10px;
   height: 10px;
   top: -42px;
   margin-right: -10px;
   z-index: 35;
   background: url("../images/home/billboard_rightbot_corner.png") no-repeat top left;
 }

 #billboard_left {
   width: 388px;
   float: left; 
   border-right: 1px #A9C6D9 solid; 
   margin: 0 !important;
 }

 body.homepage #billboard_left {
   margin-top: 8px !important;
   width: 393px;
 }

 .billboard_left_padding {
   padding-right: 12px;
   margin: 0 0 12px 0 !important;
 }

 #billboard_right {width: 175px; 
                   float: left; 
                   border-left: 1px #A9C6D9 solid; 
                   margin: 0 0 0 -1px !important;
                   padding: 2px 0 2px 0;
 }

 #outer_wrapper #billboard_right {
   width: 188px;
   border-left: 0; 
   background: #D2DEEE url("../images/home/billboard_right_bottom_alt.png") no-repeat bottom right;
   padding-top: 0;
   margin-top: -8px;
 }

 #billboard_right .cp_presents {font-size: 13pt; 
 }

 #billboard_right .guides {margin-top:14px;
 }

 #billboard_right .guides .title {font-size:14pt;
 }

 #billboard_right .author {font-size: 10pt; 
 }

 .billboard_right_padding {
   padding-left: 12px;
   margin: 0 !important;
 }

 #outer_wrapper #billboard_right_header {
   width:  188px;
   height: 10px;
   background: url("../images/home/billboard_right_top.png") no-repeat top left;
   margin:  0;
   padding: 0;
 }
 
 #outer_wrapper .billboard_right_padding {
   padding-left: 17px;
   padding-right: 8px;
 }
 
 #featuring                    {font-size: 8pt; 
                                line-height: 1.1em; 
                                margin: 0px 0px 18px 0px; 
 }

 .reservation_button           {margin: 0px 0px 7px 0px; 
 }

 #production_description       {font-size: 9pt; 
 } 

 #production_description .rating  {font-size: 8pt; 
                                   line-height: 1.15em; 
 } 

 .synopsis1          {padding: 5px 0 0 1px; 
 } 

 .synopsis1 div      {padding: 3px 0 8px 12px; 
                      border-left: 1px #A9C6D9 solid;
 } 

 #news_leftbox       {width: 164px; float: left; 
                      margin: 0px 23px 0px 0px;
 }

 #news_leftbox img   {display: block; 
                      margin-right: auto; 
                      margin-left:  auto;
                      text-align: center; 
 } 

 #news_leftbox .image_caption {text-align: center; 
                               font-size: 9pt;
 }


 #news_rightbox      {float: right; width: 379px;
 }

 #news_rightbox ul          {padding: 8px 0px 10px 0px;
                             margin:  0px 0px  0px 16px;
 }

 #news_rightbox ul li       {padding: 0px 0px 4px 0px;
                             margin:  0px; 
                             color: #336699; 
 }

 #news_rightbox ul li span  {padding: 0px; 
                             margin:  0px; 
                             color: #000000;
 }


 .news_highlight     {padding: 12px; 
                      font-weight: bold; 
                      color: #FFFFFF; 
                      background-color: #336699; 
 }

 #outer_wrapper .news_highlight {
   background: #336699 url("../images/home/news_highlight_bottom.png") no-repeat bottom left;
   padding: 0;
 }

 #outer_wrapper #news_highlight_padding {
   padding: 4px 14px 16px 14px;
 }

 #outer_wrapper #news_highlight_header {
   width:  164px;
   height: 10px;
   background: url("../images/home/news_highlight_top.png") no-repeat top left;
   margin:  0;
   padding: 0;
 }


 /* -------- season page elements -------- */ 

 #production_info img.image_left    {margin: 0px 14px 14px  0px;}

 #production_info img.image_right   {margin: 0px  0px 14px 14px;}

 #poster_right img                  {margin: 0px  0px 12px 12px; 
 }

 #season #production_info .dates b  {font-size: 11pt; 
 }

 #season #production_info .title    {font-size: 15pt; 
 }

 #season #showinfo_left             {float:left;  width:408px; 
 }

 #season #showinfo_right            {float:right; width:408px; 
 }

 #season #poster_left               {float:left;  width:135px; text-align:center; 
 }

 #season #poster_right              {float:right; width:135px; text-align:center; 
 }

 #season #poster_right img          {margin: 0px 0px 8px 0px; 
 }

 #season .back_to_top               {font-size: 8pt; 
                                     text-align: center; 
 }

 div.back_to_top                    {float: right;
                                     font-size: 8pt; 
                                     text-align: center; 
 }

 #thumbnail_gallery div.cast_crew   {display: block; 
                                     float: left; 
                                     width: 80px;
                                     padding-right: 12px; 
 } 

 #thumbnail_gallery div.publicity   {display: block; 
                                     float: left; 
                                     padding-right: 12px; 
 } 

 #thumbnail_gallery div div.caption {text-align: center; 
                                     font-size: 8pt;
 } 

 #thumbnail_gallery div img         {border: 1px #000000 solid; 
                                     margin-bottom: 5px; 
 } 

 #thumbnail_gallery div.notes       {font-size: 8pt;
 }

 #thumbnail_gallery div.notes p.header {font-size: 10pt;
                                        margin-bottom: 0;
 }

 #thumbnail_gallery div.notes ul.list_gray li,
 #thumbnail_gallery div.notes ul.list_blue li, 
 #thumbnail_gallery div.notes ol.list_gray li,
 #thumbnail_gallery div.notes ol.list_blue li  {
                                      padding: 0px 0px 4px 0px;
 }


 #poster_gallery div                {display: block; 
                                     float: left; 
                                     margin: 0px; 
                                     padding: 0px 5px 1px 0px; 
 } 

 #poster_gallery div div.caption    {text-align: center; 
                                     font-size: 8pt;
 } 

 #poster_gallery div img            {margin:  0px; 
                             padding: 0px; 
 } 


 /* -------- reservation page elements -------- */ 

 input.calendarSelectDate  {margin: 0px 0px 4px 0px; 
 } 

 #totalTickets  {font-family: Arial, Helvetica, Sans-Serif; 
                 font-size: 11pt; 
                 font-weight: bold; 
                 padding: 0px 8px 0px 0px; 
 } 

 #playTitle     {font-family: Arial, Helvetica, Sans-Serif; 
                 font-size: 11pt; 
                 font-weight: bold; 
                 padding: 0px 8px 0px 0px; 
 } 

 #calendarDiv th, 
 #calendarDiv td  {text-align: center;
 } 

 .errorMessage {padding: 5px 10px 5px 10px; 
                border: 1px #990000 solid; 
 } 

 #multiple_showtimes  {display: none;
                       padding: 5px;  
                       background-color: #DFE8F1; 
                       border: 1px #92B1CE solid; 
 } 

 #multiple_showtimes input {margin:0 5px 0 0;  
 } 

 #multiple_showtimes span.showtimes_intro {
                       font-size: 9pt;
 } 


 /* -------- send message page elements -------- */ 

 .send_message  .preview, 
 .send_message  .preview_text {font-size: 10pt; 
                               line-height: 1.6em; 
                               padding-right:  8px; 
                               padding-bottom: 8px; 
                               padding-left:   8px; 
 } 

 #send_message_form   div     {margin: 0px; 
 } 

 #send_message_button         {float: right; 
                               padding: 0px 8px 12px 12px; 
                               margin: 0px !important;
 } 

 #send_message_button  div    {width:      90px; 
                               text-align: center;
                               background: #FFFFFF url('../images/shared/envelope_bg.gif') no-repeat bottom center; 
                               margin:     0px; 
                               padding:    8px 0px 8px 0px; 
                               border:     1px #CCCCCC solid;
                               font-size:  8pt; 
 } 

 #season   #send_message_button  {float: none; 
 } 

 /* ------ compressed content ------- */ 

 .content_compressed h3 {color: #5192CE; 
                         font-size: 13pt;
 }

 .content_compressed h4 {font-size: 11pt;
                         margin-bottom: 10px;
 } 

 .content_compressed p {margin-top: 5px; 
                        margin-bottom: 10px;
 } 

 .content_compressed ul {padding-top: 0;
 } 

 div.list_blue ul li {color: #336699 !important; 
 }

 div.list_gray ul li {color: #AAAAAA !important; 
 } 

 /* -------- footer elements -------- */ 

 #footer   {clear: both;
            margin: 0px; 
            padding: 0px 0px 20px 183px; 
            font-family: Verdana, Arial, Helvetica, Sans-Serif; 
            font-size: 9pt; 
 } 

 #footer .contact_info {margin-left: 15px; 
 } 

 #footer .hrule1       {margin-right: 73px; 
 }

 #outer_wrapper #footer .contact_info {
   margin-left: 0;
 }

 #outer_wrapper #footer .hrule_thin1 {
   margin-right: 30px; 
   margin-left:   1px; 
 }

 #outer_wrapper #footer img {
   margin-left: -1px; 
 }