@charset "utf-8";

@font-face {
    font-family: Monotype-Corsiva;
    src: url(../Monotype-Corsiva.ttf);
}

body {

	background: #4a0021;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;

}
 #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #333;
	position:relative;
}
 #header {
	background: #fff;
/*	height:82px;*/
	padding-left:50px;
	/*position:relative;*/
	margin-bottom:20px;
	position: relative;

}

#donateButton {
	position: absolute;
	display: block;
    background: #f9aa43;
    border-radius: 70px;
    height: 70px;
    width: 70px;
    padding: 8px;
    font-family: Monotype-Corsiva, serif;
    font-size: 24px;
	line-height: 70px;
    color: #000;
    text-align: center;
    right: -20px;
    top: -70px;
    z-index: 2;
}

#mainContent {
	padding: 0 50px 50px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	
}
#mainContent.inner
{padding-top:20px;}

 #footer {
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

hr
{height:1px;}
/****************** >*< TEXT STYLES  >*<*************************************/
*, body, div, p
{

	font-size: 12px;
	font-family:Tahoma, Verdana, sans-serif;

		line-height:140%;
}

h2
{font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height:27px;
display:block;
margin-bottom:2px;
font-weight:bold;}

h3
{font-family:"Times New Roman", Times, serif;
font-size:19px;
margin-bottom:15px;}

h4.14
{
font-size:14px;
font-weight:normal;
}
h4
{
font-family:Tahoma;
font-size:12px;
font-weight:bold;}
h5
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;}

span.strong
{font-weight:bold;
font-size:13px;}

.red
{color: #aa2c4a;}

.pad5b
{padding-bottom:5px;}

.m20t
{margin-top:20px;}

.m25t
{margin-top:25px;}

.m25b
{margin-top:25px;}

.m25
{margin:25px;}

.m50t
{margin-top:50px;}

.block
{display:block;}

.courier11
{font-family: Courier, "Courier New",  monospace;
font-size:11px; line-height: 15px;}
/****************** >*< GENERAL  >*<*************************************/
a, a:link, a:visited, a:hover, a:active
{ color: #aa2c4a;

text-decoration:none;

}

.white_link a, .white_link a:link, .white_link a:visited, .white_link a:hover, .white_link a:active
{ color: #fff;

text-decoration:underline;

}





 a:hover, a:active, a.active, a.active:link, a.active:visited, a.active:hover, a.active:active
{ 

text-decoration:underline;
}







hr.short
{width:100px;
margin-top:10px;
margin-bottom:10px;
}

table.results
{
padding:0;
margin:0;
border:none;
border-collapse:collapse;
}

table.results td
{
padding: 2px 3px;
border-bottom:dashed 1px #343434;
}
table.results th
{
padding: 4px 3px;
background-color: #333333;
color: #fff;

}

table.paging_table
{
margin-top:20px;
border-top: solid 1px #333;
border-bottom: solid 1px #333;
}
table.paging_table td
{padding: 5px 0;}

#thumbnails
{
/*
clear:both;
display:block;
float:left;
width: 728px;
margin: 40px 0 30px 0;
text-align:center;


margin:0 auto 40px; padding:10px 20px; */
text-align:center;
margin: 10px 0 0px 0;
width: 748px;
overflow:hidden; position:relative; border:none;

}

#thumbnails.events
{clear:both; width: 768px;}

#thumbnails table
{margin: 20px auto 0 auto;}

#thumbnails img
{cursor: pointer}



#thumbnails img.active
{border:solid 4px #60172a;}
#thumbnails td
{padding:5px; vertical-align:middle;}
/****************** >*< buttons  >*<*************************************/


.multibutton
{
position: relative;
height:20px;
}

.multibutton .btn
{
position:absolute;

}
ul.buttons
{margin: 0 auto;}
ul.buttons li
{display:inline; float:left;}
a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active
{
height:20px;
display:block;
background-repeat:no-repeat;
margin:0;
padding:0;
line-height:100%;
text-indent: -9999px;

}

a.btn span
{text-indent: -9999px;

}


a.submit, a.submit:link, a.submit:visited, a.submit:hover, a.submit:active
{width:48px;
background: transparent url("../images/btns/submit.gif");
}

a.submit:hover, a.submit:active
{
background: transparent url("../images/btns/submit_hover.gif");
}


a.more, a.more:link, a.more:visited, a.more:hover, a.more:active
{width:62px;
background: transparent url("../images/btns/more_info.gif");
}

a.more:hover, a.more:active
{
background: transparent url("../images/btns/more_info_hover.gif");
}


a.tickets, a.tickets:link, a.tickets:visited, a.tickets:hover, a.tickets:active
{width:67px;
background: transparent url("../images/btns/buy_tickets.gif");
}

a.tickets:hover, a.tickets:active
{
background: transparent url("../images/btns/buy_tickets_hover.gif");
}


a.best_shows, a.best_shows:link, a.best_shows:visited, a.best_shows:hover, a.best_shows:active,
a.best_shows_active, a.best_shows_active:link, a.best_shows_active:visited, a.best_shows_active:hover, a.best_shows_active:active
{width:64px;
background: transparent url("../images/btns/best_shows.gif");
}

a.best_shows:hover, a.best_shows:active,
a.best_shows_active, a.best_shows_active:link, a.best_shows_active:visited, a.best_shows_active:hover, a.best_shows_active:active

{
background: transparent url("../images/btns/best_shows_hover.gif");
}


a.chopin_theatre, a.chopin_theatre:link, a.chopin_theatre:visited, a.chopin_theatre:hover, a.chopin_theatre:active
a.chopin_theatre_active, a.chopin_theatre_active:link, a.chopin_theatre_active:visited, a.chopin_theatre_active:hover, a.chopin_theatre_active:active
{width:87px;
background: transparent url("../images/btns/chopin_theatre.gif");
}

a.chopin_theatre:hover, a.chopin_theatre:active,
a.chopin_theatre_active, a.chopin_theatre_active:link, a.chopin_theatre_active:visited, a.chopin_theatre_active:hover, a.chopin_theatre_active:active
{
background: transparent url("../images/btns/chopin_theatre_hover.gif");
}


a.more_articles_on_chopin_theatre, a.more_articles_on_chopin_theatre:link, a.more_articles_on_chopin_theatre:visited, a.more_articles_on_chopin_theatre:hover, a.more_articles_on_chopin_theatre:active
{width:176px;
background: transparent url("../images/btns/more_articles_on_chopin_theatre.gif");
}

a.more_articles_on_chopin_theatre:hover, a.more_articles_on_chopin_theatre:active
{
background: transparent url("../images/btns/more_articles_on_chopin_theatre_hover.gif");
}


a.more_articles_on_shows, a.more_articles_on_shows:link, a.more_articles_on_shows:visited, a.more_articles_on_shows:hover, a.more_articles_on_shows:active
{width:129px;
background: transparent url("../images/btns/more_articles_on_shows.gif");
}

a.more_articles_on_shows:hover, a.more_articles_on_shows:active
{
background: transparent url("../images/btns/more_articles_on_shows_hover.gif");
}

a.wicker_park, a.wicker_park:link, a.wicker_park:visited, a.wicker_park:hover, a.wicker_park:active
a.wicker_park_active, a.wicker_park_active:link, a.wicker_park_active:visited, a.wicker_park_active:hover, a.wicker_park_active:active

{width:74px;
background: transparent url("../images/btns/wicker_park.gif");
}

a.wicker_park:hover, a.wicker_park:active,
a.wicker_park_active, a.wicker_park_active:link, a.wicker_park_active:visited, a.wicker_park_active:hover, a.wicker_park_active:active
{
background: transparent url("../images/btns/wicker_park_hover.gif");
}

a.the_building, a.the_building:link, a.the_building:visited, a.the_building:hover, a.the_building:active
a.the_building_active, a.the_building_active:link, a.the_building_active:visited, a.the_building_active:hover, a.the_building_active:active

{width:77px;
background: transparent url("../images/btns/the_building.gif");
}

a.the_building:hover, a.the_building:active,
a.the_building_active, a.the_building_active:link, a.the_building_active:visited, a.the_building_active:hover, a.the_building_active:active
{
background: transparent url("../images/btns/the_building_hover.gif");
}

a.the_people, a.the_people:link, a.the_people:visited, a.the_people:hover, a.the_people:active
a.the_people_active, a.the_people_active:link, a.the_people_active:visited, a.the_people_active:hover, a.the_people_active:active

{width:63px;
background: transparent url("../images/btns/the_people.gif");
}

a.the_people:hover, a.the_people:active,
a.the_people_active, a.the_people_active:link, a.the_people_active:visited, a.the_people_active:hover, a.the_people_active:active
{
background: transparent url("../images/btns/the_people_hover.gif");
}



/****************** >*< HOMEPAGE  >*<*************************************/
#sponsors
{
background: transparent url("../images/bg_sponsors.jpg") no-repeat;
height: 65px;
margin-top:20px;
padding-left:18px;
text-align:center;
}

/****************** >*< Archive  >*<*************************************/

div#archive_search a, div#archive_search a:link, div#archive_search a:visited
{ color: #aa2c4a;
padding:2px;
text-decoration:none;
line-height: 150%;
}




div#archive_search a:hover, div#archive_search  a:active, div#archive_search  a.active, div#archive_search  a.active:link, div#archive_search  a.active:visited, div#archive_search  a.active:hover
{ color: #fff;
padding:2px;
background-color: #aa2c4a;
line-height: 150%;
text-decoration:none;
}


/****************** >*< Events  >*<*************************************/
.black_container
{/*padding: 0 50px 0 25px;*/
width:800px;
display:block;
background: transparent url("../images/bg_blsqr.gif");
}
.black_container .left
{float:left;
width:520px;}

.black_container .left img, .black_container .left .img
{margin-left:25px;}

.black_container .right
{float:left;
width:245px;
padding-top:35px;
color:#fff;
text-align:center;
background: transparent url("../images/bg_blsqr_right.gif") no-repeat 35px 0px;
position:relative;}




.black_container .noleft
{
margin-left: 280px;
background: transparent url("../images/bg_blsqr_right.gif") no-repeat 50% 0px;
}



.black_container .right .title
{font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height:27px;
display:block;
margin-bottom:2px;
font-weight:bold;}

.black_container .right .production
{font-family:"Times New Roman", Times, serif;
display:block;
font-size:15px;
font-style:italic;}

.black_container .right hr
{width:100px;
margin-top:10px;
margin-bottom:10px;
}

.right table.buttons 
{}
.right table.buttons td
{
padding:25px 6px 6px 6px;
}
/****************** >*< Single Event >*<*************************************/
table.buttons 
{display:inline;}


/****************** >*< About  >*<*************************************/

#photo_area
{
padding:20px;
text-align:center;
clear:both;
}   

#ImgCaption
{ color:#fff;
padding-top:10px;}



.about a.the_building, .about a.the_building_active
{left:282px;}

.about a.the_people, .about a.the_people_active
{
left:370px;
}


.about  a.wicker_park, .about  a.wicker_park_active 
{

left:443px;
}



/****************** >*< Directions  >*<*************************************/

.directions .black_container .right
{
background: none;
}

.black_container .inner
{
clear:both;
padding: 20px 27px 0 25px;
}


.white_container
{/*padding: 0 50px 0 25px;*/
color: #333;
padding: 20px 20px 20px 20px ;
display:block;
background: transparent url("../images/bg_wtsqr.gif");
}

.white_container .left
{width: 355px;}


.directions .white_container .right
{width:350px;
padding-top:0;
color: #333;
text-align:left;
}

table.contact td
{
padding-bottom:20px;
}
.directions input, .directions textarea
{width:238px;}

.directions textarea
{height:160px;}


/****************** >*< Help >*<*************************************/
.help .black_container 
{
text-align:center
padding-top:35px;
color:#fff;
text-align:center;
/*background: transparent url("../images/bg_blsqr_right.gif") no-repeat;*/
}

/****************** >*< Press>*<*************************************/
.press .white_container
{padding-top:0px;}

.press .white_container hr
{margin-top:20px;
margin-bottom:20px;}

.press a.chopin_theatre, .press a.chopin_theatre_active
{
left: 315px; top: 0px;}

.press a.best_shows, .press a.best_shows_active
{
left: 415px; top: 0px;
}


.press  a.more_articles_on_chopin_theatre
{
left:240px;
}


.press  a.more_articles_on_shows
{left:426px;}

/****************** >*< Video>*<*************************************/
table.video
{
width: 100%;
border-collapse:collapse;



}

table.video td
{
padding:10px;
text-align:center;
width:185px;
}

table.video td.last
{padding-right:0px;}

table.video td.first
{padding-left:0px;}

table.video td div
{
background-color: #000000;
width:185px;
height:202px;
}

table.video a.description, table.video a.description:link, table.video a.description:visited, table.video a.description:hover, table.video a.description:active 
{display:block;
/*width:175px;
height:55px;*/
color: #fff;

border: solid 1px #fff;
text-decoration:none;
height:52px;
margin:5px 0 0 5px ;

width:173px;
}

table.video a.description span
{display:block;
line-height:120%;
margin:5px;}

table.video a.description:hover, table.video a.description:active 
{
background-color: #aa2c4a;
}

/****************** >*< Faces>*<*************************************/

#container.faces .black_container .inner
{padding: 0px 70px; color: #fff;
text-align:center;}

#container.faces .intro
{width:458px;
font-family:"Times New Roman", Times, serif;
font-size:19px;
margin: 0 auto;
}

#container.faces  table.results
{
width:720px;
margin:15px 30px 15px 30px;


}

#container.faces  table.paging_table
{
width:740px;
margin:0px 30px 15px 40px;
border-top:solid 1px #fff;
border-bottom:none;

}
#container.faces  table.paging_table a, #container.faces  table.paging_table a:link, #container.faces  table.paging_table a:visited, #container.faces  table.paging_table a:hover, 
#container.faces  table.paging_table a:active
{color:#fff;} 
#container.faces  table.paging_table td
{color: #fff;
}

#container.faces  table.results td
{

width:42px;
border:none;
padding:10px;
overflow:hidden;
text-align:center;
}

table#faces_table
{
width: 660px;
border-collapse:collapse;



}

table#faces_table td
{
padding:20px 20px 0 20px;
text-align:center;
width:185px;
}

table#faces_table td.last
{padding-right:0px;}

table#faces_table td.first
{padding-left:0px;}

table#faces_table td div.caption
{
background-color: #000000;
width:135px;
height:70px;
font-size:11px;
}

div.info
{font-size:11px;}