@charset "UTF-8";
/* FOR BANJO PROJECT 2008 */
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	background-color: #ebe1c6;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #663a1d;
	letter-spacing: 4px;
	word-spacing: 8px;
	background-image: url(../Images/banjo-54.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0 250 10 10;
	height: 400px;
	text-align: center;
	background: #dcd9cf url(../Images/banjo-bgd.png) no-repeat -300px -150px;
	position: relative;
}
#perfcon, #perf0, #perf1, #perf2, #perf3, #perf4, #perf5 , #perf6, #perf7, #perf8, #perf9, #perf10, #perf11, #perf12{
	position: absolute;
	left: 10px;
	top: 20px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #dac36e;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #846c30;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #ebe1c6;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #dac36e;
}
.oneColFixCtr #container #mainContent #Accordion1 .AccordionPanel.AccordionPanelClosed .AccordionPanelTab a img {
	text-decoration: none;
}
body  {
	margin: 20 0 0 0px; /* 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;
	font: normal .8em/1.4em Arial, Helvetica, sans-serif;
	position: relative;
	background-color: #EBE0C4;

}
.bodycopyheader {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: larger;
	font-weight: bolder;
	color: #663;
}
.bodycopyheader2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: larger;
	font-weight: bolder;
	color: #C00;
	background-color: #FFC;
}
#captionedpix {
	margin: 8px;
	width: 270px;
	text-align: left;
	color: #900;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.captiontext {
	font-size: x-small;
	color: #821813;
	line-height: 110%;
	font-style: italic;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

h3 {
	color: #a19152;
	font-size: larger;
	font-weight: bold;
}
#moviematter {
	float: left;
	width: 800px;
}
#movie {
	float: left;
	margin-right: 10px;
}
#moviecopy {
	margin: 0px;
	padding: 0px;
}
.newsdate {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: x-large;
	font-weight: bolder;
	color: #633;
	clear: left;
}

p {
	color: #3f3f3f;
	text-align: left;
	padding: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
.twoColFixRt #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px;
	text-align: center;
	background-image: url(../Images/softedge-left-200.png);
	background-repeat: repeat-y;
}
.twoColFixRt #mainContent {
	margin: 0 0 0 0;  /*the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px;
	text-align: left;
	background-color: #dac36e;
} 

ul {
	color: #3f3f3f;
	line-height: 18px;
	text-align: left;
	font-size: 12px;
	padding: 10px;
	list-style-position: outside;
	border: solid #3f3f3f 1px;
}
li .MenuBarItemSubmenu{
	list-style-type: square;
	list-style-position: outside;
	list-style: none;
}
.twoColFixRt #container #mainContent #Accordion2 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent #performances {
	position: relative;
	left: -30px;
	top: 20px;
}
#topnav a     {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #630;
	text-decoration: underline;
	padding: 8px;
}
#bottomnav {
	margin: 0px;
	padding: 0px;
	width: 322px;
	border-style: hidden;
	padding-right: 6px;
}
.twoColFixRt #container .topnav a , .twoColFixRt #container .topnav a:visited{
	color: #663;
	text-decoration: underline;
}
.shiftright {
	position: relative;
	left: 30px;
	top: -20px;
	padding-right: 30px;
}
.twoColFixRt #container .topnav a:hover {
	text-decoration: none;
	background-color: #FF6;
}
.twoColFixRt #container #mainContent #Accordion2 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent div ul li {
	list-style-position: inside;
	list-style-image: none;
}
#quotes {
	background-color: #cc9;
	padding: 16 8 10 8px;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	line-height: normal;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	margin-left: 6px;
	margin-right: 6px;
}
.quotee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	line-height: normal;
	color: #333;
	text-align: right;
	margin-top: 0px;
}
#container  {
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../Images/banjo-bgd2.jpg);
	
}
.TBP {
	font-weight: bold;
	font-style: italic;
}

#sidepix {
	float: right;
	width: 120px;
	margin-left: 8px;
	padding: 0;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	font-weight: bold;
	color: #663;
	background-color: #CC9;
	display: block;
	text-align: center;
}
.twoColFixRt #container .topnav a img {
	text-decoration: none;
	border: none;
}
.twoColFixRt #container .topnav a:hover img {
	text-decoration: none;
	background-color: #CECE9E;
	border: none;
}
.twoColFixRt #container #maincontent div table tr td a {
	color: #000;
	text-decoration: underline;
}
.twoColFixRt #container #maincontent div table tr td a:hover {
	color: #000;
	text-decoration: none;
	background-color: #ff6;
}
#interviews {
	background-color: #cc9;
	padding: 16 8 10 8px;
	text-align: center;
}
.TabbedPanelsTab {
	font-family: "Times New Roman", "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	padding: 2px;
}
#interviews a {
	color: #000;
	text-decoration: underline;
}
#container #interviews .current {
	font-weight: bold;
	color: #476A25;
}
h1, h2 {
	margin-left: 8px;
	line-height: normal;
}
#interviews a:hover {
	text-decoration: none;
	background-color: #FF6;
}
#interviews a:visited {
	color: #000;
	text-decoration: underline;
}
.TBP-TITLE-STYLE {
	font-style: italic;
	font-weight: bold;
}

#donationbox {
	width: 300px;
	padding: 12px;
	border: 2px dotted #654a30;
	text-align: center;
	position: relative;
	left: 180px;
	background-color: #dac36e;
}
h4 {
	color: #a19152;
	font-size: larger;
	font-weight: bold;
	padding-left: 4px;
}
#donationbox2 {
	width: 300px;
	padding: 12px;
	border: 2px dotted #654a30;
	text-align: center;
	background-color: #dac36e;
	float: left;
}

#selections {
	margin-left: 20px;
	background-color: #996;
	position: relative;
}
#performanceTNPH {
	background-color: #C9C;
	width: 410px;
	height: 460px;
	padding: 10px;
	text-align: center;
	margin-right: 20px;
	margin-top: 20px;
	float: right;
	line-height: 110%;
	margin-bottom: 10px;
}