
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navigation {
text-align: center;
/*float: left; Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 6px solid #999e87; uncomment this line to add bottom border*/
}
#navigation ul {
	font-family: Tahoma;
	font-size: 8pt;
	/*font-weight: bold;*/
	text-decoration: none;
	margin: 1px;
	padding: 5px;
	list-style:none;	
}
#navigation li {
	display: inline;
	background: url('jobs_p2.jpg') repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 1px;	
	float: left
}
#navigation a {
	color: #000000;
	background: url('jobs_p1.jpg') no-repeat left top;
	float: left;
	margin:	0;
	padding-left: 0px;
	text-decoration: none
}







#navigation li a:hover {
	background: url('jobs_p2a.jpg') repeat-x left top;
	text-align: center;
	padding: 0;
	
}


#navigation a span {
	background: url('jobs_p3.jpg') no-repeat right top;
	display: block;
	padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:3px
}
#navigation a span {
	float: none;
}

</style>
