
       /************ Specific styles ***********/
body{font:16px "Trebuchet MS"; color:black;text-align:center; margin:0px;  background: url("picManuscript.gif") fixed}
img{border:none}

/*** index ***/
	#indexTable{width:780px; margin:auto}
	#indexPage{cursor:pointer;text-align:center}
	#indexPic{width:425px; height:390px}
	   
/*** nav ***/   
	#topTable{width:100%;background:#000000;padding:0px;border:2px ridge;margin:auto}
	#logoNavBarTable{width:100%;margin:auto}
	#logoNavBarLeft{text-align:left; width:173px}
	#logoNavBarRight{text-align:right; width:225px}
	#logoNavBarFarRight{width:25%}
	#navTable{ margin:auto; border:none; padding:0px;}
	
	#homeButton{width:70px;}
	#linksButton{width:70px;}
	#pricesButton{width:70px;}
	#FAQButton{width:50px;}
	#feedbackButton{width:70px;}

/*** footer ***/
	#footerTable{width:100%;}
	#footerData1{width:20%;}
	#footerData2{width:60%;}
	#footerData3{width:20%;;font:bold 12px Bangle}

/*** homepage ***/
	#homepageText{width:60%}
	#homePhoto{float:right;margin: 20px 70px 70px 70px;}
	
/*** repertoire ***/
	.repertoireTable{margin:auto;text-align:center; width:600px; padding:3px}
	#repMenu{width:250px; text-align:center}
	.repMenu{text-align:center; font-weight:bold}
	#BaroqueClassicalLeft{width:200px;font:bold 16px Bangle;text-align:left}
	#BaroqueClassicalRight{width:400px}
	#RomanticModernLeft{width:200px; font:bold 16px Bangle;text-align:left}
	#RomanticModernRight{width:400px; font:bold 16px Bangle;}
	#popFavesRepertoire{width:300px; font:bold 16px Bangle;text-align:left}
	#broadwayLeftRepertoire{width:200px; font:bold 16px Bangle;text-align:left}
	#broadwayRightRepertoire{width:400px}
	.TVrepertoire{width:300px; font:bold 16px Bangle;text-align:left}
	.DanceJazzRep{width:300px; font:bold 16px Bangle;text-align:left}
	
/*** weddings ***/
    .weddingTable{margin:auto;}
	#weddingSpacer1{width:5%}
	#weddingSpacer2{width:80%;text-align:left}
	#weddingSpacer3{width:5%}
	#weddingSpacer4{width:65%;text-align:left}
	#weddingSpacer5{width:5%}
	#weddingSpacer6{width:20%}
	#weddingTitle{font:bold 16px Bangle;text-align:left}
	
/*** experience ***/
	#experienceSpacer1{width:5%}
	#experienceSpacer2{width:40%; text-align:center}
	#experienceSpacer3{width:80%}
	.experienceSpacer4{border:transparent 5px;}
	
/*** hear us ***/
	#hearUsTable{margin:auto; text-align:center; width:500px; padding:3px; border:thin solid #D3D3D3 }
	.hearUsSpacer1{width:400px; background-color:#000000; border-color:#000000; font:bold 16px Bangle; color:white; text-align: left}
	.hearUsSpacer2{width:52px; background-color:#000000; border-color:#000000; font:bold 16px Bangle; color:white; text-align: center}
	.hearUsSpacer3{text-align:left; border:thin solid #D3D3D3}
	.hearUsSpacer4{text-align:center; border:thin solid #D3D3D3}
	
/*** links ***/
	#linksTable{margin:auto; text-align:center; width:500px;}
	.linksData,h2{vertical-align:top;text-align:left}
	
/*** prices ***/
	#pricesTable{margin:auto;text-align:center; width:400px; border:thin solid #D3D3D3; padding:3px;}
	.pricesDataLeft{width:100px; background-color:#000000; border-color:#000000; font:bold 16px Bangle; color:white; text-align: left; padding:10px}
	.pricesDataRight{ width:300px; background-color:#000000; border-color:#000000; font:bold 16px Bangle; color:white; text-align: left}
	.pricesData1{border:thin solid #D3D3D3;text-align:left;font-weight:bold; padding-left:10px}
	.pricesData2{border:thin solid #D3D3D3;text-align:left;; padding-left:10px}
	
/*** FAQ ***/
	#faq1{text-align:center; font-weight:bold}
	#faq2{width:80%; margin:auto}
	
/*** Contact Us ***/
    #contactTable{margin:auto;}
	.contactUsLeftData{text-align:right; width:250px; vertical-align:top}
	.contactUsRightData{text-align:left; width:288px}
	
/*** Contact Us 2 ***/
	.contactUs2LeftData{text-align:right; width:250px; vertical-align:top}
	.contactUs2RightData{text-align:left; width:288px}
	
/*** Feedback ***/
	#feedbackTable{ text-align:center; border:none; width:80%}
	.feedback1{ border:3px; text-align:center; width:500px; border:thin solid #D3D3D3;}
	.feedback2{ border:3px; text-align:left; width:100%}
	#feedback3{ text-align:center; font-weight:bold; font-size:20px}
	.feedback4{ font-weight:bold; font-size:16px}
	
/*** addFeedback ***/
	.addFeedbackTable{ text-align:center; border:none; width:80%}
	.addFeedback1{text-align:center; width:600px; border:thin solid #D3D3D3;}
	.addfeedback2{text-align:left; width:35%; background-color:#000000; color:#ffffff; padding:3px;}
	.addfeedback3{text-align:left}
	.addfeedback4{text-align:center; background-color:#000000; color:#ffffff; padding:3px;}
	
/*** privLogin ***/
	.adminArea{text-align:center; font-weight:bold; font-size:20px}

       /************ General styles ***********/
       
       .italics{font-style:italic}
       .textCenter{text-align:center}
       .textRight{text-align:right}
       .textLeft{text-align:left}
       .bold{font-weight:bold}
       .tablebody{text-align:left}
       .hrwidth{width:75%}
	   .heading1,h1{font:bold 24px Bangle; text-align: center }
	   .question{font:bold 16px "Trebuchet MS"; color:black;; text-align:left}
	   .answer{text-align:left}
.heading2{font:bold 20px Bangle; color:black;text-align: center }



       /************ Section Links styles ***********/
.mainSectionLinks
{ 
	width:96px;
	height:1px;
	vertical-align:top;
	font:bold 10pt "Trebuchet MS",Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

.mainSectionLinks a:link, .mainSectionLinks a:visited
{
	display: block;
	padding: 3px 0px 3px 3px;
	text-align: center;
	text-decoration: none;
	color: white;
	border: 1px solid #000000;
}

.mainSectionLinks a:hover
{
	color: black;
	background-color: #d3d3d3;
	border: 1px solid #000000;
}

       /************ End Section Links styles ***********/
       
              /************ Front Page Photos ***********/
       
#picArea img {
	display:none;
	position:absolute;
	top:0; left:0;
}
#picArea {
	width:200px;
	height:128px;
	position:relative;
	vertical-align:top;
}
