/****************** BASE DEFAULT CSS ******************/
/******* css reset, global html, & basic styles *******/

/*** NOTE: font-size key located at end of document ***/

/***** adapted from Reset Reloaded by Eric Meyer *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
b, i, u, hr, center {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

html, body {height: 100%;}

body {
	color: #333333;
	font-family: Georgia, Andalus, Times, 'Times New Roman', serif;
	font-size: 62.5%; /* 62.5% squashes default type to 10px, multiplier is set on #canvas */
	line-height: 1.0em;
	background: #1c2126 url('../img/chrome/bg_body.gif') repeat left top;
}

b, strong {font-weight: bold;}
i, em {font-style: italic;}

img {}

a, a:link, a:visited {
	color: #667d96;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active {
	color: #667d96;
	text-decoration: underline;
}

p {
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

ul, ol, dl {
	line-height: 1.3em;
	margin: 0 0 1.5em 0;
}
    ul li {
	    margin: 0 0 0.2em 15px;
    }
    ol li {
	    margin: 0 0 0.2em 2.0em;
    }
	dl dt {
		font-weight: bold;
		margin: 0 0 0.2em 0;
	}
	dl dd {
		margin: 0 0 1.0em 0;
	}

table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	border-spacing: 0;
}
    table th {
	    font-weight: normal;
	    line-height: 1.3em;
	    text-align: left;
	    vertical-align: bottom;
    }
    table td {
	    line-height: 1.3em;
	    vertical-align: top;
    }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.0em;
}
h1 {
	color: #667d9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.667em; /* 32px */
	letter-spacing: 1px;
	margin: 0 0 0.8em 0;
}
h2 {
	font-size: 1.750em; /* 21px */
	margin-bottom: 0.5em;
}
	/*** h2.sub-h1 goes directly after h1.custom ***/
	h2.sub-h1 {
		color: #666666;
		font-size: 1.167em; /* 14px */
		font-weight: bold;
		margin-bottom: 1.5em;
	}
		
h3 {
	font-size: 1.50em; /* 18px */
	margin-bottom: 0.4em;
}
	h3.title {
		font-size: 1.50em; /* 18px */
		font-weight: bold;
		text-transform: uppercase;
	}
h4 {
	font-size: 1.167em; /* 14px */
    font-weight: bold;
    margin-bottom: 0.2em;
}
    h4.headerbar {
	    color: #ffffff;
	    font-size: 1.0em; /* 12px */
	    font-weight: bold;
	    line-height: 1.2em;
	    margin-bottom: 0.5em;
	    padding: 5px 10px;
	    background: #333333;
    }
h5 {
	font-size: 1.0em; /* 12px */
	font-weight: bold;
	margin-bottom: 0.2em;
}
h6 {
	font-size: 0.917em; /* 11px */
	font-weight: bold;
	margin-bottom: 0.2em;
}

sup {
	font-size: 0.833em; /* 10px */
	vertical-align: super;
}
sub {
	font-size: 0.833em; /* 10px */
	vertical-align: sub;
}

big, .big {font-size: 1.091em;}

small, .small, .note {font-size: 0.833em;}

/*** utility styles ***/

.required {
	color: #000000;
	font-weight: bold;
}

.error {
	color: #d12229;
	font-weight: bold;
}

p.intro {
	font-size: 1.083em; /* 13px */
	line-height: 1.7em;
	margin: 0 0 1.7em 0;
}

p.footnote {
	font-size: 0.917em; /* 11px */
	line-height: 1.3em;
	margin: 0 0 1.3em 0;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0;
}

div.hr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 1.5em 0;
	border-top: 1px solid #cccccc;
}
	div.hr hr {
		display: none;
	}
	
	div.light-hr
	{
	    border-top-color:#f0f0f0;
	}

.floatright {
	float: right;
	display: inline;
}

.floatleft {
	float: left;
	display: inline;
}

.offscreen {
	position: absolute;
	left: -999999px;
}

.nowrap {white-space: nowrap;}

.normal {
	font-weight: normal;
	text-transform: none;
}

.alignleft {text-align: left;}

.alignright {text-align: right;}

.center {text-align: center;}

ul.plain {
	list-style: none;
}
	ul.plain li {
		margin: 0;
	}

ul.inline {
	list-style: none;
}
	ul.inline li {
		display: inline;
		margin: 0;
		padding: 0 10px;
	}

ul.linklist {
	list-style: none;
}
	ul.linklist li {
		margin: 0;
	}

ul.inlinelinklist {
	list-style: none;
}
	ul.inlinelinklist li {
		display: inline;
		margin: 0;
		padding: 0 10px;
	}
	    ul.inlinelinklist li a {
		    white-space: nowrap;
	    }
	   
ul#payment {
    list-style: none;
}
    ul#payment li#processing {
        display: inline;
        margin: 0;
        padding: 0;
    }
        ul#payment li#processing h2.process {
            background: transparent url('../img/common/payment-processing.png') no-repeat left top;
            background-repeat: no-repeat;
            width: 400px;
            height: 30px;
        }    

dl.twocolumns {}
    dl.twocolumns dt {
        float: left;
        display: inline;
        width: 160px;
        text-align: right;
    }
    dl.twocolumns dd {
        margin-left: 180px;
    }

img.block {
	display: block;
	margin: 0 0 1.5em 0;
}

img.inline {
	display: inline;
	margin: 0 0.2em;
	vertical-align: bottom;
}

img.inset-left {
	float: left;
	display: inline;
	width: 111px;
	height: 111px;
	margin: 0 20px 1.0em 0;
	padding: 4px;
	border: 1px solid #cdcdcd;
}

img.inset-right {
	float: right;
	display: inline;
	width: 111px;
	height: 111px;
	margin: 0 0 1.0em 20px;
	padding: 4px;
	border: 1px solid #cdcdcd;
}

img.img-btn {}

/*** /utility styles ***/

/*** button links ***/

a.btn,
a:link.btn,
a:visited.btn,
a:hover.btn,
a:visited:hover.btn,
a:active.btn {
	padding: 3px 15px;
	background: #990000;
	border: 1px solid #333333;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

a.alt-btn,
a:link.alt-btn,
a:visited.alt-btn,
a:hover.alt-btn,
a:visited:hover.alt-btn,
a:active.alt-btn {
	padding: 3px 15px;
	background: #cccccc;
	border: 1px solid #333333;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

a.sm-btn,
a:link.sm-btn,
a:visited.sm-btn,
a:hover.sm-btn,
a:visited:hover.sm-btn,
a:active.sm-btn {
	padding: 2px 10px;
	background: #990000;
	border: 1px solid #333333;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

/*** /button links ***/

/***** /global html & basic styles *****/



/***** layout *****/

div#canvas {
	font-size: 1.2em; /* 62.5% x 1.2em = 12px base font size */
	width: 1010px;
	margin: 0 auto;
	padding: 0 1px;
	border-right: 1px solid #32363a;
	border-left: 1px solid #32363a;
	position: relative;
}

div.skipnav {
	position: absolute;
	left: -999999px;
}

/*** header ***/

div#header {
	height: 288px;
	position: relative;
	z-index: 2;
}
	div#header div#logo {
		width: 1010px;
		height: 80px;
		background: transparent url('../img/chrome/main2.jpg') no-repeat left top;
	}
		div#header div#logo a {
			display: block;
			width: 445px;
			height: 80px;
			background: transparent url('../img/chrome/logo_joyce.png') no-repeat left top;
		}
		
		div#navigation {
            width: 1010px;
            height: 41px;
            position: relative;
            background-color: #32363a;
            background-image: url(../img/navigation/main_nav_sprite.gif);
        }

        div#navigation ul#mainnav {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			div#navigation ul#mainnav li.nav_sec {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
			}
				div#navigation ul#mainnav li.nav_sec a.section {
					display: block;
					height: 39px;
					margin: 0 0 1px 0;
					border-bottom: 1px solid #24272a;
				}

            div#navigation ul#mainnav li.nav_sec a.section {
                display: block;
                height: 39px;
                border-bottom: 1px solid #24272a;
                margin-bottom: 1px;
            }

            #n_about a.section          {width: 176px;}
            #n_blog a.section           {width: 92px;}
            #n_education a.section      {width: 134px;}
            #n_planyourvisit a.section  {width: 170px;}
            #n_performances a.section   {width: 237px;}
            #n_support a.section        {width: 120px;}

            #n_about .sn_links a            {background-image:url(../img/navigation/nav_sprite.png); background-repeat: no-repeat;}
            #n_about .menu a                {background-image:url(../img/navigation/nav_sprite_about2.png);}
            #n_performances .sn_links a     {background-image:url(../img/navigation/nav_sprite.png); background-repeat: no-repeat;}
            #n_performances .menu a         {background-image:url(../img/navigation/nav_sprite_perform2.png); background-repeat: no-repeat;}
            #n_education .sn_links a        {background-image:url(../img/navigation/nav_sprite.png); background-repeat: no-repeat;}
            #n_education .menu a            {background-image:url(../img/navigation/nav_sprite_education2.png); background-repeat: no-repeat;}
            #n_support .sn_links a          {background-image:url(../img/navigation/nav_sprite.png); background-repeat: no-repeat;}
            #n_support .menu a              {background-image:url(../img/navigation/nav_sprite_support2.png);}
            #n_planyourvisit .sn_links a    {background-image:url(../img/navigation/nav_sprite.png); background-repeat: no-repeat;}
            #n_planyourvisit .menu a        {background-image:url(../img/navigation/nav_sprite_plan2.png);}
            #n_blog .menu a                 {background-image:url(../img/navigation/nav_sprite_blog.png);}
            
			div#navigation ul#mainnav li.nav_sec div.menu {
				padding: 0 1px;
				border: 1px solid #24272a;
				border-top: 0;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				background: #32363a;
				background-repeat: no-repeat;
				position: absolute;
				top: 39px;
			}
            
                div#navigation ul#mainnav li.nav_sec div.menu ul {
			        list-style: none;
				    margin: 0;
				    padding: 0;
			    }
				    div#navigation ul#mainnav li.nav_sec div.menu ul li {
					    margin: 0;
					    padding: 0;
				    }
				    div#navigation ul#mainnav li.nav_sec div.menu ul li.last {
					    padding-bottom: 8px;
				    }

                #navigation div.inactive {
                   display:none;
                }

                #n_about .menu          { left: 754px;width: 233px;}
                #n_performances .menu   {width: 233px; left: 1px;}
                #n_education .menu      {width: 142px; left: 528px;}
                #n_support .menu        {width: 113px; left: 238px;}
                #n_planyourvisit .menu  {width: 164px; left: 358px;}
                #n_blog .menu           {width: 109px; left: 662px;}
                
                .sn_links a {
                    display:block;
                    height:25px;
                    width:190px;
                }

                #navigation .menu a {
                    display:block;
                    height:28px;
                }

                .menu .last {
                    padding-bottom: 8px;
                }

                #navigation #sn_mission a               {background-position: -501px 0;}
                #navigation #sn_mission a:hover         {background-position:  -249px 0;}
                #navigation #sn_venues a                {background-position: -501px -28px;}
                #navigation #sn_venues a:hover          {background-position:  -249px -28px;}
                #navigation #sn_getting_there a         {background-position: -501px -56px;}
                #navigation #sn_getting_there a:hover   {background-position:  -249px -56px;}
                #navigation #sn_spacerentals a          {background-position: -501px -84px;}
                #navigation #sn_spacerentals a:hover    {background-position:  -249px -84px;}
                #navigation #sn_spacerentals_p a        {background-position: -501px -112px;}
                #navigation #sn_spacerentals_p a:hover  {background-position:  -249px -112px;}
                #navigation #sn_spacerentals_e a        {background-position: -501px -140px;}
                #navigation #sn_spacerentals_e a:hover  {background-position:  -249px -140px;}
                #navigation #sn_news a                  {background-position: -501px -168px;}
                #navigation #sn_news a:hover            {background-position:  -249px -168px;}
                #navigation #sn_special_events a        {background-position: -501px -196px;}
                #navigation #sn_special_events a:hover  {background-position:  -249px -196px;}
                #navigation #sn_awards a                {background-position: -501px -224px;}
                #navigation #sn_awards a:hover          {background-position:  -249px -224px;}
                #navigation #sn_travel a                {background-position: -501px -252px;}
                #navigation #sn_travel a:hover          {background-position:  -249px -252px;}
                #navigation #sn_board a                 {background-position: -501px -280px;}
                #navigation #sn_board a:hover           {background-position:  -249px -280px;}
                #navigation #sn_staff a                 {background-position: -501px -308px;}
                #navigation #sn_staff a:hover           {background-position:  -249px -308px;}
                #navigation #sn_employement a           {background-position: -501px -336px;}
                #navigation #sn_employement a:hover     {background-position:  -249px -336px;}

                #navigation #sn_membership a            {background-position: -501px 0px;}
                #navigation #sn_membership a:hover      {background-position:  -249px 0px;}
                #navigation #sn_tickets a               {background-position: -501px -28px; height: 26px;}
                #navigation #sn_tickets a:hover         {background-position:  -249px -28px;}

                #navigation #sn_school a                {background-position: -501px 0;}
                #navigation #sn_school a:hover          {background-position:  -249px 0;}
                #navigation #sn_family a                {background-position: -501px -28px;}
                #navigation #sn_family a:hover          {background-position:  -249px -28px;}
                #navigation #sn_adult a                 {background-position: -501px -56px;}
                #navigation #sn_adult a:hover           {background-position:  -249px -56px;}
                #navigation #sn_dsmc a                  {background-position: -501px -84px; height: 44px;}
                #navigation #sn_dsmc a:hover            {background-position:  -249px -84px;}

                #navigation #sn_contribution a          {background-position: -501px 0; height: 44px;}
                #navigation #sn_contribution a:hover    {background-position:  -249px 0;}
                #navigation #sn_champions a             {background-position: -501px -44px; height: 44px;}
                #navigation #sn_champions a:hover       {background-position:  -249px -44px;}
                #navigation #sn_corporations a          {background-position: -501px -88px; height: 62px;}
                #navigation #sn_corporations a:hover    {background-position:  -249px -88px;}
                #navigation #sn_funders a               {background-position: -501px -149px; height: 41px;}
                #navigation #sn_funders a:hover         {background-position:  -249px -149px;}

                #navigation #sn_tpi a                   {background-position: -501px 0; height: 44px;}
                #navigation #sn_tpi a:hover             {background-position:  -245px 0;}
                #navigation #sn_dic a                   {background-position: -501px -44px;}
                #navigation #sn_dic a:hover             {background-position:  -245px -44px;}
                #navigation #sn_shopping a              {background-position: -501px -72px;}
                #navigation #sn_shopping a:hover        {background-position:  -245px -72px;}
                #navigation #sn_jm a                    {background-position: -501px -100px;}
                #navigation #sn_jm a:hover              {background-position:  -245px -100px;}
                #navigation #sn_gc a                    {background-position: -501px -128px; height: 44px;}
                #navigation #sn_gc a:hover              {background-position:  -245px -128px;}

                #navigation #sn_dap a                   {background-position: -501px -128px; height: 44px;}
                #navigation #sn_dap a:hover             {background-position:  -245px -128px;}
                #navigation #sn_groups a                {background-position: -501px -172px;}
                #navigation #sn_groups a:hover          {background-position:  -245px -172px;}
                #navigation #sn_tcc a                   {background-position: -501px -200px; height: 26px; height: 41px;}
                #navigation #sn_tcc a:hover             {background-position:  -245px -200px;}

                #navigation #sn_blog a                  {background-position: -501px 0; height: 26px;}
                #navigation #sn_blog a:hover            {background-position:  -249px 0;}

                .sn_links a span, #navigation .menu a span, .section span {
                    display: none;
                }		
		
		
		div#header div#ticket-navigation {
		width: 1010px;
		height: 41px;
		background: #32363a;
		position: relative;
	}
		div#ticket-navigation ul#mainnav {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			div#ticket-navigation ul#mainnav li.nav_sec {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
			}
				div#ticket-navigation ul#mainnav li.nav_sec a.section {
					display: block;
					height: 39px;
					margin: 0 0 1px 0;
					border-bottom: 1px solid #24272a;
				}
				div#ticket-navigation ul#mainnav li#n_performances a.section	{ width: 233px; background-image: url('../img/navigation/n_performances2.gif'); background-position: 0 -39px; }
				div#ticket-navigation ul#mainnav li#n_support a.section		    { width: 121px; background-image: url('../img/navigation/n_support2.gif'); }
				div#ticket-navigation ul#mainnav li#n_plan a.section		    { width: 171px; background-image: url('../img/navigation/n_planvisit.gif'); }
				div#ticket-navigation ul#mainnav li#n_education a.section		{ width: 134px; background-image: url('../img/navigation/n_education2.gif'); }
				div#ticket-navigation ul#mainnav li#n_blog a.section			{ width: 87px;  background-image: url('../img/navigation/n_blog2.gif'); }
				div#ticket-navigation ul#mainnav li#n_about a.section			{ width: 212px; background-image: url('../img/navigation/n_about2.gif'); }

				div#ticket-navigation ul#mainnav li.nav_sec div.menu {
					padding: 0 1px;
					border: 1px solid #24272a;
					border-top: 0;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					background: #32363a;
					position: absolute;
					top: 39px;
				}
				div#ticket-navigation ul#mainnav li#n_performances div.menu	{ width: 229px; left: 1px; }
				div#ticket-navigation ul#mainnav li#n_support div.menu			{ width: 110px; left: 235px; }
				div#ticket-navigation ul#mainnav li#n_plan div.menu		{ width: 155px; left: 354px; }
				div#ticket-navigation ul#mainnav li#n_education div.menu		{ width: 130px; left: 525px; }
				div#ticket-navigation ul#mainnav li#n_blog div.menu			{ width: 82px;  left: 712px; }
				div#ticket-navigation ul#mainnav li#n_about div.menu			{ width: 215px; left: 747px; }

					div#ticket-navigation ul#mainnav li.nav_sec div.menu ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}
					div#ticket-navigation ul#mainnav li.nav_sec div.menu ul li {
						margin: 0;
						padding: 0;
					}
					div#ticket-navigation ul#mainnav li.nav_sec div.menu ul li.last {
						padding-bottom: 8px;
					}
					div#ticket-navigation ul#mainnav li.nav_sec div.menu a {
						display: block;
						height: 28px;
						background-repeat: no-repeat;
					}
					div#ticket-navigation ul#mainnav li#n_performances div.menu a	{ background: url('../img/navigation/nav_sprite_performances.png') no-repeat; }
					div#ticket-navigation ul#mainnav li#n_support div.menu a		{ background: url('../img/navigation/nav_sprite_support2.png') no-repeat; }
					div#ticket-navigation ul#mainnav li#n_plan div.menu a		{ background: url('../img/navigation/nav_sprite_plan2.png') no-repeat; }
					div#ticket-navigation ul#mainnav li#n_education div.menu a		{ background: url('../img/navigation/nav_sprite_education2.png') no-repeat; }
					div#ticket-navigation ul#mainnav li#n_blog div.menu a			{ background: url('../img/navigation/nav_sprite_blog.png') no-repeat; }
					div#ticket-navigation ul#mainnav li#n_about div.menu a			{ background: url('../img/navigation/nav_sprite_about2.png') no-repeat; }

				div#ticket-navigation ul#mainnav li div.inactive {
					display: none;
				}

					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_calendar a			{ background-position: -503px 0; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_calendar a:hover		{ background-position: -251px 0; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_seating a			{ background-position: -503px -28px; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_seating a:hover		{ background-position: -251px -28px; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_membership a			{ background-position: -503px -56px; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_membership a:hover	{ background-position: -251px -56px; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_tickets a			{ background-position: -503px -84px; height: 26px; }
					div#ticket-navigation ul#mainnav li#n_performances div.menu li#sn_tickets a:hover		{ background-position: -251px -84px; }
					
					div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_contribution a {background-position: -501px 0; height: 44px;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_contribution a:hover {background-position:  -249px 0;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_champions a {background-position: -501px -44px; height: 44px;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_champions a:hover {background-position:  -249px -44px;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_corporations a {background-position: -501px -88px; height: 62px;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_corporations a:hover {background-position:  -249px -88px;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_institutions a {background-position: -501px -149px; height: 41px;}
                    div#ticket-navigation ul#mainnav li#n_support div.menu li#sn_institutions a:hover {background-position:  -249px -149px;}


					div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_tpi a {background-position: -501px 0; height: 44px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_tpi a:hover {background-position:  -245px 0;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_dic a {background-position: -501px -44px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_dic a:hover {background-position:  -245px -44px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_shopping a {background-position: -501px -72px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_shopping a:hover {background-position:  -245px -72px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_jm a {background-position: -501px -100px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_jm a:hover {background-position:  -245px -100px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_gc a {background-position: -501px -128px; height: 44px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_gc a:hover {background-position:  -245px -128px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_dap a {background-position: -501px -128px; height: 44px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_dap a:hover {background-position:  -245px -128px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_groups a {background-position: -501px -172px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_groups a:hover {background-position:  -245px -172px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_tcc a {background-position: -501px -200px; height: 26px; height: 41px;}
                    div#ticket-navigation ul#mainnav li#n_plan div.menu #sn_tcc a:hover {background-position:  -245px -200px;}



					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_education a			{ background-position: -501px 0;}
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_education a:hover	{ background-position: -249px 0; }
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_school a			{ background-position: -501px -28px;}
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_school a:hover		{ background-position: -249px -28px; }
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_family a			{ background-position: -501px -56px; }
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_family a:hover		{ background-position: -249px -56px; }
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_adult a				{ background-position: -501px -84px; height: 40px; }
					div#ticket-navigation ul#mainnav li#n_education div.menu li#sn_adult a:hover		{ background-position: -249px -84px; }

					div#ticket-navigation ul#mainnav li#n_blog div.menu li#sn_blog a					{ background-position: -503px 0; height: 26px; }
					div#ticket-navigation ul#mainnav li#n_blog div.menu li#sn_blog a:hover				{ background-position: -251px 0; }


                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_mission a {background-position: -501px 0;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_mission a:hover {background-position:  -249px 0;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_venues a {background-position: -501px -28px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_venues a:hover {background-position:  -249px -28px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_getting_there a {background-position: -501px -56px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_getting_there a:hover {background-position:  -249px -56px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_spacerentals a {background-position: -501px -84px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_spacerentals a:hover {background-position:  -249px -84px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_spacerentals_p a {background-position: -501px -112px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_spacerentals_p a:hover {background-position:  -249px -112px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_spacerentals_e a {background-position: -501px -140px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_spacerentals_e a:hover {background-position:  -249px -140px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_news a {background-position: -501px -168px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_news a:hover {background-position:  -249px -168px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_special_events a {background-position: -501px -196px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_special_events a:hover {background-position:  -249px -196px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_awards a {background-position: -501px -224px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_awards a:hover {background-position:  -249px -224px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_travel a {background-position: -501px -252px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_travel a:hover {background-position:  -249px -252px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_board a {background-position: -501px -280px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_board a:hover {background-position:  -249px -280px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_staff a {background-position: -501px -308px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_staff a:hover {background-position:  -249px -308px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_employement a {background-position: -501px -336px;}
                    div#ticket-navigation ul#mainnav li#n_about div.menu #sn_employement a:hover {background-position:  -249px -336px;}
					


		div#ticket-navigation ul#mainnav li.nav_sec a.section span,
		div#ticket-navigation ul#mainnav li.nav_sec div.menu a span {
			position: absolute;
			left: -999999px;
		}
		

	div#header div#banner {
		width: 1010px;
		height: 166px;
		border-bottom: 1px solid #cccccc;
		background: transparent url('../img/chrome/banner.jpg') no-repeat left top;
		position: relative;
	}
		div#header div#banner div.stroke, div#banner-donate div.stroke{
			background: transparent url('../img/chrome/banner_stroke.png') no-repeat left top;
			width: 1010px;
			height: 166px;
			position: absolute;
		}
		div#header div#banner h2#hdr_performances_tickets {
			width: 378px;
			height: 32px;
			margin: 0;
			background: transparent url('../img/chrome/hdr_performances_tickets.png') no-repeat left top;
			position: absolute;
			top: 115px;
			left: 632px;
		}
	
	div#header div#banner-donate{
	    width:1010px;
	    height:166px;
	    border-bottom: 1px solid #ccc;
	    background: transparent url('../img/chrome/banner-donate.jpg') no-repeat left top;
	    position:relative;
	    }
	    
	    div#header div#banner-donate h2#hdr_support_joyce{
			width: 378px;
			height: 32px;
			margin: 0;
			background: transparent url('../img/chrome/hdr_support_joyce.png') no-repeat left top;
			position: absolute;
			top: 115px;
			left: 632px;
	        }

	ul#utilitynav {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 60px;
		bottom: -50px;
		z-index: 9;
	}
		ul#utilitynav li {
			display: inline;
			margin: 0;
			padding: 0 8px;
			border-right: 1px solid #858585;
			font-size: 0.833em; /* 10px */
		}
		ul#utilitynav li.last {
			border: 0;
		}

        div#header div#ubernav  {
            background-image:url("../img/navigation/bkg_uber.png");
            height:29px;
            left:577px;
            position:absolute;
            top:0;
            width:412px;
        }
        
            div#header div#ubernav a {
                display:block;
            }
            
            div#header div#ubernav #u_joyce {
                background-image:url("../img/navigation/u_joyce.gif");
                height:29px;
                left:0;
                position:absolute;
                top:0;
                width:137px;
            }
            
            div#header div#ubernav #u_soho {
                height:29px;
                left:138px;
                position:absolute;
                top:0;
                width:138px;
            }
        
            div#header div#ubernav #u_dany {
                height:29px;
                left:275px;
                position:absolute;
                top:0;
                width:137px;
            }

/*** /header ***/

/*** footer ***/

div#footer {
    color: #999999;
    font-size: 0.833em; /* 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	position: relative;
}
	div#footer a {
		font-style: normal;
		text-decoration: underline;
	}
	div#footer div.info {
		width: 960px;
		margin: 0 25px;
		padding: 14px 0 17px 0;
		border-top: 1px solid #ebebeb;
		position: relative;
	}
		div#footer div.info a {
			color: #667d96;
		}
		div#footer div.info ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		div#footer div.info ul li {
			float: left;
			display: inline;
			margin: 0 30px 0 0;
			padding: 0;
			font-size: 12px;
		}
		div#footer div.info ul li strong {
			color: #333333;
			font-weight: normal;
		}
	div#footer div.bottom {
		width: 960px;
		text-transform: uppercase;
		padding: 20px 25px 17px 25px;
		background: #32363a;
		position: relative;
	}
		div#footer div.bottom a {
			color: #999999;
		}
		div#footer div.bottom div.left,
		div#footer div.bottom div.middle {
			float: left;
			display: inline;
			width: 300px;
			margin-right: 30px;
		}
		div#footer div.bottom div.right {
			float: left;
			display: inline;
			width: 300px;
			text-align: right;
		}

/*** /footer ***/

/*** main content ***/

div#content {
	width: 866px;
	min-height: 400px;
	padding: 30px 72px;
	background: #ffffff url('../img/chrome/bg_content.jpg') no-repeat left top;
	position: relative;
	z-index: 1;
}

/*** /main content ***/

/*** misc ***/

div.errormessage,
span.errormessage {
	display: block;
	width: 512px;
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 12px 15px 5px 15px;
	background: #d12229;
}
	div.errormessage p, div.errormessage ul,
	span.errormessage p, span.errormessage ul {
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
	}

div.carttimer {
	color: #ffffff;
	width: 512px;
	margin: 0 0 1.5em 0;
	padding: 12px 15px 5px 15px;
	background: #d12229;
}
	div.carttimer h4 {
		color: #ffffff;
		font-size: 1.0em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 0.4em 0;
	}
	div.carttimer p,
	div.carttimer ul {
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
	}

div.helpbox {
	float: right;
	display: inline;
	width: 212px;
	margin: 0 0 1.0em 20px;
	border: 1px solid #a7a7a7;
}
	div.helpbox div.topbar {
		height: 8px;
		background: #cccccc;
	}
	div.helpbox div.inner {
		padding: 8px 10px 2px 10px;
	}
	div.helpbox p,
	div.helpbox ul {
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
	}

/*** misc ***/

/***** /layout *****/



/***** forms *****/

fieldset {
	width: auto;
	display: block;
}

input, select, textarea {
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

input.img-btn {}
input.btn {
	cursor: pointer;
	padding: 3px 15px;
	background: #990000;
	border: 1px solid #333333;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
}
input.alt-btn {
	cursor: pointer;
	padding: 3px 15px;
	background: #cccccc;
	border: 1px solid #333333;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
}
input.sm-btn {
	cursor: pointer;
	padding: 2px 10px;
	background: #990000;
	border: 1px solid #333333;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

input.cb, input.rg { /* setting exact size removes IE padding, makes uniform cross-browser */
	width: 15px;
	height: 15px;
}

input.text {
	width: 200px;
	margin: 0 0 0.5em 0;
}
input.text-short {
	width: 92px;
	margin: 0 10px 0.5em 0;
}
input.text-xshort {
	width: 50px;
	margin: 0 10px 0.5em 0;
}
input.text-long {
	width: 240px;
	margin: 0 0 0.5em 0;
}
input.text-xlong {
	width: 320px;
	margin: 0 0 0.5em 0;
}

select.select {
	width: 204px;
	margin: 0 0 0.5em 0;
}
select.select-short {
	width: 96px;
	margin: 0 10px 0.5em 0;
}
select.select-xshort {
	width: 54px;
	margin: 0 10px 0.5em 0;
}
select.select-long {
	width: 244px;
	margin: 0 0 0.5em 0;
}
select.select-xlong {
	width: 324px;
	margin: 0 0 0.5em 0;
}
select.select-auto {
	width: auto;
	margin: 0 10px 0.5em 0;
}

textarea.textarea {
	line-height: 14px;
	width: 320px;
	height: 84px; /* 6 lines X 14px line-height */
	margin: 0 0 0.5em 0;
}

span.formnote { /* note next to an input field */
	color: #a7a7a7;
	font-size: 0.833em; /* 10px */
	font-style: italic;
	line-height: 1.5em;
}
div.formnote { /* note below an input field */
	color: #a7a7a7;
	font-size: 0.833em; /* 10px */
	font-style: italic;
	margin: -0.2em 0 0.5em 0;
	padding-left: 150px; /* matches label+margin width */
}

p.reqnote {
	margin-bottom: 1.0em;
	padding-left: 150px; /* matches label+margin width */
}

p.formcopy {
	margin-bottom: 0.5em;
}

label.hide {
	position: absolute;
	left: -999999px;
}

fieldset.text-fields {
	margin: 0 0 0.5em 0;
}
	fieldset.text-fields input,
	fieldset.text-fields select,
	fieldset.text-fields textarea {
		vertical-align: top;
	}
	fieldset.text-fields span.label, /* span tag to emulate a label */
	fieldset.text-fields label {
		float: left;
		clear: left;
		display: inline;
		width: 140px;
		margin: 0.1em 10px 0 0;
		line-height: 1.3em;
		text-align: right;
		position: relative;
	}
	fieldset.text-fields label.short {
		width: 80px;
	}
	fieldset.text-fields label.auto {
		width: auto;
	}
	fieldset.text-fields label.block { /* stacked label/input */
		float: none;
		display: block;
		width: auto;
		margin: 0 0 0.2em 0;
		text-align: left;
	}
	fieldset.text-fields div.label-name {
		margin: 0 0 1.0em 0;
	}
		fieldset.text-fields div.label-name span.label {
			float: left;
			display: inline;
			margin: 0 10px 0 0;
			line-height: 1.3em;
		}
		fieldset.text-fields div.label-name span.name {
			float: left;
			display: inline;
			line-height: 1.3em;
		}

/* container for checkboxes and radiobuttons */
/* container for dot.Net checkboxlist & radiobuttonlist tables */
/* input/label pairs are inline */
fieldset.cb-rb-fields {
	margin: 0 0 0.5em 0;
}
	fieldset.cb-rb-fields input {
		vertical-align: top;
		width: 15px;
		height: 15px;
		margin: 0 0 0.8em 0;
		padding: 0;
	}
	fieldset.cb-rb-fields label {
		line-height: 1.3em;
		margin: 0 15px 0 2px;
	}
	fieldset.cb-rb-fields table {
		margin: 0;
	}
	fieldset.cb-rb-fields td {
		padding: 0;
	}
		fieldset.cb-rb-fields td input {

		}
		fieldset.cb-rb-fields td label {
			margin: 0 15px 0 5px;
		}

/* container for checkboxes and radiobuttons */
/* input/label pairs are block, used mainly for long labels so text will not wrap below the input */
fieldset.cb-rb-block-fields {
	margin: 0 0 0.5em 0;
}
	fieldset.cb-rb-block-fields input {
		float: left;
		display: inline;
		vertical-align: top;
		width: 15px;
		height: 15px;
		margin: 0.1em 0 0 0;
		padding: 0;
	}
	fieldset.cb-rb-block-fields label {
		display: block;
		line-height: 1.3em;
		margin: 0 0 0.5em 20px;
	}

/* container for form buttons */
fieldset.btn-zone {
	text-align: right;
	margin: 0 0 1.0em 0;
	padding: 0.5em 0;
}

/*** specific fieldsets ***/

/* support */

fieldset#form_gift {
}

fieldset#form_support {
}

/* /support */

/* account */

fieldset#form_change {
}
    fieldset#form_change p.reqnote {
	    padding-left: 170px;
    }
    fieldset#form_change fieldset.text-fields label {
	    width: 160px;
    }
	fieldset#form_change fieldset.btn-zone {
		width: 370px;
	}

fieldset#form_login {
	width: 520px;
	margin-bottom: 1.0em;
}
	fieldset#form_login fieldset.btn-zone {
		width: 350px;
	}

fieldset#form_forgot {
	width: 520px;
}
	fieldset#form_forgot input.text {
		margin-right: 10px;
	}

fieldset#form_register {
}
    fieldset#form_register p.reqnote {
	    padding-left: 170px;
    }
    fieldset#form_register fieldset.text-fields label {
	    width: 160px;
    }
	fieldset#form_register fieldset.btn-zone {
		width: 370px;
	}

fieldset#form_update {
}
    fieldset#form_update p.reqnote {
	    padding-left: 170px;
    }
    fieldset#form_update fieldset.text-fields label {
	    width: 160px;
    }
	fieldset#form_update fieldset.btn-zone {
		width: 370px;
	}

/* /account */

/* tickets */

fieldset#miniform_promocode {
	width: 320px;
	margin: 0 0 1.0em 0;
	border: 1px solid #a7a7a7;
}
	fieldset#miniform_promocode div.topbar {
		height: 8px;
		background: #cccccc;
	}
	fieldset#miniform_promocode div.inner {
		padding: 5px 10px;
	}

fieldset#form_email {
}

fieldset#form_reserve {
}

fieldset#form_search {
}
	fieldset#form_search fieldset.colA {
		float: left;
		display: inline;
		width: 320px;
	}
	    fieldset#form_search fieldset.colA label {
		    width: 80px;
	    }
	fieldset#form_search fieldset.colB {
		float: left;
		display: inline;
		width: 320px;
	}
	    fieldset#form_search fieldset.colB label {
		    width: 40px;
	    }
	    fieldset#form_search fieldset.colB input.text-short {
		    width: 100px;
	    }

/* /tickets */

/* checkout */

fieldset#form_billing {
}
	fieldset#form_billing fieldset.btn-zone {
		width: 350px;
	}

fieldset#form_delivery {
}
	fieldset#form_delivery fieldset.btn-zone {
		width: 350px;
		text-align: left;
	}

fieldset#form_shipping {
}
	fieldset#form_shipping fieldset.btn-zone {
		width: 350px;
	}

fieldset#form_payment {
}
	fieldset#form_payment fieldset.btn-zone {
		margin: 0 10px;
	}
		fieldset#form_payment fieldset.btn-zone p.charge-message {
			float: left;
			display: inline;
			width: 560px;
			margin: 0 0 0 100px;
		}

fieldset#miniform_redeemgiftcert {
	margin: 0 10px 1.0em 10px;
}
	fieldset#miniform_redeemgiftcert input.text {
		
	}

fieldset#miniform_adddonation {
	margin: 0 10px 1.0em 10px;
}
	fieldset#miniform_adddonation input.text {
		
	}

fieldset#miniform_creditcard {
	margin: 0 10px 1.0em 10px;
	padding: 5px 10px;
	background: #e4e4e4;
}
	fieldset#miniform_creditcard div.col-left {
		float: left;
		display: inline;
		width:400px;
	}
	fieldset#miniform_creditcard div.col-right {
		float: left;
		display: inline;
		width:400px;
	}

/* /checkout */

/*** /specific fieldsets ***/

/***** /forms *****/



/***** page specific styles *****/

/*** custom h1 headers ***/

h1.custom {
	/* width: 480px; */
	height: 30px;
	background: transparent url('../img/x.gif') no-repeat left top;
	position: relative;
}
	h1.custom span {
		position: absolute;
		left: -999999px;
	}
h1#hdr_box_office {
	background-image: url('../img/headers/hdr_box_office.gif');
}
h1#hdr_buy_tickets {
	background-image: url('../img/headers/hdr_buy_tickets.gif');
}
h1#hdr_shopping_cart {
	background-image: url('../img/headers/hdr_shopping_cart.gif');
}
h1#hdr_login {
	background-image: url('../img/headers/hdr_login.gif');
}
h1#hdr_registration {
	background-image: url('../img/headers/hdr_registration.gif');
}
h1#hdr_checkout {
	background-image: url('../img/headers/hdr_checkout.gif');
}
h1#hdr_order_complete {
	background-image: url('../img/headers/hdr_order_complete.gif');
}
h1#hdr_change_account_info {
	background-image: url('../img/headers/hdr_change_account_info.gif');
}
h1#hdr_update_account_info {
	background-image: url('../img/headers/hdr_update_account_info.gif');
}
h1#hdr_were_sorry {
	background-image: url('../img/headers/hdr_were_sorry.gif');
}
h1#hdr_current_season {
	background-image: url('../img/headers/hdr_current_season.gif');
}
h1#hdr_donate_now
{
    background-image: url('../img/headers/hdr_donate_now.gif');
}
/*** /custom h1 headers ***/

/*** popups ***/

body.popup {
	background: #ffffff;
}
	body.popup div#canvas {
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}
	body.popup div.head {
		margin: 0;
		padding: 10px;
		background: #efefef;
		text-align: right;
	}
	body.popup div.inner {
		margin: 0 10px;
		padding: 10px 0;
	}

/*** popups ***/

/*** account ***/


/*** /account ***/

/*** tickets ***/

div.performancelisting {
	border: 1px solid #a7a7a7;
	border-top: 0;
	position: relative;
}
	div.performancelisting h4.headerbar {
		margin: 0;
		border-top: 1px solid #a7a7a7;
	}
	div.performancelisting ul {
		list-style: none;
		margin: 0 15px -1px 5px;
	}
		div.performancelisting ul li {
			min-height: 20px;
			margin: 0;
			padding: 5px;
			border-bottom: 1px dotted #667d9f;
		}
			div.performancelisting ul span.date {
				float: left;
				display: inline;
				width: 500px;
				line-height: 20px;
			}
			div.performancelisting ul span.message {
				float: left;
				display: inline;
				color: #8c8c8c;
				font-style: italic;
			}
			div.performancelisting ul img.img-btn {
				float: left;
				display: inline;
			}

div.seatselectiongrid {
	float: left;
	display: inline;
	width: 540px;
	margin: 0 0 2.0em 0;
	border: 1px solid #a7a7a7;
	border-top: 0;
}
	div.seatselectiongrid h4.headerbar {
		margin: 0;
		border-top: 1px solid #a7a7a7;
	}

div.seatmapbox {
	float: right;
	display: inline;
	width: 280px;
	padding: 10px;
	border: 1px solid #adadad;
}
	div.seatmapbox a {
		display: block;
		width: 280px;
		height: 200px;
	}
		div.seatmapbox a img {
			display: block;
			width: 280px;
			height: 200px;
		}

table.selectseating {
	width: 530px;
	margin: 0 5px 0.5em 5px;
}
	table.selectseating th {
		padding: 5px;
		font-weight: bold;
		border-bottom: 1px dotted #667d9f;
	}
	table.selectseating td {
		padding: 5px;
	}
	table.selectseating td.radiocol {
		width: 15px;
	}
	    table.selectseating td.radiocol input {
		    width: 15px;
		    height: 15px;
	    }
	table.selectseating th.section,
	table.selectseating td.section {
		/*width: 125px;*/
	}
	table.selectseating th.pricetype,
	table.selectseating td.pricetype {
		/*width: 75px;*/
		text-align: right;
	}

table.selectquantity {
	width: 530px;
	margin: 0 5px 0.5em 5px;
}
	table.selectquantity td {
		text-align: right;
		padding: 5px;
	}
		table.selectquantity td label {
			display: block;
			font-weight: bold;
			margin: 0 0 5px 0;
		}
		table.selectquantity td select {
			margin: 0;
		}

div#select_seating {}
	div#select_seating fieldset.btn-zone {width: 540px;}

div.searchresults {
	border: 1px solid #a7a7a7;
	border-top: 0;
}
	div.searchresults h4.headerbar {
		margin: 0;
		border-top: 1px solid #a7a7a7;
	}
	div.searchresults ul {
		list-style: none;
	}
		div.searchresults ul li {
			margin: 0;
			padding: 5px 10px;
			border-bottom: 1px solid #cccccc;
		}
			div.searchresults ul div.details {
				float: left;
				display: inline;
				width: 500px;
			}
				div.searchresults ul div.details h4 {
					display: inline;
				}
			div.searchresults ul span.message {
				float: left;
				display: inline;
				color: #666666;
				font-size: 0.909em;
			}
			div.searchresults ul img.img-btn {
				float: left;
				display: inline;
			}

/*** /tickets ***/

/*** checkout ***/

div.checkoutsteps {
	width: 696px;
	height: 22px;
	margin: 0 0 1.0em 0;
	background: transparent url('../img/common/checkoutsteps.gif') no-repeat left top;
	position: relative;
}
div#checkoutstep1 {background-position: 0px -30px;}
div#checkoutstep2 {background-position: 0px -60px;}
div#checkoutstep3 {background-position: 0px -90px;}
div#checkoutstep4 {background-position: 0px -120px;}
div#checkoutstep5 {background-position: 0px -150px;}
	div.checkoutsteps ol {
		list-style: none;
		margin: 0;
		position: absolute;
		left: -999999px;
	}
		div.checkoutsteps ol li {
			display: inline;
			margin: 0 10px 0 0;
			padding: 0 10pz;
			background: #32363a;
			color: #ffffff;
		}

div.addresses {
	float: left;
	display: inline;
	width: 175px;
	margin: 0 15px 1.0em 0;
}

dl.receiptinfo {
}

/*** /checkout ***/

/*** shopping cart ***/



div.cartcontainer {
	margin: 0 0 1.0em 0;
	border: 1px solid #a7a7a7;
}

table.shoppingcart {
	width: 864px;
	margin: 0 0 1.0em 0;
}
	table.shoppingcart th {
		color: #ffffff;
		font-weight: bold;
		line-height: 1.2em;
		padding: 5px 10px;
		background: #333333;

	}
	table.shoppingcart td {
		padding: 5px 10px;
		border-bottom: 1px dotted #667d9f;
		line-height: 1.4em;
	}

	/* all col widths + padding MUST add up to shoppingcart total width */
	table.shoppingcart td.colA, table.shoppingcart th.colA {
		width: 294px;
	}
	table.shoppingcart td.colB, table.shoppingcart th.colB {
		width: 220px;
	}
	table.shoppingcart td.colC, table.shoppingcart th.colC {
		width: 60px;
	}
	table.shoppingcart td.colD, table.shoppingcart th.colD {
		width: 70px;
	}
	table.shoppingcart td.colE, table.shoppingcart th.colE {
		width: 120px;
		text-align: right;
	}

	table.shoppingcart table.innercart {
		width: 550px;
		margin: 0 0 -1px 0;
	}

	table.shoppingcart div.subtotal {
		margin: 0.4em 0;
	}
	table.shoppingcart div.total {
		margin: 1.2em 0 0.8em 0;
		color: #667d9f;
		font-size: 1.250em; /* 15px */
		font-weight: bold;
	}

	table.shoppingcart td.colBCDE { /* contains single tix nested table.innercart */
		width: 550px;
		padding: 0;
	}
	table.shoppingcart td.colAB { /* cart totals spacer */
		width: 554px;
		padding: 0;
	}
	table.shoppingcart td.colCD { /* cart totals */
		width: 190px;
		padding: 5px 10px;
	}
	table.shoppingcart td.colBCD { /* combined description column */
		width: 440px;
		padding: 5px 10px;
	}
	table.shoppingcart td.colABCDE { /* colspan = all */
		width: 844px;
		padding: 5px 10px;
	}

div.cartbuttons {
	margin: 0 0 1.0em 0;
}
	div.cartbuttons a.btn-continue {
		float: left;
		display: inline;
	}
	div.cartbuttons a.btn-checkout {
		float: right;
		display: inline;
	}


table.carttotals {
	margin: 0;
}
	table.carttotals td {
		border: 0;
	}

div.emptycart {
	width: 542px;
}

/*** /shopping cart ***/

/*** calendar ***/

table.calendar {
	width: 866px;
}
	table.calendar th {
		padding: 2px 5px;
		border: 2px solid #ffffff;
		background: #cccccc;
		color: #333333;
		font-weight: bold;
	}
	table.calendar td {
		width: 14%;
		padding: 2px 5px;
		border: 2px solid #ffffff;
	}
	table.calendar td.in {
		background: #dcdcdc;
	}
	table.calendar td.out {
		background: #f5f5f5;
	}
	table.calendar div.date {
		font-size: 0.909em;
		text-align: right;
	}
	table.calendar h3 {
		font-size: 1.0em;
	}
	table.calendar p {
		line-height: 1.3em;
		margin: 0 0 1.0em 0;
	}

div.calcontrols {
	margin: 0 0 1.0em 0;
}
	div.calcontrols a.lnk-prev {
		float: left;
		display: inline;
	}
	div.calcontrols a.lnk-next {
		float: right;
		display: inline;
	}

/* calendar detail tip */

#detailtip {
	width: 448px;
	position: absolute; 
	left: -999999px;
	z-index: 9;
	margin: 0;
	padding: 0 16px; /* add enough padding for arrow */
	/*
	#detailtip lives outside #canvas and therefore does not inherit the font-size multiplier.
	#detailtip will default to 10pt if font-size is not set the same as #canvas.
	*/
	font-size: 1.2em;
}
	#detailtip div.dt_arrow {
		width: 20px;
		height: 46px;
		position: absolute;
		top: 0; 
		left: 0;
	}
		#detailtip.east div.dt_arrow {background: url('../img/popover/popover_arrow_left.png') no-repeat 0px 0px;}
		#detailtip.west div.dt_arrow {background: url('../img/popover/popover_arrow_right.png') no-repeat 0px 0px;}

		#detailtip div.dt_head {
			height: 12px;
			padding-top: 4px;
			background: url('../img/popover/popover_upper.png') no-repeat left top;
			position: relative;
		}
			#detailtip div.dt_head div.dt_close {
				position: absolute;
				right: 20px;
			}
			#detailtip div.dt_head div.dt_close a {
				/*
				background: transparent url('../img/closeX.gif') no-repeat center center;
				text-indent: -999999em;
				display: block;
				width: 10px;
				height: 10px;
				*/
			}

		#detailtip div.dt_foot {
			height: 12px;
			padding-bottom: 4px;
			background: url('../img/popover/popover_lower.png') no-repeat left top;
			position: relative;
		}

		#detailtip div.detailtip_content {
			min-height: 46px; /* use arrow height as a minimum */
			padding: 8px 20px;
			background: url('../img/popover/popover_inner.png') repeat-y left top;
		}
			#detailtip div.detailtip_content img.prod-image {
				float: left;
				display: inline;
				width: 168px;
				height: 98px;
				margin: 0 20px 5px 0;
				border: 1px solid #21337c;
			}
			#detailtip div.detailtip_content div.prod-info {
			    /*
				float: left;
				display: inline;
				width: 200px;
				*/
				margin: 0 0 5px 0;
			}
				#detailtip div.detailtip_content div.prod-info h3 {
					margin: 0 0 0.2em 0;
				}
				#detailtip div.detailtip_content div.prod-info p {
					margin: 0;
				}

			#detailtip div.detailtip_content div.call-to-action {
				
			}

a.detailtip_trigger{}

/* calendar detail tip */

/* popup_calendar */

body.popup_calendar {
	text-align: center;
	background: #ffffff;
}
	body.popup_calendar a:link, body.popup_calendar a:visited {
		color: #666666;
		text-decoration: none;
	}
	body.popup_calendar a:hover, body.popup_calendar a:visited:hover, body.popup_calendar a:active {
		color: #666666;
		text-decoration: underline;
	}

table.popup_calendar_header {width:250px; margin-bottom:8px;}
	table.popup_calendar_header td {font-size:11px; color:#666666;}
	table.popup_calendar_header td.month {text-align:center; padding:2px 5px;}
	table.popup_calendar_header td.prev {text-align:left; padding:2px 10px;}
		table.popup_calendar_header td.prev a {font-size:15px; font-weight:bold;}
	table.popup_calendar_header td.next {text-align:right; padding:2px 10px;}
		table.popup_calendar_header td.next a {font-size:15px; font-weight:bold;}

table.popup_calendar_dates {width:250px;}
	table.popup_calendar_dates td {font-size:11px; color:#666666; text-align:center; padding:2px 0;}
	table.popup_calendar_dates td.weekend {}
	table.popup_calendar_dates tr.top td {color:#666666; text-transform:uppercase;}
	table.popup_calendar_dates div.today {background-color:#cccccc; border:1px solid #666666;}

/* /popup_calendar */

ul#payment {
    
}

/*** /calendar ***/

/*** DONATE NOW PAGE ***/

div#contentDonate {
	width: 1010px;
	padding:0;
	min-height: 400px;
	background: #ffffff url('../img/chrome/bg_content.jpg') no-repeat left top;
	position: relative;
	z-index: 1;
}

    div#contentDonate p{
        font-size:13px;
        }

/* donate form */

ul.form-section{
    width:403px;
    list-style-type:none;
    border-bottom: 1px solid #cccfd2;
    padding:20px 0 15px 7px;
    float:left;
    margin:0;
}

ul.last{
    border:none;
}

    ul.form-section ul{
        list-style-type:none;
    }

    ul.form-section li{
        width:403px;
        float:left;
        margin:0;
        padding:0 0 20px 0;
    }
    
        #donate-form div.label{
            width:180px;
            float:left;
            height:24px;
            overflow:hidden;
        }

            #donate-form label{
                margin-left:5px;
                display:inline-block;
            }

        #donate-form div.textfield{
            float:left;
            width:222px;
            height:27px;
            margin-top:-4px;
            overflow:hidden;
        }

            #donate-form div.textfield input{
                width:216px;
                height:21px;
            }

            #donate-form div.textfield input.textfield-short{
                width:100px;
                height:21px;
                margin-left:5px;
            }

        #donate-form input.textfield-long{
            width:305px;
            margin-top:10px;
            height:22px;
        }

        #donate-form div.checkbox{
            float:left;
            width:38px;
        }

            #donate-form div.checkbox input{
                margin-left:18px;
            }

        #donate-form div.checkbox-label{
            width:350px;
            float:left;
            font-style:italic;
            font-size:11px;
        }

            #donate-form div.checkbox-label span.checkbox-label-descr{
                font-style:normal;
            }

        #donate-form textarea.textarea{
            width:400px;
            height:120px;
            overflow-y:scroll;
            margin-top:15px;
        }

        #donate-form label.textarea-label{
            margin:0;
            font-size: 11px;
            font-style:italic;
            }
           
        #donate-form li.listed-name{
            padding-left:20px;
        }
        
        #donate-form li.other-amount{
            height:25px;
        }
        
        #gift-champion-showhide{
            margin-top:15px;
        }
        
            ul.donor-info{
                margin-top:20px;
                }

div#contentDonate div.form-notes p{
    font-size:11px;
    font-style:italic;
    color:#666666;
}

#midcol{
    float: left;
    width: 410px;
    padding: 30px 125px 30px 0;
}

h2.donations 
{
    color:#657d97;
    font-size:20px;
}


/* accordion */


ul#member-levels {
	width: 410px;
	margin:0;
	border-top:1px solid #cccfd2;
	position: relative;
	list-style-type: none;
	}
	
	ul#member-levels div.accordion-toggle {
	    cursor: pointer;
	    width:120px;
	    height:15px;
	    padding:0;
	    float:left;
	    text-align:right;
	    color:#627992;
	    font-style:italic;
	    }
	
		ul#member-levels a.link-toggle {
			display: block;
			position: relative;
			font-size:14px;
		    }
					
	ul#member-levels div.accordion-content {
		width: 358px;
		position: relative;
		overflow: hidden;
	    clear:both;
	    margin-left:20px;
	    padding-top:10px;
		}
		
		ul#member-levels div.accordion-content-inner{
		    width: 358px;
		}
		
			ul#member-levels span.benefit-price-note{
		        color:#a62e2e;
		        display:block;
		        margin-top:10px;
		        font-size:14px;
		    }
		
		    ul#member-levels div.accordion-content-inner ul{
		        margin:15px 0 0 0;
		        padding:0;
		    }
		
		        ul#member-levels div.accordion-content-inner ul li{
		            margin:0;
		            font-size:11px;
		            border-bottom:1px solid #cccfd2;
		            padding:5px 0 10px 10px;
		            background: url('../img/common/donate-bullet.gif') no-repeat 0px 11px;
		        }
		
		        ul#member-levels div.accordion-content-inner li.last{
		            border:none;
		        }
		
		    ul#member-levels div.accordion-content-inner p{
		        margin:20px 0 0 0;
		        font-size:11px;
		    }
		
	ul#member-levels li.accordion-section-wrap, ul#member-levels li.other-amount{
		display:block;
	    width:403px;
		border-bottom: 1px solid #cccfd2;
		margin:0;
		padding:11px 0 3px 7px;
		float:left;
	}
	
		ul#member-levels div.accordion-section-radio{
		    width:188px;
		    height:15px;
		    padding:0;
		    float:left;
		}
	    
	    ul#member-levels div.accordion-section-radio label{
	        font-size:14px;
	        }
	
	    ul#member-levels div.price{
		    height:15px;
		    width:80px;
		    padding:0;
		    float:left;
		    font-size:14px;
		}
	
	ul#member-levels li.accordion-section-active{
		background-color:#eef1f4;
		margin:0;
	}
	
		ul#member-levels li.accordion-section-active div.accordion-section-radio, ul#member-levels li.accordion-section-active div.price{
		    color:#a62e2e;
		}
	    
/* checkbox show/hide */

#gift-champion-showhide
{
    position:relative;
    overflow:hidden;
    clear:both;
    width:404px;
    float:left;
}

/* left & right columns (static copy from joyce.org */

#leftcol{
    float: left;
    width: 190px;
    padding: 30px 30px 0 25px;
}

    #leftcol ul{
        list-style-type:none;
        padding:0;
        margin:0;
    }
    
        #leftcol ul li{
            padding:0;
            margin:0;
        }
    
    #ln_links {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ebebeb;
    }

        #ln_links a {
            background-image: url(../img/navigation/sn_sprite.gif);
            display: block;
            width: 190px;
            height: 20px;
        }

        #lsn_support a {background-position: 0 0;}

        #lsn_support a:hover {background-position: -190px 0;}

        #lsn_contribution a {background-position: -190px -20px;} /* apply active state */

        /* #lsn_contribution a:hover {background-position: -190px -20px;} keep active state on donate link */

        #lsn_champions a {background-position: 0 -40px;}

        #lsn_champions a:hover {background-position: -190px -40px;}

        #lsn_corporations a {background-position: 0 -60px;}

        #lsn_corporations a:hover {background-position: -190px -60px;}

        #lsn_institutions a {background-position: 0 -80px;}

        #lsn_institutions a:hover {background-position: -190px -80px;}
        
            #ln_links a span {
                display:none;
            }


    #quicklinks ul li ul {
        margin-bottom: 30px;
    }

    #quicklinks h3 {
        margin-bottom: 11px;
    }

    #quicklinks a {
        font-size: 14px;
        font-style: italic;
        line-height: 16px;
        color: #667d96;
    }

#rightcol {
    float: left;
    width: 200px;
    background-image: url(../img/chrome/shadow.gif);
    background-repeat: no-repeat;
    padding: 52px 15px 0 15px;
    min-height: 300px;
    line-height:normal;
    margin-top:35px;
}

    #rightcol .ill {
        margin-bottom: 10px;
    }

    #rightcol .hed {
        font-style: italic;
        font-size: 1.25em;
        margin-bottom: 6px;
        text-transform: uppercase;
    }

    #rightcol .copy {
        font-style: italic;
    }


/*** /DONATE NOW PAGE ***/



/***** /page specific styles *****/



/***** font-size key *****/

/*** 11pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.1em;}
		.pt09 {font-size: 0.818em;}
		.pt10 {font-size: 0.909em;}
		.pt11 {font-size: 1.0em;}
		.pt12 {font-size: 1.091em;}
		.pt13 {font-size: 1.182em;}
		.pt14 {font-size: 1.273em;}
		.pt15 {font-size: 1.364em;}
		.pt16 {font-size: 1.455em;}
		.pt17 {font-size: 1.545em;}
		.pt18 {font-size: 1.636em;}
		.pt19 {font-size: 1.727em;}
		.pt20 {font-size: 1.818em;}
		.pt21 {font-size: 1.909em;}
		.pt22 {font-size: 2.0em;}
		.pt23 {font-size: 2.091em;}
		.pt24 {font-size: 2.182em;}
		.pt25 {font-size: 2.273em;}
		.pt26 {font-size: 2.364em;}
		.pt27 {font-size: 2.455em;}
		.pt28 {font-size: 2.546em;}
		.pt29 {font-size: 2.636em;}
		.pt30 {font-size: 2.727em;}
		.pt31 {font-size: 2.818em;}
		.pt32 {font-size: 2.909em;}
		.pt33 {font-size: 3.0em;}
		.pt34 {font-size: 3.091em;}
		.pt35 {font-size: 3.182em;}
		.pt36 {font-size: 3.273em;}
*/
/*** end 11pt ***/

/*** 12pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.2em;}
		.pt09 {font-size: 0.75em;}
		.pt10 {font-size: 0.833em;}
		.pt11 {font-size: 0.917em;}
		.pt12 {font-size: 1.0em;}
		.pt13 {font-size: 1.083em;}
		.pt14 {font-size: 1.167em;}
		.pt15 {font-size: 1.250em;}
		.pt16 {font-size: 1.333em;}
		.pt17 {font-size: 1.417em;}
		.pt18 {font-size: 1.50em;}
		.pt19 {font-size: 1.583em;}
		.pt20 {font-size: 1.667em;}
		.pt21 {font-size: 1.750em;}
		.pt22 {font-size: 1.833em;}
		.pt23 {font-size: 1.917em;}
		.pt24 {font-size: 2.0em;}
		.pt25 {font-size: 2.083em;}
		.pt26 {font-size: 2.167em;}
		.pt27 {font-size: 2.250em;}
		.pt28 {font-size: 2.333em;}
		.pt29 {font-size: 2.417em;}
		.pt30 {font-size: 2.50em;}
		.pt31 {font-size: 2.583em;}
		.pt32 {font-size: 2.667em;}
		.pt33 {font-size: 2.750em;}
		.pt34 {font-size: 2.833em;}
		.pt35 {font-size: 2.917em;}
		.pt36 {font-size: 3.0em;}
*/
/*** end 12pt ***/

/*** 13pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.3em;}
		.pt09 {font-size: 0.692em;}
		.pt10 {font-size: 0.769em;}
		.pt11 {font-size: 0.846em;}
		.pt12 {font-size: 0.923em;}
		.pt13 {font-size: 1.0em;}
		.pt14 {font-size: 1.077em;}
		.pt15 {font-size: 1.154em;}
		.pt16 {font-size: 1.231em;}
		.pt17 {font-size: 1.308em;}
		.pt18 {font-size: 1.385em;}
		.pt19 {font-size: 1.462em;}
		.pt20 {font-size: 1.538em;}
		.pt21 {font-size: 1.615em;}
		.pt22 {font-size: 1.692em;}
		.pt23 {font-size: 1.769em;}
		.pt24 {font-size: 1.846em;}
		.pt25 {font-size: 1.923em;}
		.pt26 {font-size: 2.0em;}
		.pt27 {font-size: 2.077em;}
		.pt28 {font-size: 2.154em;}
		.pt29 {font-size: 2.231em;}
		.pt30 {font-size: 2.308em;}
		.pt31 {font-size: 2.385em;}
		.pt32 {font-size: 2.462em;}
		.pt33 {font-size: 2.538em;}
		.pt34 {font-size: 2.615em;}
		.pt35 {font-size: 2.692em;}
		.pt36 {font-size: 2.769em;}
*/
/*** end 13pt ***/

/*** 14pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.4em;}
		.pt09 {font-size: 0.643em;}
		.pt10 {font-size: 0.714em;}
		.pt11 {font-size: 0.786em;}
		.pt12 {font-size: 0.857em;}
		.pt13 {font-size: 0.929em;}
		.pt14 {font-size: 1.0em;}
		.pt15 {font-size: 1.071em;}
		.pt16 {font-size: 1.143em;}
		.pt17 {font-size: 1.214em;}
		.pt18 {font-size: 1.286em;}
		.pt19 {font-size: 1.357em;}
		.pt20 {font-size: 1.429em;}
		.pt21 {font-size: 1.50em;}
		.pt22 {font-size: 1.571em;}
		.pt23 {font-size: 1.643em;}
		.pt24 {font-size: 1.714em;}
		.pt25 {font-size: 1.786em;}
		.pt26 {font-size: 1.857em;}
		.pt27 {font-size: 1.929em;}
		.pt28 {font-size: 2.0em;}
		.pt29 {font-size: 2.071em;}
		.pt30 {font-size: 2.143em;}
		.pt31 {font-size: 2.214em;}
		.pt32 {font-size: 2.286em;}
		.pt33 {font-size: 2.357em;}
		.pt34 {font-size: 2.429em;}
		.pt35 {font-size: 2.50em;}
		.pt36 {font-size: 2.571em;}
*/
/*** end 14pt ***/

/***** /font-size key *****/