/* Various elements */



body {

	background: #10171F url(images/bg.gif) repeat;

	color: #DCEBF0;

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

	font-size: 72%;

	margin: 25px auto;

}



a {

	color: #CCFFCC;

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	text-decoration: underline;

}



/* Container */



#container {

	background: #26313E url(images/body.jpg) top left repeat-y;

	margin: 0 auto;

	width: 850px;

}



/* Header */



#header {

	background: #000 url(/imgs/mainheader.jpg) top left no-repeat;

	height: 175px;

	text-align: center;

	color: #fff;

}



#header h1 {

	padding: 60px 0 10px 0;

	margin: 0;

	font-size: 2.5em;

} 



#header h1 a {

	color: #fff;

	text-decoration: none;

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

	letter-spacing: 3px;

}



#header h1 a:hover {

	text-decoration: underline;

}



#header h2 {

	font-size: 1.1em;

	color: #CCFFCC;

	padding: 0;

	margin: 0;

}



/* Content */



#content {

	float: right;

	width: 525px;

	margin: 0px;

	padding: 0 15px 0 15px;

}



#content h2 {

	margin: 0;

	padding: 10px 0 0 0;

	font-size: 1.4em;

}



#content h2 a {

	color: #DCEBF0;

	text-decoration: none;

}



#content h2 a:hover {

	text-decoration: underline;

}



#content p {

	line-height: 16px;

	font-size: 1.0em;

	line-height: 18px;

	word-spacing: 5px;

}



#content img.left {

	float: left;

	padding: 5px 10px 0 0;

}



#content img.right {

	float: right;

	padding: 5px 0 0 10px;

}



/* Sidebar */



#sidebar {

float: left;

width: 250px;

margin: 0;

padding: 10px;

}



#sidebar h2 {

	margin: 0;

	padding: 5px;

	font-size: 1.2em;

}



ul.pianokeys {

	margin: 0;

	padding: 0 0 10px 10px;

}



ul.pianokeys ul {

	margin: 0;

	padding: 0;

}



.pianokeys li {

	list-style: none;

}



.pianokeys li a {

	display: block;

	width: 220px;

	border: 1px solid #6B6B6B;

	background: #CBE2EA;

	margin: 1px;

	padding: 2px 10px;

	color: #000;

	text-decoration: none;

}



.pianokeys li ul li a {

	display: block;

	width: 210px;

	border: 1px solid #6B6B6B;

	background: #3B6299;

	margin: 1px 0px 1px 15px;

	padding: 3px 5px;

	color: #fff;

	text-decoration: none;

        font-size:85%;
}



.pianokeys a:hover {

	background-color: #009966;

}



ul.links {

	margin: 0;

	padding: 0 0 0 10px;

	list-style: none;

	line-height: 16px;

}



ul.links a {

	text-decoration: none;

	font-weight: bold;

	color: #DF7100;

}



ul.links a:hover {

	text-decoration: underline;

}



#sidebar p.box {

	margin: 0 0 10px 5px;

	padding: 7px;

	background-color: #000;

	color: #fff;

}



/* Footer */



#footer {

	clear: both;

	background: #000 url(images/footer.jpg) top left no-repeat;

	height: 29px;

	text-align: center;

	padding: 0;

}



#footer p {

	color: #fff;

	padding: 5px 0 5px 0;

	font-size: 0.8em;

}



#footer a {

	color: #DF7100;

}