/* TABLE OF CONTENTS 
COLOR KEY
GENERAL PAGE FORMATTING
HEADER
NAVIGATION
CONTENT BOXES
FOOTER
TEXT FORMATTING
GENERAL FORMATTING
BIO PAGES FORMATTING
EVENTS PAGE FORMATTING
RECORDINGS PAGE FORMATTING
REPERTOIRE PAGE FORMATTING
PRESS PAGE FORMATTING
CONTACT PAGE FORMATTING
SUPPORT PAGE FORMATTING
PHOTOS PAGE FORMATTING
LIGHTBOX FORMATTING
TABBER FORMATTING
*/

/* COLOR KEY
darkest gray = #272727
medium gray = #343434
gray = #525252
red = #CA2C17
orange = #F5A915
*/

/* BEGIN GENERAL PAGE FORMATTING */
body {
	background-color: #272727;
	text-align: center;
	min-width: 960px;
	margin: 0;
	padding: 0;
	border: 0;
}

#container {
	position: relative;
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background: #272727;	
}

form {
  margin: 0px;
}
/* END GENERAL PAGE FORMATTING */

/* BEGIN HEADER */
#header {
	position: absolute;
	top: 0px;
	left: 0;
	width: 960px;
	height: 157px;
	background: url(images/header.jpg) 0 0 no-repeat;
	padding: 0;
	margin: 0;
}

#header_forms {
  float: right;
  height: 127px;
  width: 230px;
  margin-right: 8px;
}

#email_form {
  float:right; 
  margin-top: 29px; 
  padding: 10px 8px; 
}

    #email_form td {text-align: center;}

    #email_form h2 {font-weight: bold; font-family:Arial; font-size:17px; color:#f5a915; text-align: center; margin: 0; padding: 0;}

    #email_form input {font-family: Arial; font-size:10px; border:1px solid #999999; margin-right: 3px; margin-top: 7px;}

    #email_form .submit {font-family:sans-serif; font-size: 11px; padding: 0 4px;}
/* END HEADER */

/* BEGIN NAVIGATION	*/
#nav{
  float: right;
	list-style: none;
  margin: 0px;
	padding: 0px;
	height: 30px;
	display: inline;
	overflow: hidden;
	width: 803px;
	background-color: #343434;
}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	margin: 0 8px 0 7px;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
}
	
#nav a:hover, #nav a:active, #nav a:hover.selected, #nav a.selected {
	background-position: 0 -30px;
}

#nbios a {width: 47px; background: url(images/nav_bios.jpg) top left no-repeat;}
#nevents a {width: 65px; background: url(images/nav_events.jpg) top left no-repeat;}
#nrec a {width: 95px; background: url(images/nav_rec.jpg) top left no-repeat;}
#nrep a {width: 90px; background: url(images/nav_rep.jpg) top left no-repeat;}
#nphotos a {width: 67px; background: url(images/nav_photos.jpg) top left no-repeat;}
#npress a {width: 58px; background: url(images/nav_press.jpg) top left no-repeat;}
#norgsup a {width: 191px; background: url(images/nav_orgsup.jpg) top left no-repeat;}	
#ncontact a {width: 70px; background: url(images/nav_contact.jpg) top left no-repeat;}

#cat_nav {
  float: right;
	list-style: none;
  margin: 7px 0 0px 0;
	padding: 0px;
	display: inline;
	font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 18px;
}

#cat_nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#cat_nav a {
	float: left;
	margin: 0 0 0 0px;
	color: #CA2C17;
	border-bottom: none;
	font-weight: normal;
	font-size: 19px;
}

#cat_nav a:hover, #cat_nav a.selected {
	text-decoration: underline;
}

#cat_nav a.selected {
	font-weight: bold;}
/* END NAVIGATION */	

/* BEGIN CONTENT BOXES */
#main {
	position: absolute;
	top: 157px;
	left: 0;
}

.content {
  width: 840px;
  border-left: 5px solid #343434;
  border-bottom: 5px solid #343434;
  border-right: 5px solid #343434;
  padding: 20px 55px;
  background-color: #fff;
}
/* END CONTENT BOXES */

/* BEGIN FOOTER */
#footer {float: left;	width: 960px;}
#footer p {font-size: 11px; margin-top: 5px; color: #fff;}
#alison {float: left;	width: 300px;}
#alison p {float: left;}
#copyright {float: right;	width: 300px;}
#copyright p {float: right;}
#footer a {color: #fff;}
/* END FOOTER */

/* BEGIN TEXT FORMATTING */
table {border-collapse: collapse;}

p, td, th {
	color: #000;
	font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 5px 0;
}

p {
	text-align: justify;
}

td, th {
  text-align: left;
}

h1 {
	color: #F5A915;
	font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 20px;
	padding: 5px 0;
	margin: 0;
	text-align: left;
}

h2 {
	color: #CA2C17;
	font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 16px;
	padding: 5px 5px 0 0;
	margin: 0;
	text-align: left;
}

h3 {
	font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 15px;
	margin-top: 0;
}

h4 {
  font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

ul {
  text-align: left;
  list-style-type: none;
  margin: 0 0 15px 5px;
  padding: 0;
}

li {
	color: #000;
	font-family: Arial, Verdana, SunSans-Regular, sans-serif;
	font-size: 12px;
}

.b {font-weight: bold;}

a {outline: none; text-decoration: none;}

p a:link, td a:link {
	border-bottom: #CA2C17 dashed 1px;
	color: #000;
}

p a:visited, td a:visited {
	border-bottom: #CA2C17 dashed 1px;
	color: #000;
}

p a:active, td a:active, p a:hover, td a:hover  {
	border-bottom: #CA2C17 solid 1px;
	color: #000;
}

h2 a:link, h2 a:visited, h2 a:active {color: #CA2C17;}
h2 a:hover {text-decoration: underline;}

/* END TEXT FORMATTING */

/* BEGIN GENERAL FORMATTING */
.n {display: none;}

.t {font-style: italic;}

img.right {
   float:right;
   margin: 10px 0 5px 20px;
   border: 1px solid #343434;
}

img.left {
  float: left;
  margin: 10px 20px 5px 0;
  border: 1px solid #343434;
}

hr {
	display: block; 
	clear: both; 
	margin: -2px; 
  visibility: hidden;
}

*html hr {
	margin: -0.66em 0;
}
/* END GENERAL FORMATTING */

/* BIO PAGES FORMATTING */
.gbio, .ibio {
	font-size: 13px;
	line-height: 24px;
}

.gbio {
	margin: 3px 0 15px 0;
}

.gbio img {
  width: 318px;
  height: 220px;
}

#members .content img {
  float: left; 
  border: none; 
  margin-right: 5px;
  width: 138px;
  height: 145px;
}

.ibio {
  float: left; 
  width: 694px; 
  margin: 0 0 20px 0; 
  padding-top: 10px;
}
/* END BIO PAGES FORMATTING */

/* BEGIN EVENTS PAGE FORMATTING */
h1.eventyear {
	padding: 5px 5px 5px 0px;
}

#events .content table {
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 10px;
}

tr.listing td {
	border-top: 1px solid #7f7f7f;
}

#events .content td {
	padding: 10px 30px;
	vertical-align: top;
}

#events h3 {
	margin: 10px 10px 0 0;
	padding: 0;
	color: #272727;
}

#events td ul {
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0 0 0 0;
}

#events td.expand {
	padding: 10px 25px 10px 0;
}

a.details, a:link.details, a:visited.details {
	padding: 5px;
	background-color: #CA2C17;
	color: #fff;
	border: 1px solid #343434;
	cursor: pointer;
}
	
a:hover.details, a:active.details {
	border: 0;
	color: #fff;
	background-color: #CA2C17;
}
/* END EVENTS PAGE FORMATTING */

/* BEGIN RECORDINGS PAGE FORMATTING */
table#recordings {
	width: 100%;
	border-top: solid 1px #7f7f7f;
}

#recordings img.button {
	border: 1px solid #7f7f7f;
	margin: 4px 5px 4px 5px;
	width: 120px;
	height: 41px;
}

#recordings td {
	border-bottom: solid 1px #7f7f7f;
	font-size: 13px;
	padding: 10px 0 10px 20px;
	line-height: 17px;
	vertical-align: middle;
}

#recordings td.rec_img {
  text-align: center;
  width: 150px;
  padding-right: 30px;
}

#recordings td a.button {
	border: 0;
}

#recordings td a:visited.button {
	border: 0;
}
	
#recordings td a:hover.button, #recordings td a:active.button {
	border: 0;
}

#rec table.audio_clip {
  margin-top: 10px;
}

#rec table.audio_clip td {
  border-bottom: none;
  padding: 3px 0;
  vertical-align: middle;
}

#rec table.audio_clip td object {
  margin-left: 20px;
  outline: none;
}

#rec table.audio_clip td img.youtube {
  border: none;
  margin-left: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
  height: 20px;
  width: 49px;
}

#rec table.audio_clip td a {
  border: 0;
}
/* END RECORDINGS PAGE FORMATTING */

/* BEGIN REPERTOIRE PAGE FORMATTING */
.wp {
	color: #CA2C17;
}

table#rep {
	width: 100%;
	border-top: solid 1px #7f7f7f;
}

#rep td {
	border-bottom: solid 1px #7f7f7f;
	font-size: 13px;
	padding: 8px 0 8px 20px;
	line-height: 24px;
	vertical-align: top;
}

td.comp {
	font-weight: bold;
	width: 250px;
}

#rep table.audio_clip td object {
  margin-top: 0px;
  margin-left: 20px;
  outline: none;
}

#rep table.audio_clip td {
  border-bottom: none;
  padding: 0;
  vertical-align: middle;
}
/* END REPERTOIRE PAGE FORMATTING */

/* BEGIN PRESS PAGE FORMATTING */
.quote_column, .quote_column_3 {
  float: left;
  width: 250px;
	border-top: 1px solid #CA2C17;
	padding-top: 10px;
}

.quote_column {
  margin-right: 40px;
}

.quote_column_3 {
  margin-right: 0px;
}

.quote {
	padding-left: 0px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CA2C17;
}
	
.quote p {
	text-align: justified;
	font-size: 13px;
}

p.attr {
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
}

#presskit {
	float: left;
	width: 138px;
	padding: 10px 25px 20px 25px;
	border: 1px solid #7f7f7f;
	margin: 0 30px 20px 30px;
}

    #presskit h2 {
      text-align: center;
    }

    #presskit a img {
      border: 1px solid #343434;
      margin-top: 10px;
      width: 77px;
      height: 100px;
    }

    #presskit a:hover img {
      border: 1px solid #CA2C17;
    }
/* END PRESS PAGE FORMATTING */

/* BEGIN CONTACT PAGE FORMATTING */
#contact #left {float: left; width: 390px;}
  
    #contact #left p {padding-left: 10px;}

#contact #right {float: right; width: 390px; text-align: left;}

    table#membercontact {padding-left: 20px;}

    *html table#membercontact {margin-left: 20px;}

    #membercontact img {border: 1px solid #343434; margin: 5px 20px 5px 10px; width: 50px; height: 50px;}

    #membercontact td {line-height: 18px;}
/* END CONTACT PAGE FORMATTING */

/* BEGIN SUPPORT PAGE FORMATTING */
#support #left {
  float: left;
  width: 330px;
}

#support #left p {margin-bottom: 15px;}

    #donate_box {
      margin: 20px 0px 0px 0px;
    }

    #donate_box h2, #donate_box p {
      text-align: center;
    }
    
    #support #left #donate_box p {
      margin-bottom: 5px;
    }
    
    #donate_box table {
      margin: -5px auto 10px auto;
    }

#support #right {
  float: right;
  width: 470px;
}

    table.donor_lists {
      width: 100%;
    }

    table.donor_lists td {
      vertical-align: top;
      padding: 0 5px;
    }
    
    #support #right h3 {margin-top: 10px; margin-bottom: 5px;}
/* END SUPPORT PAGE FORMATTING */

/* BEGIN PHOTOS PAGE FORMATTING */
.photoalbum {text-align: left;}

.photoalbum a:link, .photoalbum a:hover, .photoalbum a:active, .photoalbum a:visited {border: 0;}

.photoalbum p a:link {border-bottom: #CA2C17 dashed 1px; color: #000;}
.photoalbum p a:visited {border-bottom: #000 dashed 1px; color: #000;}
.photoalbum p a:active, .photoalbum p a:hover {border-bottom: #CA2C17 solid 1px; color: #000;}

.photoalbum img {
  border: 1px solid #7f7f7f;
  padding: 3px;
  margin: 0px 1px 3px 2px;
  width: 196px;
  height: 134px;
}

table.pressdl_item {
  margin: 0 20px 0px 20px;
}

.pressdl_item img {
  border: 1px solid #7f7f7f;
  padding: 3px;
  margin: 0px 4px 3px 1px;
}

.pressdl_item td {
  text-align: center;
  vertical-align: center;
  padding: 5px 5px 5px 25px;
}

.pressdl_item td.dl_info {
  width: 150px;
  padding: 5px 30px 5px 0;
}

/* .pressdl_item td.r_border {
  border-right: 1px solid #7f7f7f;
} */

.pressdl_item h2 {
  text-align: center;
  padding: 0;
  margin-bottom: 5px;
}

.pressdl_item p {
	text-align: center;
	margin-top: 0;
}

.pressdl_item .cred {
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 0px;
}
/* END PHOTOS PAGE FORMATTING */

/* BEGIN LIGHTBOX FORMATTING */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#lightbox a:link {border: none;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* END LIGHTBOX FORMATTING */

/* BEGIN TABBER FORMATTING */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 14px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 font-size: 14px;
}

ul.tabbernav li a
{
 padding: 3px 15px;
 margin-right: 4px;
 border: 1px solid #7f7f7f;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #CA2C17;
 background: #DDE;
 border-color: #7f7f7f;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color: #CA2C17;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #CA2C17;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #7f7f7f;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
/* .tabberlive .tabbertab h3 {
 display:none;
} */

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* END TABBER FORMATTING */