@import url("/css/forms.css");

* {

	margin: 0;

	padding: 0;

	border: none;

}



ul, ol {

	padding-left: 2em;

}



p, .text ul, .text ol {

	padding-bottom: 1em;

}



h2 {

	font-size: 125%;

}



html {

	background: #000000;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	color: #000;

}



.clear {

	clear: both;

}



/* ------------------------- */



#pagecentre {

	width: 981px;

	margin: auto;

}



#menu {

	height: 24px;

	background: url('/img/fadeblock.png') no-repeat bottom;

	margin-bottom: 20px;

	font-size: 82%;

}



.sidemenu {

	background: #ffc800;

}



#menu ul, .sidemenu ul {

	list-style: none;

	padding: 0;

}



#menu li {

	display: inline;

	float: left;

 	width: 98px;

 	text-align: center;

}



.sidemenu li {



}



#menu a, .sidemenu a {

	text-decoration: none;

	font-weight: bold;

	color: #000000;

	display: block;

	width: 98px;

	padding-top: 4px;

	padding-bottom: 5px;

}



.sidemenu a {

	width: 170px;

	padding-left: 10px;

}



#menu a:hover, .sidemenu a:hover {

	color: #ffffff;

	background: url('/img/50trans-yellow.png');

}



#menu #mlast, #menu #mlast a:hover {

	width: 99px;

}



.menucurrent {

	background: url('/img/50trans-yellow.png');

	font-weight: bold;

	padding-top: 4px;

	padding-bottom: 5px;

}



.sidemenu .menucurrent {

	padding-left: 10px;

}



#leftcol {

	width: 180px;

	float: left;

	padding-top: 38px;

	clear: both;

}



#rightcol {

	padding-left: 20px;

	padding-top: 15px;

	width: 750px;

	float: left;

/*	background: #fff2c2 url('/img/fadeblock-bottom.png') no-repeat bottom; */

}



#fadeblock {

	background: url('/img/fadeblock-top.png') no-repeat;

}



#fadewide {

	width: 981px;

	background: #fff2c2 url('/img/fadeblock-bottom.png') no-repeat bottom;

}



#fadebase {

	width: 981px;

	height: 8px;

	background: url('/img/fadeblock-bottom-curve.png') no-repeat top;

	margin-bottom: 20px;	

}



#fadeleft {

	width: 520px;

	min-height: 208px;

}



#faderight {

	width: 480px;

	height: 350px;

	float: right;

}



#fadeblock #logo {

	width: 364px;

	height: 76px;

	padding: 8px 0 0 7px;

}



#freelesson {

	float: right;

	margin-right: 15px;

	margin-top: 5px;

	z-index: 1000;

}



.cf_element {

	margin-left: 580px;

	margin-top: 34px;

}



#fadewide .text {

	background: url('/img/hand.png') no-repeat top left;

	width: 960px;

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 50px;

}



#player {

}



#instmenu img {

	margin-top: 0.5em;

}



#instruments {

	clear: both;

	height: 190px;



}



#instruments div {

	width: 180px;

	margin-left: 5px;

	height: 180px;

	background: #ffffff;

	float: left;

	padding: 6px;

	font-weight: bold;

	background: url('/img/instbg.png') no-repeat top left;

}



#instruments #first {

	margin-left: 0;

}



#instruments .link {

	text-align: right;

}



#tail {

	clear: both;

	color: #ffffff;

	text-align: center;

	margin-top: 10px;

}



#tail a, #instruments a {

	color: #ffc800;

}



#brd {

	text-align: right;

	font-size: 80%;

}



.leftpic {

	float: left;

	margin-right: 1em;

}



.rightpic {

	float: right;

	margin-left: 1em;

}



.tright {

	text-align: right;

}



table.border {

	border-top: 1px solid black;

	border-left: 1px solid black;

}



table.border td, table.border th {

	border-bottom: 1px solid black;

	border-right: 1px solid black;

	padding: 3px;

}



table.border table td, table.border table th {

	padding: 0;

	border: 0;

}



input {

	padding: 3px;

}



hr {

	border: 1px solid #ffc800;

}



#frontpage {

	width: 18em;

	margin: auto;

}



#frontpage ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#frontpage ul li a {

	background-color: #ffc800;

	display: block;

	width: 15em;

	text-align: center;

	margin: 0.5em 0;

	border-radius: 8px;

	padding: 1em;

	border: 2px solid #fff;

	color: #000;

	text-decoration: none;

	-moz-box-shadow: inset 5px 5px 5px #ffe844;

	-webkit-box-shadow: inset 5px 5px 5px #ffe844;

	box-shadow: inset 5px 5px 5px #ffe844;

}



#frontpage ul li a:hover {

	background-color: #ffd811;

}



#frontpage ul li a:active {

	background-color: #ffe844;

}