/* CSS Document */


body {
	background-color: #252525;
	background-image:   url("images/site/page-bg.jpg");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	line-height:140%;
	font-weight:normal;
}

#flash {
z-index:10;
position:absolute;
width:454px;
height:559px;
left:50%;
margin:0 0 0 -450px;
}

#container {
/*z-index:100;*/
width:900px;
height:646px;
position:relative;
left:50%;
margin:0 0 0 -450px;
background-image: url("images/new/container-bg.jpg");
/*border:1px solid #660066;*/
background-repeat:no-repeat;
}

#home #container {background-image: url("images/new/home-page-bg.jpg");}


#header {
width:900px;
height:96px;
}

#logo {
float:left;
width:550px;
height:96px;
/*background-color:#99CC66;*/
}

#subscribe {
float:left;
width:350px;
height:96px;
/*background-color:#99CC66;*/
}

#text {
clear:both;
width:380px;/*430px;*/
height:370px;
margin:1px 0 0 470px;
/*background-color:#99CC66;*/
}

#subnav {
/*width:450px;
height:30px;
margin:5px 0 0 470px;
background-color:#CCFF99;*/
}

#plainnav {
width:900px;
text-align:center;
height:30px;
margin:85px 50px 0 0;
color:#000000;
/*width:550px;background-color:#CC0099;*/
}

#home #plainnav {
margin-top:108px;
}

#plainnav a:link {color:#000000}
#plainnav a:visited {color: #000000;}
#plainnav a:hover {color: #E8E8E8;text-decoration:underline;}
#plainnav a:active {color: #000000;}

a:link {color:#0F91C8;text-decoration:none;}
a:visited {color:#0F91C8;text-decoration:none;}
a:hover {color:#33CCFF;text-decoration:underline;}
a:active {color:#0F91C8;text-decoration:none;}

p {font-size:1em;margin:10px 0 10px 0;}

/*#links p {width:370px;font-size:1em;margin:3px 0 15px 0;}*/

h1 {width:350px;height:50px;text-indent:-9999px;font-size:2em;margin:20px 0 15px 0;text-transform:lowercase;background-repeat:no-repeat;}

#home h1 {background-image: url("images/h1/h1_home.gif");}
#about h1 {background-image: url("images/h1/h1_about.gif");}
#repertoire h1 {background-image: url("images/h1/h1_repertoire.gif");}
#community h1 {background-image: url("images/h1/h1_community.gif");}
#events h1 {background-image: url("images/h1/h1_events.gif");}
#contact h1 {background-image: url("images/h1/h1_contact.gif");}
#support h1 {background-image: url("images/h1/h1_support.gif");}
#links h1 {background-image: url("images/h1/h1_links.gif");}
#gallery h1 {background-image: url("images/h1/h1_gallery.gif");}
#test-event h1 {background-image: url("images/h1/h1_upcoming.gif");}

h2 {width:350px;height:30px;text-indent:-9999px;font-size:1.7em;margin:15px 0 15px 0;text-transform:lowercase;background-repeat:no-repeat;}

.company {background-image: url("images/h2/h2_company.gif");}
.members {background-image: url("images/h2/h2_members.gif");}
.services {background-image: url("images/h2/h2_services.gif");}
.board {background-image: url("images/h2/h2_board.gif");}
.founder {background-image: url("images/h2/h2_founder.gif");}
.gilda {background-image: url("images/h2/h2_gilda.gif");}
.lecture {background-image: url("images/h2/h2_lecture.gif");}
.outreach {background-image: url("images/h2/h2_outreach.gif");}
.members {background-image: url("images/h2/h2_members.gif");}
.repertoire {background-image: url("images/h2/h2_repertoire.gif");}
.bookings {background-image: url("images/h2/h2_bookings.gif");}
.auditions {background-image: url("images/h2/h2_auditions.gif");}
.volunteer {background-image: url("images/h2/h2_volunteer.gif");}
.mailing {background-image: url("images/h2/h2_mailing.gif");}
.sponsorship {background-image: url("images/h2/h2_sponsorship.gif");}
.donations {background-image: url("images/h2/h2_donations.gif");}
.acknowledge {background-image: url("images/h2/h2_acknowledge.gif");}


h3 {font-size:1.1em;margin:0 0 5px 0;text-transform:capitalize;}
h4 {font-size:1.3em;margin: 0;text-transform:capitalize;color:#33CCFF;}
h5 {font-size:1.1em;margin:15px 0 3px 0;text-transform:capitalize;font-weight:bold;}




/*****tooltip classes*****/

.tipheader {
text-align:center;font-size:11px;font-weight:bold; text-transform:capitalize;padding:2px;width:150px; color:#000000; background-color:#FFFFFF; border-top:1px solid #33CCFF;border-bottom:1px solid #33CCFF;border-left:1px solid #33CCFF;border-right:1px solid #33CCFF;
}

.clicky {
color:#094C66;
font-size:10px;
text-transform:lowercase;
}

/*.tipbody {
text-align:center;font-size:13px;padding:5px; width:150px;background-color:#ffffff; color:#000000; border-left:1px solid #33CCFF;border-right:1px solid #33CCFF;border-bottom:1px solid #33CCFF; line-height:130%;
}*/

/*******event date blocks**********/
.date {
clear:both;
width: 370px;
border-bottom:1px solid #FFFFFF;
padding-bottom:5px;
margin:0 0 10px 0;
}

.date p {
margin:5px 0 5px 0;
}

/*.pops img {
float:left;
margin:0 10px 10px 0;
}*/

.date img {
float:left;
margin:0 6px 4px 0;
}

.spacer {
width:100px;
height:5px;
clear:both;
}


/****scroller stuff*******/

/*#holder {
width:500px;
background-color:#99FF99;
}*/

/*#events p {
width:350px;
}*/

.Scroller-Container p {
width:350px;
margin: 3px 0 10px 0;
}

#Scroller {
position:absolute;
overflow: hidden;
width:410px;
height: 330px;
margin:0 0 0 0;
}

#about #Scroller {
height:250px;
}

#about #Scrollbar-Track {
height:250px;
}

#about .Scrollbar-Track {
background-image: url("images/scroller/scroller2.gif");
height: 250px;
}

.Scroller-Container {
	position: absolute;
	left: -74px;
}

.Scrollbar-Track {
  width: 15px; 
  height: 330px;
  position: absolute;
  background-color:#666666;
  background-image: url("images/scroller/scroller.gif");
  background-repeat:no-repeat;
  /**/margin:0 0 0 390px;

}
.Scrollbar-Handle {
  position: absolute;
  background-image: url("images/scroller/handle.gif");
  background-repeat:no-repeat;
  top: 0px; 
  left: 0px;
  width: 15px; 
  height: 30px;
  background-color:#33CCFF;
}

/************ end of scroller stuff ***************************/