<style type="text/css">
	
#menu {
	height: 25px;
	margin: 0em 0; padding:0 1em;
	border-bottom: 1px solid black;
	}

div.outer {
	float: left;
	width: 100px; height: 25px;
	margin: 0 0px 0 3;
	background: url( 'images/NavButton.jpg' ) 0 -50px no-repeat;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 14px/1 arial, sans-serif;
	color:#003399;
	text-decoration: none;
	background: url( 'images/NavButton.jpg' ) top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 0px;
	}
div.outer a:hover {
	font: bold 14px/1 arial, sans-serif;
	background-image: none;
	color: #003399;
	background: url( 'images/NavButtonOver.jpg' ) top left no-repeat;
	}
div.outer a:active {
	color: #000000;
	}

</style>

