<style type="text/css">
	a#my_button0:link, a#my_button0:active, a#my_button0:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button0:hover {
		background-image: url('graphics/block0.png');
		background-repeat: no-repeat;
	}
	a#my_button1:link, a#my_button1:active, a#my_button1:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button1:hover {
		background-image: url('graphics/block1.png');
		background-repeat: no-repeat;
	}
	a#my_button2:link, a#my_button2:active, a#my_button2:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button2:hover {
		background-image: url('graphics/block2.png');
		background-repeat: no-repeat;
	}
	a#my_button3:link, a#my_button3:active, a#my_button3:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button3:hover {
		background-image: url('graphics/block3.png');
		background-repeat: no-repeat;
	}
	a#my_button4:link, a#my_button4:active, a#my_button4:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button4:hover {
		background-image: url('graphics/block4.png');
		background-repeat: no-repeat;
	}
	a#my_button5:link, a#my_button5:active, a#my_button5:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button5:hover {
		background-image: url('graphics/block5.png');
		background-repeat: no-repeat;
	}
	a#my_button6:link, a#my_button6:active, a#my_button6:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button6:hover {
		background-image: url('graphics/block6.png');
		background-repeat: no-repeat;
	}
	a#my_button7:link, a#my_button7:active, a#my_button7:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button7:hover {
		background-image: url('graphics/block7.png');
		background-repeat: no-repeat;
	}
	a#my_button8:link, a#my_button8:active, a#my_button8:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button8:hover {
		background-image: url('graphics/block8.png');
		background-repeat: no-repeat;
	}
	a#my_button9:link, a#my_button9:active, a#my_button9:visited {
		display: block;
		width: 150px;
		height: 150px;
		text-indent: -9999px;
	}	
	a#my_button9:hover {
		background-image: url('graphics/block9.png');
		background-repeat: no-repeat;
	}

.navigation {
  height:75%; width:125px; 
  color:white;
  border-color:maroon; 
  border-style:solid; 
  border-width:1px; 
  float:left; 
  background-color:#4852B7
}

.content {
  height:100%; 
  width:700px; 
  background-image: url('graphics/curledblock.gif');
  float:center;
}


.header {
  height:170px; 
  width:700px; 
  background-image: url('graphics/curledtoptrans2.gif');
  float:left;
}

.body {
  height:100%; 
  width:700px; 
  background-image: url('graphics/curledblock.gif');
  float:center;
}

A:link {
	text-decoration: none; 
	color: #153b7e;
}

A:visited {
	text-decoration: none; 
	color: 153b7e;
}

A:active {
	text-decoration: none; 
	color: 153b7e;
}

A:hover {
	text-decoration: none; 
	color: #FFFF33;
}

.hdrtext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #153b7e;
	text-decoration: none;
}
 
.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #153b7e;
	text-decoration: none;
}
 
.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #992020;
	text-decoration: none;
}

.footer {
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 8pt; 
	 color: #8888bb;
	 text-decoration: none;
	float: center;
 }
.warning {
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 8pt; 
	 color: #ff2222;
	 text-decoration: none;
	float: center;
 }
  
.filtertext {
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 8pt; 
	 color: #3333ff;
	 text-decoration: none;
	float: center;
 }
  
</style>
