html{
				
	background:#fff2e2;
}
body
{
/*font-size:12pt;*/
}
h1,h2,h3,h4{ font-family:Calibri, Arial, Helvetica, sans-serif; }
#main-content h1 { font-weight:bold; font-size:1.6em; color:#603; margin:.25em 0em .5em 0em }
#main-content h2 { font-weight:bold; font-size:1.3em; color:#333; margin:1em 0em .1em 0em }
#main-content h3 { font-weight:bold; font-size:1.15em; color:#333; margin:.8em 0em .1em 0em}
#main-content h4 { font-weight:bold; font-size:1em; color:#666; margin:.5em 0em .1em 0em }
strong,b { font-weight:bold }
center { text-align:center }
em,i { font-style: italic }
sub,sup { font-size: .75em; line-height:.5em;}
sub{vertical-align:sub; }
sup{vertical-align:super; }
ol { margin-left:2em }
ol li{ list-style-type:decimal }
ol li li{ list-style-type:alpha }
}
#hd
{
	max-height: 475px;
}
/* DOCUMENT STRUCTURE */
#custom-doc { width:75.69em;*width:73.87em;min-width:984px; margin:auto; text-align:left; } 
/* Header and Footer */
#header-container
{
				height: 444px;
				width: 984px;			
}
#header
{
	background-image:url('../img/rsrc/header.png');
	width:984px;
	height:121px;
}
#header h1, #header h2
{
	display:none;
}

#header-below
{
	background-image:url('../img/rsrc/header-lower.png');
	width:984px;
	height:143px;
}

#header-links
{
	position:relative;
	top:36px;
	left:433px;
	
}
#header-links li
{
	clear:both;
	display:inline;
	padding:0px 10px 0px 10px;
	font-style: normal;
	font-size:small;
	text-transform:uppercase ;
}
/* e9c295 */
#header-links a:link    {color:#fbf6e7; text-decoration:none;} /* unvisited link */
#header-links a:visited {color:#fbf6e7; text-decoration:none;} /* visited link */
#header-links a:hover   {color:#c59178; text-decoration:underline;} /* mouse over link */
#header-links a:active  {color:#fbf6e7; text-decoration:none;} /* selected link */

#header-links .first a:link    {color:#e9c295 ; text-decoration:none;} /* unvisited link */
#header-links .first a:visited {color:#e9c295 ; text-decoration:none;} /* visited link */
#header-links .first a:hover   {color:#c59178; text-decoration:underline;} /* mouse over link */
#header-links .first a:active  {color:#e9c295 ; text-decoration:none;} /* selected link */

#featured-story
{
	background-color:black;
	width:895px;
	height:289px;
	position:relative;
	top:-141px;
	left:42px;
}
#featured-story img.main
{
	margin:10px; 
	max-height:268px
}
#featured-story div.info
{
    position:absolute;
    top:50px;
    left:462px;
	padding:10px;
	clear:both;
}
#featured-story h1
{    
	font-weight:bolder;
	font-family:Tahoma,Arial,Helvetica;
	font-size:2em;
	color:#fff2e2;
}
#featured-story h2
{
	font-family:Tahoma,Arial,Helvetica;
	font-size:2em;
	font-style:italic;
	font-weight:normal;
	color:#fff2e2;
}
#featured-story .info .event-date
{
    padding-top:2em;
	font-family:Tahoma,Arial,Helvetica;
	font-size:2em;
	font-weight:normal;
	color:#dcd9d4;
	position:absolute;
	top:100px;
	
}
#header-shadow
{
	background-image:url('../img/rsrc/header-shadow.png');
	width:897px;
	height:31px;
	position:absolute;
	left:0px;
	top:290px;
	clear:none;
}
#sub-header
{
	
}
#media-quote
{
    margin-left:40px;
	font-family:Tahoma,Arial,Helvetica;
	font-weight:bold;
	text-align:center;
	width:450px;
}
#media-quote blockquote
{
	font-style:italic;
}
#media-quote .credit
{
	font-size:.8em;
	padding-top:.5em;
}
#block-buy
{
	width:43%				
}
#main-content
{
	margin-top:1em;
}
#main-navigation-accordion li
{
	margin-left:1em;
}

#main-content .block-header
{
	background:#bdcad1;
	background-image:url('../img/rsrc/box-footer-404x9.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
	
	padding:5px 10px 5px 10px;
}
#main-content .block-header.large
{
	background:#bdcad1;
	background-image:url('../img/rsrc/box-footer-404x9.gif');
	background-position:center bottom;
	background-repeat:repeat-x;
	
	padding:5px 10px 5px 10px;
}

#main-content .block-header h2
{
	text-transform:uppercase;
	color:#282923;
	font-family:Tahoma,Arial,Helvetica;
	font-size:1.2em;
	margin:0 0 4px 0;
	font-weight:normal;
}
#main-navigation  h3
{
  font-family :arial, helvetica, sans-serif;
  font-style: normal; 
  font-weight: bold;
  font-size: .9em;
  
}
#main-content .block-header.nav
{
	background:#5a5b5d;
	padding:5px 10px 5px 10px;
}

#main-content .block-header.nav h2
{
    color:white;
}

#main-content .block-content
{
	padding:5px 10px 10px 10px
}
#other-blocks
{
	width:57%;
}
#about-performance
{
	width:41%;
}
#about-performance img
{
	float:left;
	margin:0 5px 5px 0;
	
}
#about-performance .wide-info
{
	width: 680px; padding:1em;
}
#about-performance .wide-info img
{
	float:none; display: inline;
}

#learn-more .photos
{
	text-align:center;
}
#learn-more .photos li
{
	clear: both;
	display: inline;
	margin: 10px 0px 10px 0px;
	padding:0px 2px 0px 2px;
}
#learn-more .photos li img
{
	border:2px solid #b1b7b8;
}

#main-content p
{
	padding:.5em 0 .5em 0;
}
#main-content .links li
{
	margin:8px 10px 8px 10px;
}
#main-content .links a {
	background-position:top left; 
	background-repeat:no-repeat;
	padding-left:20px;
	font-weight:bold;			
}
#main-content a:link    {color:#2677ab ; text-decoration:none;} /* unvisited link */
#main-content a:visited {color:#2677ab ; text-decoration:none;} /* visited link */
#main-content a:hover   {color:#c59178; text-decoration:underline;} /* mouse over link */
#main-content a:active  {color:#2677ab ; text-decoration:none;} /* selected link */

/** I had the li's marked up, and it was beautiful.  Just not in IE 7.  FF wasn't centered **/
#main-content .links a.link    {background-image:url('../img/icons/link.png');}
#main-content .links a.program {background-image:url('../img/icons/program.png');}
#main-content .links a.press   {background-image:url('../img/icons/press.png');}
#main-content .links a.behind  {background-image:url('../img/icons/behind.png');}
#main-content .links a.buy     {background-image:url('../img/icons/buy.png');}
#main-content .links a.reviews {background-image:url('../img/icons/reviews.png');}
#main-content .links a.seatingchart {background-image:url('../img/icons/seatingchart.png');}
#main-content .links a.film {background-image:url('../img/icons/film.png');}

#about-performance ul.links li
{
	clear:both;
	display:inline;
	margin:10px 5px 10px 10px;
}
#learn-more
{
	min-height:250px;
	background:#fff6ed;
}
#upcoming-shows
{
	background-image:url('../img/rsrc/upcoming-bg.png');
	background-repeat:repeat-x;
	background-position:center;
	height:125px;
	text-align:center;
	text-transform:uppercase;
}
#upcoming-shows h3
{
	color:#c5a178;
	font-size:medium;
	padding-top:120px;
}
#upcoming-shows a img
{
	padding-top:15px;
	clear:none;
	max-width: 193px;
	max-height:115px;
}
/* Having to use grids, since IE 7 doesn't support inline-block here.  I'm leaving this in
   as a monument to my distain for IE 7. May everyone please go to IE8/FF/Chrome now! 
#upcoming-shows ul li
{
	clear:both;
	display:inline-block;
	text-align:center;
	width:160px;
}
*/
#upcoming-shows img{
    opacity: .80;	filter:alpha(opacity=80);
    padding-bottom:5px;
}

#upcoming-shows a:link    {color:#c5a178 ; text-decoration:none;} /* unvisited link */
#upcoming-shows a:visited {color:#c5a178; text-decoration:none;} /* visited link */
#upcoming-shows a:hover   {color:#c59178; text-decoration:none;} /* mouse over link */
#upcoming-shows a:active  {color:#c5a178; text-decoration:none;} /* selected link */

#upcoming-shows a:hover   img{opacity: 1;	filter:alpha(opacity=100);}

#site-actions ul li, #footer-info div, #footer-links ul li, #footer-logos ul li
{
				clear: both;
				display: inline;
				margin: 10px 0px 10px 0px;
				padding:0px 10px 0px 10px;
				font-style: normal;
				font-size:x-small;
				font-variant: small-caps;
				font-family:Arial, Helvetica, sans-serif;
				color: #660033;
				text-transform:uppercase;
				border-left:1px gray solid;
}

#footer-logos ul li, #footer-logos img
{
	border:none;
}
#site-actions ul li.first,
#footer-links ul li.first
{
	border:none;
}
#site-actions h3,
#footer-links h3,
#footer-logos h3
{
	display:none;
}
#footer-logos img {
  opacity:0.35;  filter: alpha(opacity=35);
} 
 
#footer-logos a:hover img {
  opacity:.85;  filter: alpha(opacity=85);
}

#site-actions a:link    {color:#3c3c3c; text-decoration:none;} /* unvisited link */
#site-actions a:visited {color:#3c3c3c; text-decoration:none;} /* visited link */
#site-actions a:hover   {color:#c59178; text-decoration:underline;} /* mouse over link */
#site-actions a:active  {color:#3c3c3c; text-decoration:none;} /* selected link */

#footer-links a:link    {color:#3c3c3c; text-decoration:none;} /* unvisited link */
#footer-links a:visited {color:#3c3c3c; text-decoration:none;} /* visited link */
#footer-links a:hover   {color:#c59178; text-decoration:underline;} /* mouse over link */
#footer-links a:active  {color:#3c3c3c; text-decoration:none;} /* selected link */

#footer-info div, #footer-links div {
			color:#3c3c3c;
			font-size:.70em;		
}
#footer-info, #footer-links, #footer-logos
{
				margin:5px 5px 5px 5px;
				text-align: center;}
#footer-info div
{
				border:none;
}
#site-actions div.first,
#footer-links div.first
{
				border:none;
}
#site-actions {
				text-align: center;
				padding:5px;
				
}
#hd, #bd
{
	padding:0;
	margin:0;
}
#ft
{
background:#fff6ed;
}

#nav li
{

				padding:0px 10px 0px 10px;
				font-style: normal;
				font-size:x-small;
				font-variant: small-caps;
				font-family:Arial, Helvetica, sans-serif;
				color: #660033;
				text-transform:uppercase;
				border-left:1px gray solid;
}
/* ------------------------------ Droppy ---------------- */
/* Basic code - don't modify */
 
 #nav { background:none; display: block; margin: 0; padding: 5px; position: relative; z-index:100; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; font-size:8pt}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0px; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 240px; z-index:3000;  }
#nav ul ul { left: 190px; }

/* Everything else is theming */
 
#nav { background-color: #FFF2E2; height:20px; width:auto;}
#nav *:hover { background-color: none; }
#nav a {color: #660033; font-size: 12px; padding: 0 6px 0 6px; line-height: 1em;}
  #nav li {display:inline; clear:both; float:none; font-size: 12px}

  #nav li a{display:inline; clear:both;}
  #nav li a.menuitem{ padding-right:12px;background-image: url('/renderfile/c553bc950a63e21901c1681c70398ea2/files/img/rsrc/header-more-arrow.gif');background-position:right center; background-repeat:no-repeat;} 
  #nav ul li a { border:0px }
  #nav li.hover a { background-color: #FFF2E2; }
  #nav ul { margin-top:0; top:15px; left:-1px;text-align:left; padding-top:4px; border:none;}
    #nav ul li {display:block; line-height:20px; border:none; z-index:3000; font-size:12px }

    #nav ul li a { background-color: #FFF2E2; font-size:12px}
      #nav ul a.hover { background-color: #FFF2E2; }
   #nav ul {  border-left:1px solid gray; opacity: 0.9; filter: alpha(opacity=90); background-color:#FFF2E2}
   
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* ---------------------------------------------------------- */

#main-content  div.ui-accordion h3 {margin:0}
img.tickets {width:80px; height:42px}
#sub-header {margin-top:15px}
#plan-experience {min-height:26em}

#about-performance .tickets-block { margin-bottom:20px; min-height: 200px; background: #FFF6ED}
#about-performance .tickets-block .block-header img {border:none; top: -20px; position:relative; }
#about-performance .tickets-block .block-header h2 {padding-left: 200px ;}

#learn-more .events h3 {margin:0; padding:1em 0 0 0; font-size:.9em}
#learn-more .events p { margin:0; padding:0; color: #585858; font-size:.9em}
#learn-more .events {max-height:16em; overflow:auto}

#other-events .events h3 {margin:0; padding:1em 0 0 0; font-size:.9em}
#other-events .events p { margin:0; padding:0; color: #585858; font-size:.9em}
#other-events .events {max-height:16em; overflow:auto}

div#header.homepage {
	background-image:url('../../performing-arts-series/files/img/theme/home-pas-header.png');
	height:262px;
}

#plan-experience .ui-accordion .ui-accordion-content  { background:#ebf1f4; }
#plan-experience .ui-accordion .ui-accordion-content  { padding: 5px; font-size:0.8em }
#plan-experience .ui-accordion .ui-accordion-content p { background:#f8fafb; margin:2px; padding:10px 10px 10px 10px; }
#plan-experience .ui-accordion .ui-accordion-content ul li { background:#f8fafb; margin:2px; padding:10px 22px 10px 22px; }
#plan-experience .ui-accordion .ui-accordion-content img { max-width:70px; padding: 5px 0px 5px 0}

#head-navigation {display:none}
.block-content ul li {list-style:circle; padding-left:.2em;}
.block-content ul {list-style:circle; margin-left: 2em;}
.block-content ul.links {margin-left:0;}
.block-content ul.links li {list-style:none; padding-left:0; }

#block-buy .discounts {display:block; clear:both;}
#block-buy .discounts a {text-size: .8em}
#block-buy .discounts a:link    {color:#3c3c3c; text-decoration:none;} /* unvisited link */
#block-buy .discounts a:visited {color:#3c3c3c; text-decoration:none;} /* visited link */
#block-buy .discounts a:hover   {color:#c59178; text-decoration:underline;} /* mouse over link */
#block-buy .discounts a:active  {color:#3c3c3c; text-decoration:none;} /* selected link */
#block-buy .buy {text-align:right; margin-right:50px; width:140px}
#media-quote review {text-align:center}

.badges {margin-top:1em;}
.badges img {padding-left:1em;}
.badges li {display: inline; clear: none;}
.badges li img {float:none}

#learn-more .links li {text-indent: -20px; padding-left: 20px;}

ul.inline li {list-style:none outside none;}
ul.padded li {padding:1em;}

ul.inline li img { vertical-align:middle}