body {
	font-family: verdana, arial, helvetica, serif;
	background-image: url(bkgd.gif);
}

#area1 {	
	position: absolute;
	left: 15em;
	width: 540px;
	height: 800px;
	top: 150px;
	color: #336633;
	}
	

	
.button1 { width: 200px; height: 50px; }
.button1 a { display: block; width: 200px; height: 50px; background: url(discounts2.gif) no-repeat top left;}
.button1 a:hover { background-position: bottom left;}

.button2 { width: 200px; height: 50px; }
.button2 a { display: block; width: 200px; height: 50px; background: url(orderform.gif) no-repeat top left;}
.button2 a:hover { background-position: bottom left;}

.button3 { width: 200px; height: 50px; }
.button3 a { display: block; width: 200px; height: 50px; background: url(parentletter.gif) no-repeat top left;}
.button3 a:hover { background-position: bottom left;}

.button4 { width: 200px; height: 50px; }
.button4 a { display: block; width: 200px; height: 50px; background: url(samplebook.gif) no-repeat top left;}
.button4 a:hover { background-position: bottom left;}

.button5 { width: 200px; height: 50px; }
.button5 a { display: block; width: 200px; height: 50px; background: url(home.gif) no-repeat top left;}
.button5 a:hover { background-position: bottom left;}