/** ___________________
 * | GENERAL SELECTORS |
 *  ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
 ****************************************************************************/
body {
  background: #111111;
  color: #000;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

BODY, TABLE,  TD, TEXTAREA, SELECT, INPUT {
  font: 12px Arial, Helvetica, sans-serif;
}


a:link { color: #ddd; }
a:visited { color: #ccc; }
a:hover { color: #bbb; text-decoration: none;}

a img { border: 0px; }
/** ___________________
 * | COMMON PROPERTIES |
 *  ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
 ****************************************************************************/

.darktext {
	color: #111;
}

.darkgreytext {
	color: #666;
}

.whiteText {
	color: #ffffff;
}

.lightGreyText {
	color: #bbbbbb;
}

.goldtext {
	color: #dcc366;
}

.goldText {
	color: #dcc366;
}

.maroonText {
	color: #9e2438;
	font-weight: bold;
}


.redText {
	color: #ff1111;
	font-weight: bold;
}

.smallText {
	font-size: .9em;
}

/**
 *  ________		
 * | LAYOUT |
 *  ¯¯¯¯¯¯¯¯
 ****************************************************************************/
#content {
  margin: 0 auto;
  width: 780px;
  /*min-width: 600px;
  width: 80%;*/
}

#content .bd {
  color: #000;
}
#content .bd .c {
  color: #000;
}
#content.big .bd .c, #content.full .bd .c {
  color: #000;
}

#content .bd .c .s {
  /*background: white;*/
  color: #000;
  margin: 0px 0px 0px 0px;
  float: none;
  /*margin: 0px 5px 0px 4px;*/
  /*padding-top: 4px;*/
  
}

#content #b_fill {
  background: #021b73;
  color: #000;
  float: right;
  height: 5px; overflow: hidden;
  margin-right: 10px;
  width: 447px;
}

/**
 *  ______
 * | NAV  |
 *  ¯¯¯¯¯¯
 ****************************************************************************/


#navbar {
	background: #030303 url(../img/nav/navmockup.gif) no-repeat left top;
	height: 60px;
	width: 100%;
	margin: 0px 0px 0px 0px;
}

#navbar_noscript {
	background: #333333;
	height: 29px;
	width: 100%;
	margin: 0px 0px 0px 0px;
}


/**
 *  ________________________
 * | CONTENT AREA & SIDEBAR |
 *  ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
 ****************************************************************************/

#content-area {
  background: #000000; 
  background-image: url(../img/bg_main3.gif);
  background-position: left top;
  background-repeat: no-repeat;
  float: none;
}


#falstaff-main #content-area {
	background: #000000;
	background-image: url(../img/season/falstaffbg3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}



#flyingdutchman-main #content-area {
	background: #000000;
	background-image: url(../img/season/dutchmanbg1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#daughter-main #content-area {
	background: #000000;
	background-image: url(../img/season/daughterbg1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#traviata-main #content-area {
	background: #000000;
	background-image: url(../img/season/traviatabg1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#pearl-main #content-area {
	background: #000000;
	background-image: url(../img/season/pearlfishersbg1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#rigoletto-main #content-area {
	background: #000000;
	background-image: url(../img/season/rigoletto_bg1.jpg);
	background-position: top left;
}

#pirates-main #content-area {
	background: #000000;
	background-image: url(../img/season/pirates_bg1.jpg);
	background-position: top left;
}

#otello-main #content-area {
	background: #000000;
	background-image: url(../img/season/otello_bg1.jpg);
	background-position: top left;
}

#songs-main #content-area {
	background: #000000;
	background-image: url(../img/season/songs_bg1.jpg);
	background-position: top left;
}


#logo_img {
  background: #595959 url(../img/banners/none.gif) left no-repeat;
  height: 100px;
  margin: 0px 0px 0px 0px;
  width: 100%;
}


#container {
	/*
  background: #222222; 
  background-image: url(../img/bg_main1.gif);
  background-position: left top;
  background-repeat: no-repeat;
  */
  color: #ddd;
  float: none;
  width: 100%;
  display: block;
  overflow: visible;
}
#maincontent {
/*
  background: #222222; 
  background-image: url(../img/bg_main1.gif);
  background-position: left top;
  background-repeat: no-repeat;
  */
  /*background: #fff;*/
  color: #ddd;
  padding: 10px;
  margin: 0px 10px 0px 190px;
  float: none;
  display: block;
  overflow: visible;
}



  #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {
    color: #cccccc;
  }
  #maincontent h1 { /* Page Header */
    font-size: 1.75em;
    margin: -8px 0 0 0;
  }
    #maincontent h1 .sub-title {
      font-size: 80%;
    }
 
  #maincontent small {
    /*color: #999; not good, makes myanime difficult to read*/
  }
  #maincontent #page-title {
    color: #358ab0;
    border-bottom: 2px solid #358ab0;
    margin-bottom: 10px;
    padding-bottom: 3px;
  }
  /* in the forum put a dash of the same color that is in the sidebar */
  #maincontent .forumline th {
    background-color: #021b73;
    background-image: none;
    color: white;
  }
  
.content_greybox {
	background-color: #333;
	border: 1px solid #555;
	margin: 10px;
	padding: 10px;
}

.mainpage_newsboxTDleft {
	background-color: #444444;
	color: #fff;
	border-right: 1px solid #666;
}

.mainpage_newsboxTDmiddle {
	background-color: #444444;
	color: #fff;
}
  
.mainpage_newsboxTDright {
	background-color: #444444;
	color: #fff;
	border-left: 1px solid #666;
}

.mainpage_newsbox_item {
	background-color: #555555;
	color: #fff;
	border: 1px solid #666;
	width: 194px;
	margin: 10px;
	padding: 10px;
}
  
.mainpage_hilightbox {
	background-color: #444444;
	border: 1px solid #666;
	margin: 7px;
	padding: 7px;
	width: 680px;
}

.mainpage_hilightbox2 {
	background-color: #222;
	border: 1px solid #666;
	margin: 7px;
	padding: 7px;
	width: 400px;
}

.top_pages_content {
	width: 740px;
	padding: 20px;
	color: #ddd;
}
  
#sidebar {
  background: #444444;
  color: #fff;
  float: right;
}
  #sidebar a:link, #sidebar a:visited {
    background: transparent;
    color: #ddd;
  }
  #sidebar a:hover {
    background: transparent;
    color: #ccc;
  }
  /* SIDEBAR THUMBS */
  #sidebar .sidebar_items div img.thumb-regular { 
    border: 1px solid white; 
    float: left;
    margin-top: 2px;
    margin-right:3px;
  }
  #sidebar .sidebar_items div img.thumb-wide { 
    border: 1px solid white; 
    display: block;
    margin-top: 2px;
  }
  #sidebar .sidebar_items div img.thumb-transparent { 
    border: 0px; 
  }
  /* end sidebar thumbs */
  
  #sidebar .more {
    margin: 2px 5px;
    font-size: smaller;
    font-weight: bold;
    text-align: right;
  }
  #content.lst #sidebar .more {
    text-align: center;
  }

#sidebar_featured {
  color: #fff;
}
  #sidebar_featured div {
  }
  #sidebar_featured img {
    border: 2px solid #fff;
    margin-left: 7px;
  }
#sidebar_featured_desc {
  background: transparent url(/stylesheets/ann-2006/sidebar_featured_desc_bg.gif) repeat-y scroll -8px 0px;
  color: #fff;
  margin: 0px 7px 6px 7px;
  padding: 2px 7px 7px 7px;
  
}
  #sidebar_featured_desc h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
  }
  #sidebar_featured_desc a:link, #sidebar_featured_desc a:visited {
    background: transparent;
    border-bottom: 1px solid #0255a6;
    color: #cbedff;
    text-decoration: none;
  }
  #sidebar_featured_desc a:hover {
    border-bottom: 1px  solid #cbedff;
  }
  
#sidebar_articles {
  color: #fff;
  padding-top: 6px;
  margin-top: 4px;
}
#sidebar_articles.without_feature { /* No featured box: don't display the gradient image */
  background-image: none;
  padding-top: 0px;
}
  #sidebar_articles div {
    float: left;
    width: 215px;
  }
  #sidebar_articles div.leftside {
    clear: left;
  }
  #sidebar_articles div.rightside {
    clear: none;
  }

.sidebar_header {
  background: transparent url(/stylesheets/ann-2006/sidebar_header.gif) no-repeat top;
  color: #fff;
  clear: left;
  font-size: 16px;
  font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 9px 0px 3px 10px;
  text-transform: uppercase;
  width: auto;
}

#upcoming-events .sidebar_header {
	background: #b8292f url(../img/sidebarheaders/upcomingevents.gif) no-repeat top left;
	height: 22px;
}

#recent-reviews .sidebar_header {
	background: #34add9 url(../img/sidebarheaders/recentreviews.gif) no-repeat top left;
	height: 22px;
}

#news .sidebar_header {
	background: #d0ae71 url(../img/sidebarheaders/news.gif) no-repeat top left;
	height: 22px;
}

#madpossibleby .sidebar_header {
	background: #777 url(../img/sidebarheaders/websitemadepossibleby.gif) no-repeat top left;
	height: 10px;
}

#featured-articles .sidebar_header, #recent-articles .sidebar_header { /* No featured box: use an image fading to white for top level header */
  background: transparent url(/stylesheets/ann-2006/sidebar_top.gif) no-repeat top;
}
#sidebar_press_items {
  padding: 6px;
  width: auto;
}
  #sidebar_press_items .date {
    clear: left;
    float: left;
    width: 4.1em;
  }
  #sidebar_press_items .title {
    margin-left: 4.1em;
    width: auto;
  }
  
#recent-articles img {
  margin-top: 3px;
}
  

.sidebar_items {
}
.sidebar_items div {
  padding: 3px 4px 3px 7px;
}
  .sidebar_items .date {
    color: #6593c0;
    font-weight: bold;
    font-size: 0.75em;
    display: block;
  }
  
.sidebar_item {
	width: 198px;
	background: #444444;
	border-bottom: 1px solid #666;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}
  
#menubar {
  background-color: #444444;
  color: #fff;
  float: left;
  width: 180px; 
  display: inline;
}

.menubar_header {
  color: #fff;
  /*clear: left;*/
  padding: 9px 0px 3px 10px;
  width: auto;
}

.menu_item {
	width: 170px;
	background-color: #444444;
	border-bottom: 1px solid #666;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}


.menu_item a:link, .menu_item a:visited{
	color: #ddd;
	text-decoration: none;
}

.menu_item a:hover{
	text-decoration: underline;
}


.menu_selected .menu_item {
	background-color: #666;
	border-bottom: 1px solid #555;
}

.menu_selected_section1 .menu_item {
	background-color: #555;
	padding-left: 25px;
	width: 155px;
	font-weight: normal;
}

.menu_selected_section1 .menu_selected .menu_item {
	background: #777;
}

#season-menu .menubar_header {
	background: #317f50 url(../img/sidebarheaders/seasonandtickets.gif) no-repeat top left;
	height: 22px;
}

#events-menu .menubar_header {
	background: #b8292f url(../img/sidebarheaders/events.gif) no-repeat top left;
	height: 22px;
}

#discover-menu .menubar_header {
	background: #a3027e url(../img/sidebarheaders/discover.gif) no-repeat top left;
	height: 22px;
}

#support-menu .menubar_header {
	background: #34add9 url(../img/sidebarheaders/support.gif) no-repeat top left;
	height: 22px;
}

#rentals-menu .menubar_header {
	background: #a3027e url(../img/sidebarheaders/rentals.gif) no-repeat top left;
	height: 22px;
}


/* We meed #maincontent to expand in order to include the rectangle ad, otherwise
*  the space between the end of #maincontent and the end of the rectangle ad is
*  filled with the sidebar's color.
*  Ideally we should tell #maincontent to overflow:auto but this causes very 
*  long pages to have the bottom obscured in Firefox. Plus, when combined with 
*  height:1%, IE refuses to scroll if you click within #maincontent.
*/
.clearing {
  clear: both;
  height: 1px; /* 0px is not recognized by IE */
  margin-bottom: -1px;
  overflow: hidden;
}

/**
 *  _______________
 * | DISPLAY TYPES |
 *  ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
 * lst: List with wide sidebar
 * std: Standard width sidebar
 * full: Full length layout, using the whole browser's viewable width
 * big: Full length content with centered layout
 * men: content with a left-aligned menubar
 ****************************************************************************/

/*
#content.lst  #container { margin: 0px -452px 0px 0px; }
#content.std  #container { margin: 0px -210px 0px 0px; }
#content.big  #container, #content.full #container { margin: 0px; }
#content.full { width: auto; }
#content.men  #container { margin: 0px 0px 0px -188px; }

#content.lst  #maincontent { margin: 0px 452px 0px 0px; }
#content.std  #maincontent { margin: 0px 210px 0px 0px; }
#content.big  #maincontent, #content.full #maincontent { margin: 0px; }
#content.men  #maincontent { margin: 0px 0px 0px 190px; }

#content.lst  #sidebar { width: 452px; }
#content.std  #sidebar { width: 210px; }
#content.big  #sidebar, #content.full #sidebar { display: none; }
#content.men  #menubar { width: 180px; }

#content.lst  #b_fill { width: 447px; }
#content.std  #b_fill { width: 295px; }
#content.big  #b_fill, #content.full #b_fill { display: none; }
#content.men  #b_fill { width: 295px; }
*/

/*
#container { margin: 0px 0px 0px -188px; }
#maincontent { margin: 0px 0px 0px 190px; }
#menubar { width: 180px; }
#b_fill { width: 295px; }
*/

/**
 *  ______________
 * | MAIN CONTENT |
 *  ¯¯¯¯¯¯¯¯¯¯¯¯¯¯
 ****************************************************************************/
.newsitem {
  line-height: 1.3em;
  font-size: 1.2em;
  margin-bottom: 12px;
}
.datetime {
  background: transparent;
  color: #669;
  font-size: 0.8em;
}
.newslink {
  font-weight: bold;
}

/* rectangle ad (maincontent) */
#maincontent #rect-spacer {
  display: block;
  float: right;
  height: 92px; overflow: hidden;
  width: 0px;
}
#maincontent #rect-container {
  clear: right;/*rect-spacer*/
  background: #ddd;
  border: 1px solid #999;
  color: #000;
  float: right;
  margin-top: 1.4em;
  margin-left: 3px;
  padding: 0px 2px 2px 2px;
  text-align: center;
}
#maincontent #rect-container small {
  display: block;
  font: 9px Verdana;
  color: #888;
}

/* rectangle ad (sidebar) */
#sidebar #rectangle-ad {
  position: relative;
  top: 4px;
}
#sidebar #rect-spacer {
  display: none;
}
#sidebar #rect-container {
  clear: both;
}
#sidebar #rect-container div {
  margin: 0 auto;
}
#sidebar #rect-container small { 
  display: none; 
}

/* end rectangle ad */

/**
 *  ________
 * | FOOTER |
 *  ¯¯¯¯¯¯¯¯
 ****************************************************************************/

    
#footer {
  background: #254289;
  color: #92a1c4;
  height: 70px; overflow: hidden;
  margin: 5px 2px 0px 2px;
  padding: 0px;
  text-align: center;
}
#footer a:link, #footer a:visited { background: #254289; color: #92a1c4; }
#footer a:hover { background: #254289; color: #c4ccdf; }
#footer #bt_tl {
  background: #7e0019 url(/stylesheets/ann-2006/bt_tl.gif);
  float: left;
  height: 5px; overflow: hidden;
  width: 5px;
}
#footer #bt_tr {
  background: #7e0019 url(/stylesheets/ann-2006/bt_tr.gif);
  float: right;
  height: 5px; overflow: hidden;
  width: 5px;
}



/********************************************************************
* General
*/

TABLE.layout {
  border-spacing: 0;
}
TABLE.layout TD {
  vertical-align: top;
  padding: 0;
}
TABLE.layout TD.rpadded {
  padding-right: 6px;
}
/*
A.sort-order { text-decoration:none }
A.sort-order:visited { color:blue }
*/

.legal-fine-print {
  padding: 3px;
  font-size: 10px;
  line-height: 1.2em;
  color: #999;
  text-align: right;
}

.address-footer {
	padding: 1px;
  font-size: 9px;
  color: #999;
	background-color: #222222;
}



.homeTelus {
	background-color: #fff;
	border: solid 1px #6c0;
	margin-bottom: 10px;
}


/********************************************************************
* Renewal Form
*/

.renewalTableFormElement {
	padding-left: 2px;
	/*border-left: 1px solid #dccc66;*/
}

.renewalTableTD {
	/*border-left: 1px solid #b8292f;*/
	border-left: 1px solid #e0c958;
	text-align: left;
}

.renewalformErrorText {
	/*color: #dcc366;*/
	color : #b8292f;
	font-weight: bold;
}

.renewalformSubheadingText {
	/*color: #b8292f;*/
	color: #e0c958;
}

.renewalformSubheadingTextRed {
	color: #b8292f;
	
}

.renewalTableTDRed {
	border-left: 1px solid #b8292f;
	text-align: left;
}

.renewalformSubheadingTextBlue {
	color: #34add9;
	
}

.renewalTableTDBlue {
	border-left: 1px solid #34add9;
	text-align: left;
}

.renewalformSubheadingTextGold {
	color: #e0c958;
	
}

.renewalTableTDGold {
	border-left: 1px solid #e0c958;
	text-align: left;
}

/*Rentals*/

.productionSetsIndexItem {
	margin: 4px 4px 4px 0px;
	padding: 6px 6px 6px;
	background: #333;
	border: 1px solid #ddd;
}

.productionSetsIndexItem p {
	margin: 0;
}

.productionSetsIndexItem img {
	outline: solid 1px #666
}

.rentalsTechnicalTable {
	border: solid 1px #333;
	border-style:solid;
	background-color: #666;
}

.rentalsTechnicalTable p {
	margin: 0;
}

.rentalsTechnicalTableTopTR {
	background-color: #fff;
}

.rentalsTechnicalTableTopTR p {
	margin: 0;
	color: #333;
}

.rentalsTechnicalTableLeftTD {
	background-color: #fff;
}


.rentalsTechnicalTableLeftTD p {
	margin: 0;
	color: #333;
}

.rentalsTechnicalTableOddTR {
	background-color: #666;
}

.rentalsTechnicalTableEvenTR {
	background-color: #444;
}