*{ margin:0; padding:0; }

body{
/*
set the body background to the color for the footer so it spans the whole page
the white-ish background is controled in #content_full and is #fbf8f1
*/
  background:#9744d4;
  font-size:medium;
  font-family:Arial, Calibri, san-serif;
  color:#3e3e3e;
}

h1, h2, h3, h4, h5, th{
  font-family:Calibri, Arial, sans-serif;
  margin:10px 0 2px 0;
  position:relative;
}
h1{
  color:#7f0fd4;
  font-size:150%;
}
h2{
  color:#9744d4;
  font-size:140%;
}
h3{
  font-size:130%;
}
th{
  font-size:110%;
}

a{
  color:#2db034;
  text-decoration:none;
}
a:hover{
  border-bottom:1px dotted #2db034;
}
a img{
  border:0;
}
a.pdf{
  padding-right:14px;
  background:url('template_imgs/pdf.png') top right no-repeat;
}

blockquote{
  margin:10px 40px;
  padding:10px 20px;
  font-size:90%;
  color:#000;
  border:1px solid #e3e3e3;
  border-left:none;
  border-right:none;
}
  blockquote.lyrics{
    font-size:110%;
  }

ul{
  margin-left:20px;
  margin-bottom:20px;
  list-style:none;
  color:#3e3e3e;
}

ul.related_links li,
ul.mem_related_links li,
ul.announcement_links li,
#content_mid ul li{
  list-style:square;
  margin-left:10px;
  margin-bottom:4px;
}
  ul.announcement_links li{
    float:left;
    margin-right:15px;
  }

div.announcement{
  margin-left:5px;
  clear:left;
  border-bottom:1px solid #e3e3e3;
  padding-bottom:15px;
}

div.clearer{ clear:both; }

.up_close{
  margin-top:0;
}

.note{
  font-size:90%;
}

div#sign_up_for_newsletter form{
  position:relative;
  left:30px;
}
label{
  margin-bottom:2px;
}
input, select{
  margin-bottom:2px;
}

.odd{
  background:#f5edf5;
}


#header_full{
  position:relative;
  height:164px;
  background:url('template_imgs/header_bg.png') repeat-x;
  z-index:6;
}
#header_mid{
  position:relative;
  width:950px;
  margin:0 auto;
  background:url('template_imgs/header_w.png') 337px 0 no-repeat;
  z-index:5;
}
#header_mid a{
  border:none;
}
#menu{
  position:absolute;
  height:20px;
  bottom:1px;
  right:5px;
  color:#fff;
  margin:0;
  font-size:95%;
  z-index:4;
}
#menu .menu{
  display:inline;
  margin-left:10px;
  text-transform:lowercase;
  position:relative;
  z-index:3;
}
#menu a.current_parent,
#menu a.current_child{
  font-weight:bold;
}
#menu .menu a{
  color:#fff;
  text-decoration:none;
}
#menu .menu a:hover{
  color:#C87DFF;
  border:none;
}
#menu .submenu{
  position:absolute;
  display:none;
  left:-15px;
  top:20px;
  background:#9744d4;
  width:120px;
  padding:2px 15px 10px 15px;
  z-index:2;
  border:2px solid #e9ccff;
  border-top:0;
}
#menu .submenu a{
  display:block;
  margin-bottom:5px;
}


#content_full{
  background:#fbf8f1 url('template_imgs/content_bg2.png') no-repeat bottom left;
  padding-bottom:60px;
  padding-top:1px;
  position:relative;
}
#content_mid{
  width:70%;
  min-width:690px;
  position:relative;
  left:15%;
  font-size:90%;
  z-index:1;
}

#right_side_float,
.left_side_float{
  float:right;
  width:266px;
  margin:10px;
  margin-top:0;
  text-align:center;
}
#right_side_float img,
.left_side_float img{
  border:2px solid #bb60ff;
}
#right_side_float p,
.left_side_float p{
  font-size:90%;
}
#right_side_float a#donate_link{
  display:block;
  margin:0 0 15px 0;
}
#right_side_float a#facebook_link{
  display:block;
  margin:0 auto 15px auto;
}

.left_side_float{
  float:left;
}
img.left_float{
  border:2px solid #bb60ff;
  float:left;
  margin:10px;
  margin-top:0;
  text-align:center;
}

#content_mid p{
  margin-left:10px;
  margin-bottom:8px;
}

.cd{
  margin-top:30px;
  position:relative;
}
.cd img{
  float:left;
  margin:5px;
  margin-top:0;
  border:2px solid #2db034;
}
.cd h3,
.cd p{
  margin:0;
}
.cd a{
  font-weight:bold;
}

#footer_full{
  position:relative;
  background:#9744d4 url('template_imgs/ftr_bg.png') repeat-x top left;
}
#footer_mid{
  height:105px;
  padding:0 5px;
  width:98%;
  position:relative;
  left:1%;
}
#footer_mid p{
  color:#fff;
  font-size:75%;
  margin-top:22px;
}
#footer_mid a{
  color:#c87dff;
  text-decoration:none;
}
#footer_mid a:hover{
  text-decoration:underline;
  border:none;
}
#footer_mid a#member_login{
  color:#e9ccff;
}
#footer_mid p.left{
  float:left;
}
#footer_mid p.right{
  float:right;
  text-align:right;
}

/*------------ ABOUT US -------------*/
form.paypal{
  margin-left:40px;
}

/*------------- HISTORY -------------- */
div.history_photos{
  width:90%;
  margin:5px auto;
  padding:5px 0;
  background:#f5edf5;
  border:2px solid #ece4ec;
  border-left:none; border-right:none;
}
.history_photos a:hover{
  border:none;
}
.history_photos a img{
  vertical-align:top;
  margin:5px 0 5px 5px;
  border:1px solid #bb60ff;
}
.history_photos a:hover img{
  border-color:#2db034;
}

.history_photos h3{
  margin:0;
  font-size:90%;
  width:100%;
  color:#d7a2ff;
  padding-left:5px;
}

/*------------- PHOTOS --------------- */
#albums{
  margin-left:30px;
  width:80%;
}
#albums div{
  clear:both;
}
#albums div a img{
  float:left;
  margin:5px;
  border:1px solid #bb60ff;
}
#albums div a:hover img{
  border-color:#2db034;
}

.gallery_item{
  float:left;
  text-align:center;
  margin:5px 2px;
  height:170px;
}
#content_mid > .gallery_item{
  height:auto;
  min-height:160px;
}

.gallery_item a img{
  border:1px solid #bb60ff;
}
.gallery_item a:hover img{
  border-color:#2db034;
}
#content_mid .gallery_item p{
  font-size:90%;
  margin:0 0 5px 0;
}


/*-------- EVENT LISTINGS ----------*/
.announcement_event{
  margin-left:-20px;
}
#event_listing p.date_time,
.mem_event p.date_time{
  font-weight:bold;
  font-size:85%;
  margin-bottom:0;
}
#event_listing p.location_info{
  font-size:110%;
}
#event_listing a.map_link,
.mem_event a.map_link{
  font-size:90%;
  margin-left:5px;
}
#event_listing span.location_address,
.mem_event span.location_address{
  display:block;
  font-size:90%;
  margin-left:10px;
}

div#event_listing h2{
  margin-left:20px;
  margin-bottom:0;
}
div#event_listing h3{
  margin:0 0 0 20px;
  color:#9744d4;
}
div#event_listing h4{
  margin:0 0 0 20px;
}
div#event_listing p.date_time,
div#event_listing p.location_info{
  margin-left:40px;
}

div#events_left{
  width:25%;
  border-right:1px solid #eee;
  padding:10px 0 40px 0;
  text-align:right;
  float:left;
}
div#events_left h2{
  margin:2px 5px;
}
div#events_left h2.current{
  background:url('template_imgs/h2_bullet_right.png') no-repeat right center;
  padding-right:15px;
}

div#events_right{
  margin-left:25%;
  padding-top:10px;
}
#events_right p,
#event_listing p{
  font-size:90%;
  margin-left:40px;
}

.ticket_ordering{
  margin-left:60px;
}

h5.tickets_heading{
  font-size:100%;
  /*border-bottom:1px solid #e3e3e3;*/
  margin-left:40px;
  margin-top:0px;
}

h5.tickets_heading a{
  padding-right:10px;
}
h5.close a{
  background:url('template_imgs/link_open.gif') no-repeat right center;
}
h5.open a{
  background:url('template_imgs/link_close.gif') no-repeat right center;
}

h5.tickets_heading a:hover{
  border-bottom:none;
  cursor:pointer;
}

.ticket_ordering .paypal{
  margin-left:0px;
}

.paypal label.block{
  display:block;
  font-weight:bold;
  font-size:80%;
  width:60%;
  border-bottom:1px solid #e3e3e3;
  margin-top:5px;
}

input{
  vertical-align:middle;
  margin-right:2px;
}

/*--------- FAQ ------------*/
h3.question{
  font-size:110%;
  margin-left:10px;
}
div.answer{
  margin-bottom:15px;
  margin-left:15px;
}
div.answer li{
  list-style:square;
  margin-left:20px;
  margin-bottom:2px;
}


/*------- CDs ----------------------*/
#cd_holder{
  width:80%;
  margin:0 auto;
  position:relative;
}

div.cd,
div.track_listing_holder{
  position:relative;
  width:100%;
}

.track_listing{
  margin:0 auto;
  margin-bottom:10px;
  padding:2px 10px;
  border-collapse:collapse;
  width:80%;
  clear:both;
  z-index:100;
  position:relative;
}
.track_listing tr.odd{
  background:#f5edf5;
}
.track_listing td,
.track_listing th{
  padding:2px 5px;
  text-align:left;
}
.track_listing td.num_audio{
  text-align:center;
}

/*----------- BIOS ------------*/
.bio{
  width:90%;
  margin:5px auto;
  clear:left;
}

.bio img{
  float:left;
  border:2px solid #2db034;
  margin:0 5px 10px 10px;
}
.bio a:hover img{
  border-color:#2db034;
}

/*-------- CONTACT ---------- */
#contact_email{
  width:60%;
}
#contact_email img{
  border:1px solid #bb60ff;
}
#contact_email div{
  padding-left:10px;
}
#email_to span.address_info{
  font-weight:bold;
  font-size:95%;
}
#email_to span p{
  margin-left:20px;  
}

#email_fields label{
  display:block;
}
#email_fields input,
#email_fields textarea{
  margin-left:10px;
  width:75%;
  margin-bottom:5px
}

h2.fail,
h3.fail{
  margin:0;
  color:#f00;
}
h2.success,
h3.success{
  margin:0;
  color:#0f0;
}

div#donation_response_success,
div#donation_response_fail{
  margin:15px 0 10px 0;
  padding:5px 10px;
  border:2px solid #aeeea7;
  border-left:none; border-right:none;
}
div#donation_response_success{
  background:#fbfffb;
  border-color:#aeeea7;
}
div#donation_response_fail{
  background:#fef7f7;
  border-color:#eea7a7;
}

/*------ FRIENDS ---------------*/
.letter_jump{
  font-size:1.1em;
  font-weight:bold;
  letter-spacing:.3em;
  color:#a5a5a5;
}

.friend{
  margin-top:5px;
  margin-bottom:20px;
  margin-left:20px;
  clear:left;
}
.friend img{
  float:left;
  margin:0px 5px 5px 0px;
}
.friend a img{
  border:1px solid #2db034;
}
.friend a:hover img{
  border:1px solid #bb60ff;
}
.friend_link,
.external_link{
  padding-right:16px;
  background:url('template_imgs/external_link.png') no-repeat right center;
}


/*------------ HONOREES -----------*/
ul.people{
  float:left;
  margin:0 0 20px 15px;
  padding:0;
  list-style:none;
  width:28%;
}
#honorees h2{
  clear:left;
  margin:5px;
}


/*--------- REPERTOIRE --------------- */
table#repertoire{
  font-size:90%;
  border:1px solid #333;
  border-top:0px;
  background:#fff;
}
#repertoire td{
  padding:5px;
}
#repertoire td.accompaniment,
#repertoire td.cd{
  text-align:center;
}

th{
  text-align:left;
  padding:5px 5px;
  background:#e3e3e3;
  border:1px solid #333;
  border-left:none;border-right:none;
}
th.non_orderable{
  color:#888;
}
th a{
  color:#333;
}
th a.ASC,
th a.DESC{
  padding-right:12px;
  font-size:110%;
}
th a.ASC{
    background:url('template_imgs/link_open.gif') no-repeat right center;
}
th a.DESC{
    background:url('template_imgs/link_close.gif') no-repeat right center;
}

.repertoire_form{
  border-bottom:2px solid #333;
}

.accomp_filter p.form_button{
  text-align:right;
  margin:10px;
}

/*-------- ROSTER ----------- */
#roster_holder{
  position:relative;
  width:520px;
  float:left;
}

.roster{
  background:none;
  width:250px;
}

.roster.odd{
  float:left;
  clear:left;
}
.roster.even{
  float:right;
}



/*-------- MEMBERS----------- */
#member_menu{
  position:absolute;
  top:10px;
  left:1%;
  width:12%;
}
#member_menu h5{
  border-bottom:1px solid #3e3e3e;
  margin:0px;
}
#member_menu ul{
  margin:0px;
  font-size:90%;
}



#members_right{
  float:right;
  width:30%;
  clear:left;
}

#members_left{
  width:65%;
  position:relative;
}
.trigger_open,
.trigger_close{
  padding-right:12px;
  background:url('template_imgs/purple_open.png') no-repeat right center;
  cursor:pointer;
}
.trigger_close{
  background-image:url('template_imgs/purple_close.png');
}


#member_info,
#message_boards_holder,
#announcements_holder{
  border-top:1px solid #333;
  border-bottom:2px solid #333;
  position:relative;
  width:100%;
}
#member_info{
  z-index:5;
}

table.invis{
  margin-right:30px;
}
table.invis th{
  background:none;
  border:none;
  text-align:right;
  vertical-align:top;
  font-size:100%;
  width:20%;
}
table.invis td.max_input input,
table.invis td.max_input select{
  width:98%;
}

/*------- member events-------*/
.calendar{
  border-collapse:collapse;
  border-bottom:1px solid #000;
}
.calendar td{

}
.calendar td{
  padding:5px;
}
.calendar td.today{
  background:#f5edf5;
}
.calendar td.event{
  background:#c87dff;
  padding:0px;
}
.calendar td.event a{
  color:#fff;
  padding:6px;
}

.board{
  cursor:pointer;
}

.mem_announcement,
.board{
  margin:0 0 2px 15px;
  border:2px solid #ece4ec;
  border-left:none; border-right:none;
}
.mem_announcement .note,
.board .note{
  font-style:italic;
}
.mem_announcement h4,
.board h4{
  margin-left:10px;
}
ul.mem_related_links{
  margin-bottom:0px;
  position:relative;
  width:100%;
}
ul.mem_related_links li{
  float:left;
  margin-right:10px;
}

textarea#text{
  float:left;
  position:relative;
  top:-15px;
  left:48px;
  width:380px;
}

.post_form div{
  margin-left:10px;
  margin-bottom:5px;
}

/* MEMBER BOARDS */
a.board_btn:hover{
  border:none;
}
#thread{
  width:100%;
  border-collapse:collapse;
}
  #thread td{
    padding:5px;
    vertical-align:top;
    border:2px solid #ece4ec;
    border-left:none; border-right:none;
  }

  .member_side{
    width:25%;
  }
  .post_side{
    width:75%;
  }

.post_title{
  font-weight:bold;
}
div.post{
  margin:5px 0;
}
h1 p, h2 p, h3 p, h4 p, h5 p{
  margin:0;
}

#posting{
  width:90%;
  border-collapse:collapse;
}

#posting input,
#posting textarea{
  width:400px;
  padding:2px 0;
  font-size:105%;
}
#posting textarea{
  height:200px;
}
#posting p{
  margin:0;
}

#submit_btn{
  padding:4px;
  margin:5px 0 0 95px;
}

#posting th{
  border:0;
  background:none;
  text-align:right;
  vertical-align:top;
}
#posting td, #posting th{
  border-bottom:2px solid #eee;
  padding:10px 0;
}
#posting td{
  padding:10px 0 10px 5px;
}

.thread_buttons{
  text-align:right;
  margin:5px 0;
}
.post_buttons{
  float:right;
}


/*----- MEMBER DOWNLOADS ----*/
ul#tabs{
  margin:5px 0 45px 0;
  font-family:Calibri, Arial, sans-serif;
  font-weight:bold;
  font-size:125%;
}
  #tabs li{
    position:relative;
    display:inline;
    float:left;
	width:50px;
    margin-right:5px;
  }
    #tabs>li{
      width:auto;
    }
    #tabs li a {
      display:block;
      color:#9744d4;
      height:27px;
      padding:4px 10px 0 10px;
      position:relative;
    }
    
      #tabs li a b{
        position:absolute;
        height:100%;
        width:10px;
        top:0; right:-1;
      }

    #tabs li a:hover{
      border:none;
      background:url('template_imgs/download_cat_bg.png') no-repeat bottom left;
    }
      #tabs li a:hover b{
        background:url('template_imgs/download_cat_bg.png') no-repeat bottom right;
      }
    #tabs li a.active,
	#tabs li a.active:hover{
      background:url('template_imgs/download_cat_bg.png') no-repeat top left;
    }
      #tabs li a.active b,
	  #tabs li a.active:hover b{
        background:url('template_imgs/download_cat_bg.png') no-repeat top right;
      }

.pane{
  clear:left;
  margin:20px 0 0 0px;
}

ul.member_downloads{
  margin-left:35px;
  list-style:disc;
}

.member_downloads li{
  margin:5px 0 15px 0;
}

  .member_downloads li a{
    font-size:105%;
    font-weight:bold;
  }

.member_downloads li p{
  margin:2px 0 2px 0;
}

span.added{
  font-size:90%;
  font-style:italic;
  display:block;
  margin-top:2px;
}

.no_border{
  border-width:0 !important;
}