<style>
.boxes
{
	width: 160px;
	font-family:arial;
	font-size: 12px;
	font-weight: normal;
	color: #f0f0f0;
	margin-left: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
.box1 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;
}
.box1 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:none;
}
.box1 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}
.box1 {
	background-color: #cc0000;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;	
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border: 1px solid #000000;
}
.box2 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 4px 0px 0px 0px;
	width: 100%; height: 100%;
}
.box2 {
	background-color: #ff3300;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
}
.box2 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin-top:-12px;	
	text-decoration:none;	
}
.box2 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	margin-top:-12px;
	text-decoration:underline;		
}




.box3 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;	
}
.box3 {
	background-color: #ff0099;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;	
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border: 1px solid #000000;	
}
.box3 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;
	text-decoration:none;	
}
.box3 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}


.box4 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;	
}
.box4 {
	background-color: #cc00ff;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;		
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border: 1px solid #000000;	
}
.box4 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:none;	
}
.box4 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}


.box5 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;	
}
.box5 {
	background-color: #cc0066;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;		
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border: 1px solid #000000;	
}
.box5 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:none;
}
.box5 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}


.box6 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;	
}
.box6 {
	background-color: #9900cc;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;		
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;	
}
.box6 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:none;	
}
.box6 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}



.box7 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;	
}
.box7 {
	background-color: #990066;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;		
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;	
}
.box7 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:none;	
}
.box7 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}



.box8 H2{
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%; height: 100%;	
}
.box8 {
	background-color: #660066;
	margin: 2px 0px 2px 0px;
	padding: 0px 2px 0px 2px;
	width: 160px;
	height: 50px;
	font-family:arial;
	font-size: 10px;
	font-weight: normal;
	color: #f0f0f0;		
	-moz-border-radius: 10px;
	border-radius: 10px;		
	border: 1px solid #000000;
}
.box8 A{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:none;	
}
.box8 A:hover{
	display:block; height:100%; width:100%;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;	
	text-decoration:underline;		
}
</style>