@font-face
	{
		font-family: script;
		src: url('Inkpen2Script.ttf'),
			 url('Inkpen2Script.eot'); /* IE9+ */
	}

	* {
		margin: 0;
		padding: 0;
		font-family: script;
		text-decoration: none;
	}
	p {
		padding: 20px;
		font-family: "Palatino" ;
	}
	a {
		color:#000000;
	}
	a:hover {
		text-shadow: -2px 0 black, 0 2px black,
      2px 0 black, 0 -2px black;
		color:#ffffff;
	}
	a.nav {
		font-size: 40px;
	}
	body {
		background-color:#333333;
	}
	#navWrapper {
		position: relative;
		top:55px;
		z-index: 5;
		height: 50px;
		width: 100%;
		background-color: #9F1D22;
		-moz-box-shadow:    3px 5px 6px #000000;
  		-webkit-box-shadow: 3px 5px 6px #000000;
  		box-shadow:         3px 5px 6px #000000;
	}
	#nav {
		position: relative;
		margin: 0 auto;
		height:80px;
		width: 960px;
		
	}
	#instruments {
		position:relative;
		left: 50px;
		float: left;
		height: 50px;
		width: 150px;
	}		
	#logo {
		z-index:3;
		top: -55px;
		position: relative;
		margin: auto;
		height: 145px;
		width: 278px;
	}
	#practice {
		position: relative;
		right: 40px;
		float: right;
		height: 50px;
		width: 125px;
	}
	#choose {
		top:100px;
		position: relative;
		margin: 0 auto;
		width: 250px;
		height: 40px;
		color:#ffffff;
		font-size: 25px;
		padding: 0px 0px 0px 20px;
		text-shadow: 0.1em 0.1em 0.2em #000000;
	}		
	#container {
		position:relative;
		top:95px;
		height: 600px;
		width: 960px;
		margin: auto;
		background-color:#9F1D22;
		-moz-box-shadow:    3px 5px 6px #000000;
  		-webkit-box-shadow: 3px 5px 6px #000000;
  		box-shadow:         3px 5px 6px #000000;
	}
	#mainContainer {
		position:relative;
		top:95px;
		min-height: 600px;
		width: 960px;
		margin: auto;
		background-color:#ffffff;
		-moz-box-shadow:    3px 5px 6px #000000;
  		-webkit-box-shadow: 3px 5px 6px #000000;
  		box-shadow:         3px 5px 6px #000000;
	}
	#practiceContainer {
		position:relative;
		top:95px;
		min-height: 750px;
		width: 960px;
		margin: auto;
		background-color:#ffffff;
		-moz-box-shadow:    3px 5px 6px #000000;
  		-webkit-box-shadow: 3px 5px 6px #000000;
  		box-shadow:         3px 5px 6px #000000;
	}
	#leadSheet {
		position: relative;
		float: left;
		height:auto;
		width: 730px;
	}
	#songList {
		position: relative;
		float: right;
		height: 600px;
		width: 200px;
		overflow: auto;
	}
    h2 {
		text-decoration: underline;
	}
	#sax {
		position:relative;
		float: left;
		height: 320px;
		width: 143px;
	}		
	#trombone {
		position: relative;
		margin: auto;
		height: 320px;
		width: 214px;
	}
	#trumpet {
		position: relative;
		float: right;
		height: 320px;
		width: 214px;
	}
	#piano {
		position:relative;
		top: -35px;
		float: left;
		height: 320px;
		width: 357px;
	}		
	#bass {
		margin: auto;
		position: relative;
		left: 75px;
		top: -110px;
		height: 392px;
		width: 157px;
	}
	#guitar {
		position: relative;
		float: right;
		top: 20px;
		height: 255px;
		width: 171px;
	}
	ul#menu > li{
		float:left;
		padding:0px 20px 0px 0px;
	}	
	ul#menu > li div{
		z-index:5;
		padding:10px;
		position:absolute;
		left:0px;
		width:275px;
		height:225px;
		background-color: #ffffff;
		display:none;
		font-size: 20px;
		border:2px solid;
		border-radius:25px;
		-moz-border-radius:25px;
		-moz-box-shadow:    3px 5px 6px #000000;
  		-webkit-box-shadow: 3px 5px 6px #000000;
  		box-shadow:         3px 5px 6px #000000;
	}	
	ul#menu > li.hovering div{
		display:block;
	}
	ul li {
		float: left;
		padding: 5px;
	}
	li{
		display:block;
	}
	h1.dropDown {
		text-decoration: underline;
		size:25px; 
	}
	br {
		clear: left;
	}
	#footer {
		top: 110px;
		height: 50px;
		width: auto;
		margin: auto;
		position: relative;
		color: #ffffff;
		font-size: 20px;
	}
	#altfooter {
		top: 110px;
		height: 50px;
		width: 194px;
		margin: auto;
		position: relative;
		color: #ffffff;
		font-size: 20px;
	}