<STYLE type=text/css>
link2 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 20px
}
.link2 A {
	DISPLAY: block; BACKGROUND: url(button01.jpg) no-repeat 0px 0px; WIDTH: 100px; HEIGHT: 20px; TEXT-DECORATION: none; valign: center
}
.link2 A:hover {
	BACKGROUND: url(button01.jpg) no-repeat -100px 0px
}

.link1 {padding: 0px; border: 0px; overflow: hidden; width:200px; height:20px;}
.link1 a {background: url(button02.jpg) 0px 0px no-repeat; text-decoration: none; display: block; width: 200px; height: 20px; }
.link1 a:hover {background: url(button02.jpg) -200px 0px no-repeat;}

link3 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 20px
}
.link3 A {
	DISPLAY: block; BACKGROUND: url(..\button01.jpg) no-repeat 0px 0px; WIDTH: 100px; HEIGHT: 20px; TEXT-DECORATION: none; valign: center
}
.link3 A:hover {
	BACKGROUND: url(..\button01.jpg) no-repeat -100px 0px
}

link4 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 20px
}
.link4 A {
	DISPLAY: block; BACKGROUND: url(button04.jpg) no-repeat 0px 0px; WIDTH: 100px; HEIGHT: 20px; TEXT-DECORATION: none; valign: center
}
.link4 A:hover {
	BACKGROUND: url(button04.jpg) no-repeat -100px 0px
}
.H2 {font-face :arial;font-size :10}
 
.H1 {font-face :arial;font-size :20}

.H3 {font-face :arial;font-size :12}

.H4 {font-face :arial ;font-size :28}
</STYLE>