body {
	font:normal 12px "Trebuchet MS",Tahoma,Arial; 
	background-color:#330099;
	background-position:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.accessories {
	height:130px;
}
	
#piano-banner {
	margin-left:auto;
	margin-right:auto;
   width:82%;
   height:80px;
   background: url(http://www.pianomusician.com/images/banbkg.gif) repeat-x;
   background-color:#FFFFFF;
}

#date
{
	position:absolute;
top:96px;
left:10%;
color:#000000;
font:normal small-caps 10px "Trebuchet MS",Tahoma,Arial;
}

#piano-notes {
	float:left;
   height:80px;
   width:100%;
   text-align:right;
   background-image:url(images/pmlogo.gif);
   background-repeat:no-repeat;
}
#piano-notes h1{
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
}
#contain {
margin-top:8px;
	margin-left:auto;
	margin-right:auto;
clear:both;
width:82%;;
height:auto;
text-align:center;
}
#piano-top-menu {
margin-top:0px;
text-align:center;
width:100%;
}

#centercolumn { 
float:left; 
width:78%;
height:inherit; 
top:10px; 
background:#FFFFFF;
text-align:center; 
font:normal 12px "Trebuchet MS",Tahoma,Arial; 
}
#centercolumn p {
		padding:8px;
}
ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #CCCC00;
	}
ul#mainnav li {
	display: block;
	border-top: 1px solid #330099;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color:#CCCC00;
	font: normal 12px "Trebuchet MS",Tahoma,Arial;	/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #330066;
	text-decoration: none;
					/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color:#330099;
	color: #eee;
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid #CCCCFF;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	border: 0px solid #330099;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: bold 12px /1.5 "Trebuchet MS",Tahoma,Arial;
	color: #5C6F90;
	background-color: transparent;
	border: 0px solid #330099;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}

#piano-search {
width:100%;
left:0px;
margin-top:20px;
text-align: center;
}

#piano-top-ad {
right:0px;
width:100%;
text-align:center;
} 

#piano-menu {
   float:right;
   right:0px;
   top:10px;
   background:#CCCC00;
	color: Black;
	width:21%;
	height:auto;
	text-align: center;
}
hr {
   margin-left:0px;
	color: Black;
	background-color: Black;
	width: 100%;
	height: 4px;
}

#footer {
clear:both;
margin-top:20px;
margin-left:auto;
margin-right:auto;
text-align: center;
width:82%;;
background-color:#330066;
color:#FFFFFF;
}
#footer a {
color:#FFFFFF;
}
p {
	font:normal 12px "Trebuchet MS",Tahoma,Arial;
}

a {
	color: Blue;
	background-color: transparent;
	text-decoration: none;
}
a:visited {
	color: Purple;
	background-color: transparent;
	text-decoration: none;
}

h1
{
	color: #000000;
	background-color: transparent;
	font:bold 18px "Trebuchet MS",Tahoma,Arial;
	text-align: center;
}
h2
{
	color: #000000;
	background-color: transparent; 
	font-size:14px;
	padding:8px;
}
h3
{
	color: #000000;
	background-color: transparent;
}
h4
{
	color: rgb(102,51,153);
	background-color: transparent;
}
h5
{
	color: #000000;
	background-color: transparent;
	text-align: left justify;
	vertical-align: top;
}
h6
{
	color: #000000;
	background-color: transparent;
	vertical-align: middle;
}