#navigation {
	width: 950px;
	height: 29px;
}
#navigation ul {
	width: 950px;
	padding: 0;
	margin: 0;
	float: left;
	font: bold 80% Verdana;
}
#navigation ul li {
	background: url(../images/menuTop/bggreen.gif) repeat-x;
	float: left;
	display: block;
}
#navigation ul li a, #navigation ul li span {
	float: left;
	color: black;
	font-weight: bold;
	padding: 8px 6px 7px 8px;
	text-decoration: none;
	background: url(../images/menuTop/dividergreen.gif) top right no-repeat;
}
#navigation ul li span { /*Targets span tag to the right of #leftcorner below*/
	padding-left: 0px;
}
#navigation ul li a#leftcorner {
	background: url(../images/menuTop/leftcornergreen.gif) top left no-repeat;
	float: none;
	padding-left: 10px;
	padding-right: 0px;
}
#navigation ul li a#rightcorner {
	background: url(../images/menuTop/rightcornergreen.gif) top right no-repeat;
	padding-right: 10px;
}
#navigation ul li a#active {
margin: 0 3px 0 0;
padding: 3px 6px 5px 5px; /* Display: block won't work in this example, instead we are using padding */
background-color: #ffc726;
}
#navigation ul li a:hover {
	text-decoration: none;
	background-color: #ffc726;/*background: url(../images/navigationTop/bgyellow.gif) repeat-x;*/
}
#navigation ul li a#rightcorner:hover {
	background: url(../images/menuTop/rightcorneryellow.gif) top right no-repeat;
	background-color: #ffc726;/*background: url(../images/navigationTop/bgyellow.gif) repeat-x;*/
}
#navigation ul li span a:hover { /*Targets span tag to the right of #leftcorner below*/
	padding-left: -10px;
}
#navigation ul li a#leftcorner:hover {
	float: none;
	padding-left: 10px;
	padding-right: 0px;
	background: url(../images/menuTop/leftcorneryellow.gif) top left no-repeat;
	background-color: #ffc726;/*background: url(../images/navigationTop/bgyellow.gif) repeat-x;*/
}
#navigation ul li a#active {
	text-decoration: none;
	background-color: #ffc726;
}