/*css for the tabs start here*/

li span {display:inline;line-height:2; text-decoration:none}


ul.navigation {list-style:none; padding:0; margin:0}
* html ul.navigation {height:1%}
.navigation li {float:left; margin:0; padding:0;}

.navigation a, .navigation a:visited {
	color: #000;
	font-weight:bold;
	padding-left: 11px;
	text-decoration:none;
	background-color: #333;
	background-image: url(../images/navl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.navigation a, ul.navigation span {
	display:block;
	margin-top: 30px;
}

/* this 'current' is for the current page link*/
.navigation #current a{
	color: #fff;
	font-weight:normal;
	padding-left: 12px;
	text-decoration:none;
	background-color: #F00;
	background-image: url(../images/navlh.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Hide from IE5-Mac \*/
ul.navigation a, ul.navigation span {float:none}
/* End IE5-Mac hide */

.navigation a span, .navigation a:visited span {
	padding-right:11px;
	background-color: #333;
	background-image: url(../images/navr.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* this 'current' is for the current page link*/
.navigation #current a span {
	color:#fff;
	padding-right:11px;
	background-color: #F00;
	background-image: url(../images/navrh.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.navigation a:hover, .navigation a:active, .navigation a:focus {
	color:#000;
	font-weight:bold;
	padding-left:11px;
	background-color: #F00;
	background-image: url(../images/navlh.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.navigation a:hover span, .navigation a:active span, .navigation a:focus span {
	color:#fff;
	padding-right:11px;
	background-color: #F00;
	background-image: url(../images/navrh.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* css for the tabs ends here*/