@charset "UTF-8";
/* CSS Document */

html,*
{
	padding:0px; border:0px; margin:0px;
	font:"Times New Roman", Times, serif;
	font-weight:normal;
}

body
{
	background-color:white;
	width:720px;
	margin: 0px auto;
	color:#555;
}

a { color:black; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:gray; }

h1 { color:black; }
h2 { color:black; margin-top:20px; }
h3 { color:black; font-size:16px; font-weight:bold; }
h4 { color:black; margin-left:3px; font-size:13px; }
ul { list-style:none; margin:5px 0px 10px 0px; }
li { font-size:13px; margin:3px 6px; }
strong { color:black; font-size:14px; }
p { font-size:12px; }

#headblock { }
#headblock h1 { margin-top:50px; }
#contentblock
{
	position:relative;
	height:500px;
}

#footblock {}

.thincol
{
	width:229px;
	position:absolute;
	height: 301px;
}
.midcol
{
	width:420px;
	position:absolute;
}
.fatcol
{
	width:620px;
	position:absolute;
}
.photocol
{
	width:700px;
}
.photocol img { padding:20px; text-align:center; }

#threecol1 { left:50px; }
#threecol2 { left:290px; }
#threecol3 { left:510px; }
.tallline { padding-top:15px; }

.dottedlist { list-style:circle; list-style-position:inside; }
.dottedlist li {
	margin-left:3px;
	margin-bottom:15px;
	clear: both;
	margin-top: 10px;
}

/* this is disabled, as we need to make the piano clickable. replaced with the pianoblock below
.frontbg
{
	background-image: url("site_graphics/onpianocopy.jpg");
	background-repeat: no-repeat;
	background-position: 500px 300px;
	background-attachment: scroll;
}
*/
#pianoblock {
	position:absolute;
	top: 300px;
	left: 500px;
}
#pianoblock a { border:0px; }