﻿/* Stylesheet for website layout*/

		body {
			background: #fd9 url(../images/music.gif);
			margin: 0;
			border-collapse: collapse;
			font-family: "Verdana", "Arial", sans-serif;
		}
		
		#container {
			position: relative;
			width: 906px; /* width + border for IE 5.x */
			w\idth: 900px; /* real width */
			border: 0;
			padding: 0;
			margin: auto;
			background: url(../images/flameback.jpg);
			border-width: 0 3px 3px 0;
			border-right: solid #000;
			border-left: solid #000;
			min-height: 950px;
		}

		#header {
			margin: auto;
			border: 0;
			padding: 0;
			width: 800px;
			height: 160px;
			text-align: center;
		}
		
			#header h1 {
				font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
				font-style: italic;
				color: #feb;
				font-size: 2.5em;
				font-weight: bold;
				letter-spacing: 6pt;
				position:relative;
				border: 0;
				z-index: 2;
			}
			
			#header h1.shadow1 {
				font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
				font-style: italic;
				color: #000;
				font-size: 2.5em;
				font-weight: bold;
				letter-spacing: 6pt;
				border: 0;
				position:relative;
				top: -80px;
				left: 2px;
				z-index: 1;
			}
		
			#header h2 {
					font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
					color: #feb;
					font-size: 2.0em;
					font-style: italic;
					font-weight: bold;
					letter-spacing: 2px;
					border: 0;
					margin: 0;
					position:relative;
					top: -115px;
					z-index: 2;
				
				}
				
				#header h2.shadow2 {
					font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
					color: #000;
					font-size: 2.0em;
					font-style: italic;
					font-weight: bold;
					letter-spacing: 2px;
					border: 0;
					margin: 0;
					z-index: 1;
					position: relative;
					top: -157px;
					left: 2px;
				}
		
			
			#headerfoot {
					font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
					font-style: italic;
					font-weight: bold;
					color: #fd9;
					font-size: 1.2em;
					letter-spacing: 0.2em;
					z-index: 1;
					border: 0;
					position: relative;
					top: -180px;
				}
				
			#headerfoot2 {			
					font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
					font-style: italic;
					font-weight: bold;
					color: #fd9;
					font-size: 1.2em;
					letter-spacing: 0.4em;
					z-index: 1;
					border: 0;
					position: relative;
					top: -200px;
				}	
		
		#navigation {
			border: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 162px;
			left: 120px;
			height: 60px;
			font-weight: bold;
		}
		
		#navigation p.first {
		background: url(../images/wood1.jpg);
		color:#fd9;
		}
		
		#navigation p.second {
		background: url(../images/wood2.jpg);
		color:#fd9;
		}
		
		#navigation a {
			color: #fd9;
			text-decoration: none;
			font-size: 18px;
			font-family: Arial;
			margin: 0px;
			padding: 0;
			}
			
		#navigation a.hover {
			color: #ff0;
			}
			
		#home {
			width:120px;
			height: 60px;
			border: solid 1px #fd9;
			margin: 0 0 0 80px;
			padding: 0;
			float: left;
			text-align:center;
			line-height: 4em;
			}
			
			#about {
			width:120px;
			height: 60px;
			border: solid 1px #fd9;
			margin: 0;
			padding: 0;
			float: left;
			text-align:center;
			line-height: 4em;
			}
			
			#instr{
			width:120px;
			height: 60px;
			border: solid 1px #fd9;
			margin: 0;
			padding: 0;
			float: left;
			text-align:center;
			line-height: 4em;
			}
			
			#listen {
			width:120px;
			height: 60px;
			border: solid 1px #fd9;
			margin: 0;
			padding: 0;
			float: left;
			text-align:center;
			line-height: 4em;
			}
			
			#gallery{
			width:120px;
			height: 60px;
			border: solid 1px #fd9;
			margin: 0;
			padding: 0;
			float: left;
			text-align:center;
			line-height: 4em;
			}
			
			#teach {
			width:120px;
			height: 60px;
			border: solid 1px #fd9;
			margin: 0;
			padding: 0;
			float: left;
			text-align:center;
			line-height: 4em;
			}
		
		
		
		#content {
			padding-top: 30px;
			border: 0;
			margin: 0;
			background: url(../images/wood3.jpg);
			color: #000;
			font-family: Verdana, Helvetica, sans-serif;
			width: 800px;
			font-size: 0.9em;
			position: relative;
			top: 100px;
			left: 50px;
			min-height: 650px;
		}
		
		#content p {
			padding: 30px;
			font-weight: bold;
		
		}
		
		#image {
			background: #999;
			border: solid 2px #000;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 15px;
			left: 15px;
			width: 350px;
			height: 400px;
		}
		
		#image img {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		#text {
			background: #FFF;
			border: solid 2px #000;
			padding: 15px 15px 0 15px;
			margin: 0;
			position: relative;
			top: -15px;
			left: 400px;
			width: 350px;
			height: 385px;
		}
		
		#text p {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		#text ul {
			border: 0;
			margin: 15px;
			padding: 0;
		}
		
		#text li {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		#image2 {
			background: #999;
			border: solid 2px #000;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 430px;
			left: 15px;
			width: 350px;
			height: 400px;
		}
		
		#image2 img {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		#text2 {
			background: #FFF;
			border: solid 2px #000;
			padding: 15px 15px 0 15px;
			margin: 0;
			position: relative;
			top: 30px;
			left: 400px;
			width: 350px;
			height: 385px;
		}
		
		
		
		#text2 p {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		#text2 ul {
			border: 0;
			margin: 15px;
			padding: 0;
		}
		
		#text2 li {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		#address {
			border: solid 1px #000;
			margin: 0;
			padding: 7px;
			position: relative;
			left: 15px;
			top: 23px;
			width: 752px;
			background: url(../images/wood4.jpg);
			font-family: Verdana, Helvetica, sans-serif;
			font-weight: bold;
			text-align: center;
		}
		
		#address a {
		color: #fdb;
		text-decoration: none;
		}
		
		#addtab {
			text-align: center;
			margin: auto;
		}
		
		#addtab td {
		padding: 2px 15px;
		}
		
		#addtab th {
		font-style: italic;
		font-size: 12pt;
		letter-spacing: 1pt;
		}
		
		#player {
		margin-top: 50px;
		margin-left: 175px;
		}
		
		#playertext {
			margin-left: 125px
		}
		
		
			
			
		
		
	
	
	
	
	
	
	
		
		

		
		
		


		
	
