/* CSS Document */

body{

}
*{margin:0; padding:0;}
/*   ------------------------------STYLES -----------------------------------------*/
h1{
font-family:"Times New Roman", Times, serif; margin:0; padding:0;
}
h1.hellotit{float:left; font-family:"Monotype Corsiva", "Times New Roman"; margin:5px; color:#FF0000;
}

h2{
}

h3{
}
h3.events{margin:0;  padding:0;
 }

h4{
}

h5{
}
h6{
}
p{margin:0; padding:0;
}
p.hi{clear:left; font-family:"Monotype Corsiva","Times New Roman"; margin-left:5px; font-size:20px; margin:2px; padding:2px; z-index:3;
}

p.eventstitle{font-family:"Times New Roman", Times, serif; color:#FF0000; margin:10px; padding:0;
}

p.events{ margin:0; padding:0; font-size:12px;
}

p.headtitle{margin:0; padding:0; color:#0099FF; 
}

p.headbit{ margin-top:10px; color:#0099FF;
}

/*-------------------------POSITIONING------------------------------------------*/
/*-----------------------------Index page and foundation elements----------------------------------*/

div.base{ width:800px; height:600px; top: 10px; left:10px; margin:0; padding:0; 
}

div.banner{ float:left; width:750px; Height:280px; margin-left:55px; margin-top:5px; 
}

div.nav{ position:absolute; width:600px; height:33px; top:295px; left:61px; z-index:2; background-color: #00FFFF;
}

div.banntop{ position:absolute; width:256px; height:163px; top:-237px; left:319px; z-index:3; 	background-color: #FFFFCC; border:#000000; 	border:solid; border:thin;	
}

div.mainbody{position:absolute; width:870px;  top:293px; left:60px; border:#000000 solid thin; 	z-index:1; 	background-color: #FFFFFF;
}

div.indexpic{ float:left; width:196px; height:545px; z-index:4; margin-top:30px;
}

 div.welcome{  float:left; margin-left:0; margin-right:0; width:400px; height:600px;  background-color: #FFFFFF;  margin-top:37px; 
 }
 
 div.signature{ position:absolute; width:61px; height:90px; z-index:1; left: 485px; top: 492px;
} 

div.musicnews{ float:left; width:160px;  background-color:#99CCFF; margin-top:47px; border-style:inset; border-color: #3366CC; border-width:thick;   margin-left:25px;
}

div.book{ position: absolute; width:381px; height:296px; left:109px; top:754px; z-index:6;
}

div.copyind{ position:absolute; font-size:12px; width:259px; height:56px; z-index:7; left: 371px;
	top: 1019px;	
}

div.markets{ position:absolute; width:155px; height:75px; z-index:7; left: 781px; 	top: 1010px;
}


/*-------------------------------------Teaching Page----------------------------------------------*/

p.links{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-bottom:5px; margin-left:50px; margin-right:50px; margin-top:5px;
}
p.teachmain1{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	margin-bottom:10px;
	color:#0066FF;
}
p.teachmain2{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	margin-bottom:10px;
	color:#0066ff;
}
div.teachbody{
	position:absolute;
	width:870px;
	height:700px;
	top:293px;
	left:60px;
	border:#000000;
	border:solid;
	border:thin;
	z-index:1;
	background-color: #FFFFFF;
	background-image: url(backteaching2.jpg);
}

div.teachpic{float:left; width:188px; height:550px; margin-top:120px; margin-bottom:0; margin-left:20px; z-index:4;}

div.teachwords{float:left; width:388px; height:688px; margin-top:60px; z-index:4; margin-left:13px; margin-right:3px;}

div.copyteach{position:absolute; font-size:12px;width:339px;height:56px;z-index:7;left: 324px;top: 1083px;
}

div.teachmark{position:absolute;width:155px;height:75px;z-index:7;left: 755px;top: 1085px;
}

/*------------------------------------Contact Page---------------------------------------------*/


p.teachmain3{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-bottom:10px; font-weight:bold
}

div.contbody{position:absolute; width:870px; height:857px; top:293px; left:60px; border:#000000; border:solid; border:thin; z-index:1; background-color: #FFFFFF; background-image: url(pagebackcon7.jpg); background-repeat:no-repeat; 
}

div.formcont{position:absolute; width:725px; height:500px; top:337px; left:69px; z-index:3; border: ridge; border:#00FFFF; border:thick; padding-top:5px; padding-bottom:0; padding-left:7px;}

div.contwords{float:left; width:800px; height:150px; margin-top:60px; }

div.copycont{position:absolute; font-size:12px;width:339px;height:56px;z-index:7;left: 328px;top: 1168px;
}

div.contmark{position:absolute;width:155px;height:75px;z-index:7;left: 752px;top: 1174px;
}

/*----------------------------------Thankyou Page------------------------------------------*/

p.formthanks{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#00ccff; 
}

div.thanks{position:absolute; width:300px; height:262px; top:45px; left:259px; background-color:#ffffFF; border:medium; border:#33FFCC; border:ridge;}

div.sig2{position:absolute; width:61px; height:90px; z-index:1; left: 431px; top: 137px;
} 

/*----------------------------------About Me Page----------------------------------------*/

div.aboutbody{position:absolute; width:870px; height:550px; top:293px; left:60px; border:#000000; border:solid; border:thin; z-index:1; background-image: url(contactback2.jpg);
}

div.aboutwords{float:left; width:380px; height:400px; margin-left:100px; margin-top:50px;
}

div.copyabout{position:absolute; font-size:12px; width:501px; height:56px; z-index:8; left: 216px; top: 856px;	
}

div.designabout{position:absolute; width:150px; height:56px; z-index:8; left: 782px; top: 856px;
}
	
/*--------------------------------Testimonial Page------------------------------------*/
p.let2{ margin-left:7px; margin-right:7px; margin-bottom:7px; margin-top:15px; font-size:14px;
}
div.testbody {
	position:absolute;
	width:870px;
	height:600px;
	top:293px;
	left:60px;
	border:#000000 solid thin;
	z-index:1;
	background-color: #E8E8E8;
	background-image: url(testback.gif);
}

div.copytest{position:absolute; font-size:12px; width:501px; height:56px; z-index:8; left: 213px; top: 920px;	
}

div.designtest{position:absolute; width:150px; height:56px; z-index:8; left: 759px; top: 917px;
}

div.testlefpil{float:left; width:174px; height:508px; 
}

div.testcentre{float:left; width:703px; height:508px; margin-top:52px; margin-left:40px;border:#000000; border:solid; border:thin; background-color:#ffffcc; margin-bottom:52px;
}

div.letterholder{float:left; width:508px; height:508px; background-color:#ffffcc;
}

div.letter1{float:left; width:200px; height:200px; margin-left:20px; margin-top:20px; background-color:#cccccc;
}

div.letter2{float:left; width:200px; height:229px; margin-left:20px; margin-top:10px; background-color:#cccccc;
}

div.letter3{clear:left;	width:200px; height:239px; margin-left:130px; margin-top:20px; margin-bottom:10px; border:#000000; border:solid; border:thin; 
}
/*--------------------------------------Links Page ------------------------------------------*/

p.links{ font-size: 12px; color: #000000; margin-bottom:5px; margin-left:50px; margin-right:50px; margin-top:5px;
}

p.tablehead{font-family:"Times New Roman", Times, serif; font-weight:bold; color:#3366FF;
}

div.linksbody{position:absolute; width:870px; height:456px; top:293px; left:60px; border:#000000 solid thin; z-index:1; background-color: #FFFFFF; background-image: url(testback.gif);
}

div.linksintro{float:left; width:863px; height:53px;  z-index:10; margin-top:60px; border:solid #00FFFF; background-color:#FFFFFF;
}

div.tableholder{clear:left; width:750px; height:220px; z-index:10; border:solid #00FFFF; margin-top:20px; margin-left:50px; background-color:#FFFFFF;
}

div.linkscopy{position:absolute; font-size:12px; width:501px; height:56px; z-index:8; left: 208px; top: 770px;	
}

div.linksdesign{position:absolute; width:150px; height:56px; z-index:8; left: 727px; top: 771px;
}
