html, body 
{
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #3b3127;
	
	background-image:url('img/gradient.png');

}	
	

	




#page-container
{
	
	Width: 1015px;
	height: 1630px;
	margin: auto;
	background: #08232c;
	background-image:url('img/gradient.png');
}


#header 
{

	height: 160px;
	width: 1000px;

	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #6c5b35;
	border-top: 1px solid #6c5b35;
	border-right: 1px solid #6c5b35;

}
/* DEV: New functionality for the dynamic JS menu construct */
div#menu {
	margin-top: 1px;
	margin-left: 1px;
    height:25px;
    background:url(img/main-bg.png) repeat-x;
	width:100%;
	Width: 1000px;
	/*height: 16px;*/
	background-color: #FFFFFF;
	
	
	/*border-top: 1px solid #6c5b35;
	border-left: 1px solid #6c5b35;
	border-right: 1px solid #6c5b35;*/
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 22px;
	
}

div#menu ul.menu li span		{
	color: #000000;
	
}
div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
	
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 25px;
    display: block;
    float: left;
    line-height: 25px;
    text-decoration: none;
    font: normal 12px Trebuchet MS;
	
}
div#menu a:hover, div#menu a:hover span { color: #fff; }
div#menu a:hover { color: rgb(218,219,222); }



div#menu li.current a {


}


div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}




div#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(img/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(img/item-pointer-mover.gif);
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 18px;
    color: #e5e5e5;
}
div#menu span {
    margin-top: 5px;
color: #333;
}
div#menu ul a:hover span {
color: #333;
}
div#menu ul ul span {
color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
color: rgb(218,219,222);
}


div#menu li { background: url(img/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    top: 24px;
    left: -999em;
    width: 163px;
    padding: 5px 0 0 0;
    background: rgb(87,87,84);
    margin-top:1px;
}
div#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul ul {
    padding: 0;
    margin: -22px 0 0 163px !important;
    margin-left:172px;
}

/* colors */
div#menu ul ul ul { background: rgb(63,60,61); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
div#menu li.back {
    background: url(img/lava.png) no-repeat right -27px !important;
    background-image: url(img/lava.gif);
    width: 13px;
    height: 27px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
div#menu li.back .left {
    background: url(img/lava.png) no-repeat top left !important;
    background-image: url(img/lava.gif);
    height: 27px;
    margin-right: 8px;
}


#sidebar 
{

  
	float: left;
	width: 180px;
	height: 1299px;
	
	background: #d9d5d2;
	background-image: url('img/sidebarImg.png');

	margin: 0px 0px 0px 0px;
	
	border-top: 1px solid #6c5b35;
	/*border-right: 1px solid #ffffff;*/
	border-bottom: 1px solid #6c5b35;
	border-left: 1px solid #6c5b35;
	color: #cac0c4;
	/*color: #d2c9cd;
	color: #764459;*/ 
	padding: 1px 0px 1px 3px;
	font-size: 0.85em;	
}

#sidebar h1 
{
	margin: 0px 0px 0px -5px;
	font-family: "Trebuchet MS";
	font-weight: normal;
	/*color: #764459;*/
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	
}
#sidebar h2 
{
	margin: 0px 0px 0px 5px;
	font-family: "tahoma";
	font-weight: bold;
	color: #cac0c4;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	
}
#sidebar h3 
{
	margin: 0px 0px 0px 5px;
	font-family: "Trebuchet MS";
	font-weight: normal;

	font-size: 12px;
	text-align: left;
	text-decoration: none;
	
}
#sidebar h4 
{
	margin: 0px 0px 0px 20px;
	font-family: "Trebuchet MS";
	font-weight: normal;

	font-size: 12px;
	text-align: left;
	text-decoration: none;
	
}




#sidebar a	{

	margin: 0px 0px 0px -5px;
	font-family: "Trebuchet MS";
	color: #cac0c4;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	text-decoration: none;




}


#sidebar a:hover 	{

	margin: 0px 0px 0px -5px;
	font-family: "times new roman";
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}


#sidebar a.active		{

	color: #92b6ff;
	font-weight: bold;

}

#sidebar a.active:hover	{

	margin: 0px 0px 0px -5px;
	font-family: "times new roman";
	color: #ffffff;
	/*color: #0e4c61;*/
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}
 

/* Need to specify the use of #shf*/
#shf
{
	text-align: center;




}

#container 
{
	float: left;
	width: 798px;
	height: 1299px;
	margin: 0px 2px 0px 0px;
	
	padding: 1px 3px 1px 15px;
	border-right: 1px solid #6c5b35;
	border-top: 1px solid #6c5b35;
	border-bottom: 1px solid #6c5b35;	


	background-color: #f3f2f1;

	
}
#container h1 
{
	font-family: "tahoma";
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	color: #4f2022;
	/*sidebar color = #240608; color: #764459;*/
	margin: 3px 50px 0px 40px;
	text-align: center;
}

#container h2 
{
	font-family: "tahoma";
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #707070;
	margin: 3px 80px 0px 70px;
	
}

#container h3
{
	font-family: "times new roman";
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	color: #858585;
	margin: 3px 80px 0px 70px;
	text-align: center;


}

#container h4 
{
	
	font-family: "times new roman";
	font-size: 1em;
	color: #707070;
	font-weight: normal;
	text-align: center;

	
}



#container h5 
{
	
	font-family: "times new roman";
	font-size: 18px;
	text-align: center;
	color: #ff0000;
	margin: 3px 50px 0px 40px;
	text-align: center;

	
}

#container h6 
{
	
	font-family: "times new roman";
	font-size: 9px;
	text-align: center;
	color: #000000;
	margin: 3px 50px 0px 40px;
	text-align: center;

	
}


#container h7
{
	
	font-family: "times new roman";
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: #66471b;
	margin: 3px 0px 0px 0px;
	text-align: center;

	
}


#container h8
{
	
	font-family: "times new roman";
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: #ff0000;
	margin: 3px 0px 0px 0px;
	text-align: center;

	
}


#container p 
{
	margin-left: 60px; margin-right: 75px;
	font-family: "times new roman";
	font-size: 15px;
	color: #707070;
	font-weight: normal;
	text-align: justify;
	
	
}





#container ul 
{
	margin-left: 60px; margin-right: 75px;
	font-family: "times new roman";
	font-size: 1em;
	color: #707070;
	font-weight: normal;
	text-align: left;
	
	
}


#container a 
{
	font-family: "times new roman";
	font-size: 0.85em;
	font-weight: normal;
	color: #4f2022;
	/*color: #764459;*/
	text-decoration: none;
	text-align: left;
}




#container a:hover 
{
	font-weight: normal;
	color: #3a7bff;
	/*color: #145f75;*/
	text-decoration: underline;
}

#container p ul li a:hover		{

		font-weight: normal;
	color: #3a7bff;
	/*color: #145f75;*/
	text-decoration: underline;



}


#footer	{
	position: relitive;
	float: left;
	height: 100px;
	width: 1000px;
	
	
	background: #ff0000;
	background-image: url('img/footer_background.png');

	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #6c5b35;
	border-top: 1px solid #6c5b35;
	border-right: 1px solid #6c5b35;



}


#footer p	{

	margin-left: 60px; 
	margin-right: 75px;
	font-family: "tahoma";
	font-size: 12px;
	color: #f3f2f1;
	font-weight: normal;
	text-align: center;


}

#OurSponsors		{
	
	margin: 0px 0px 0px 200px; 
	font-family: "tahoma";
	font-size: 18px;
	text-align: left;
	color: #858585;
	



}


#OurSponsors h2		{
	
	margin: 0px 0px 0px 0px; 
	font-family: "times new roman";
	font-size: 16px;
	/*text-align: center;*/
	color: #4f2022;
	text-align: left;
}

#OurSponsors h3		{
	
	margin: 0px 0px 0px 0px; 
	font-family: "times new roman";
	font-size: 16px;
	/*text-align: center;*/
	color: #707070;
	text-align: left;
}

/* needs the comment*/
#TxCntrd p
{

	margin-left: 60px; margin-right: 75px;
	font-family: "times new roman";
	font-size: 1em;
	color: #858585;
	font-weight: bold;
	text-align: center;
}

/* needs the comment*/
#list p
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px; 
	margin-right: 10px;
	font-family: "times new roman";
	font-size: 1em;
	color: #858585;
	font-weight: normal;
	text-align: right;	
}


/* needs the comment*/
#GalList h1
{
	font-family: "times new roman";
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	color: #858585;
	margin: 3px 80px 0px 70px;
	text-align: left;
}


/* needs the comment*/
#CntrdList 
{
	margin-left: 180px;
	font-size: 14px;
}


/* needs the comment*/
#CntrdListSymAud 
{
	margin-left: 260px;
	font-size: 14px;
}

/* needs the comment*/
#btm		{
	
	text-align: center;



}

/* needs the comment*/
#btm a		{
	
	font-family: "palatino linotype";
	font-size: 12px;
	font-weight: normal;
	color: #535353;
	text-decoration: none;
	text-align: center;



}

/* needs the comment*/
#btm a:hover 		{
	
	font-family: "palatino linotype";
	font-weight: normal;
	color: #ff0036;
	font-size: 12px;
	text-decoration: none;


}

/* this is center for wide lists*/
#MidLeft			{


	margin: 0px 0px 0px 300px;
	text-align: left;

}

/* this is center for narrow lists*/
#MidLeft2			{


	margin: 0px 0px 0px 370px;
	text-align: left;

}
/*used on audition_dates.htm for APPLY*/
#MidLeft3			{


	margin: 0px 0px 0px 100px;
	text-align: left;

}
/*volunteering.htm*/
#MidLeft4			{


	margin: 0px 0px 0px 200px;
	text-align: left;

}

/*pro-apply.htm*/
#MidLeft5			{


	margin: 0px 80px 0px 80px;


}

#MidLeft5 p			{


	color: #707070;
	font-family: "times new roman";
	font-size: 15px;
	color: #707070;
	font-weight: normal;
	text-align: center;

}

#indexDonate		{

	margin: 0px 0px 0px 0px;
	text-align: center;
}

#indexDonate h1		{

	text-align: center;
	font-size: 18px;

}

#indexDonate a		{

	font-family: tahoma;
	color: #ff0000;
	font-size: 3em;
	font-weight: normal;

	
}

#indexDonate a:hover		{

	font-family: tahoma;
	color: #ff0000;
	font-weight: bold;

	
}


#navIndicator		{

	font-family: "trebuchet MS";
	font-size: 0.8em;
	text-align: left;
	color: #764459;
	margin: 3px 20px 0px -8px;








}

#proOurprograms
{
	margin: 0px 0px 0px 40px;

}


#proOurprograms td
{
	border-collapse: collapse;
	border: 1px solid #707070;
	height:25px;
	vertical-align:bottom;
	width: 230px;
	margin: 0px 0px 0px 10px;
	font-size: .9em;
	text-align: left;
	color: #707070;
}

td
{
	border-collapse: collapse;
	font-size: .9em;
	text-align: center;
	color: #707070;
}




#audition-request
{
	margin-left: -130px;
	margin-right: -150px;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #707070;

}

#volunteer-request
{
	margin-left: 100px;
	margin-right: -150px;
	font-size: 14px;

}

#pre-orch-request
{
	margin-left: 10px;
	margin-right: -150px;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #707070;

}
/* needs the comment*/
#BecVol
{
	background: #fafafa;
	margin: 0px -2px 0px -1px;
	border-top: 1px solid #6c5b35;
	border-bottom: 1px solid #6c5b35;
	border-left: 1px solid #6c5b35;
	
}

/* needs the comment*/
#BecVol h3
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px; 
	margin-right: 10px;
	font-family: "Tahoma";
	color: #6c5b35;
	font-weight: normal;
	font-size: 0.8em;
	text-align: left;

}

/* needs the comment*/
#BecVol h2

{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px; 
	margin-right: 10px;
	font-family: "agency FB";
	color: #3955ff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	

}

/*#homeSupport		{

	position: absolute;
	width: 622px;
	height: 142px;
	margin: 0px 0px 0px 74px;	
	padding: 0px 0px 0px 0px;
	border: none;
	background-color: none;
}*/