@charset "UTF-8";
/* CSS Document */

/*Menus*/
.menu {
	float:left;
	width:900px;
}
.menu ul li {
	float:left;
	font-size:12px;
	margin:0 2px 0 0;
}
.menu ul li a {
	text-decoration:none;
	float:left;
	background:#FFF url(images/menu-off-left.gif) no-repeat left;
	padding:0 0 0 15px;
	line-height:20px;
	font-weight:normal;
	color:#333;
	display:block;
	text-align:center;
}
.menu ul li a span {
	text-decoration:none;
	float:left;
	background:#FFF url(images/menu-off-right.gif) no-repeat right;
	padding:4px 15px 3px 0;
	font-weight:normal;
	color:#333;
	display:block;
	text-align:center;
}
.menu ul li :hover a {
	text-decoration:none;
	float:left;
	background:#8b0f04 url(images/menu-on-left.gif) no-repeat left;
	padding:0 0 0 15px;
	font-weight:normal;
	color:#FFF;
	display:block;
	text-align:center;
}
.menu ul li :hover a span {
	text-decoration:none;
	float:left;
	background:#8b0f04 url(images/menu-on-right.gif) no-repeat right;
	padding:4px 15px 3px 0;
	font-weight:normal;
	color:#FFF;
	display:block;
	text-align:center;
}
.menu ul li.active a {
	text-decoration:none;
	float:left;
	background:#8b0f04 url(images/menu-on-left.gif) no-repeat left;
	padding:0 0 0 15px;
	font-weight:normal;
	color:#FFF;
	display:block;
	text-align:center;
}
.menu ul li.active a span {
	text-decoration:none;
	float:left;
	background:#8b0f04 url(images/menu-on-right.gif) no-repeat right;
	padding:4px 15px 3px 0;
	font-weight:normal;
	color:#FFF;
	display:block;
	text-align:center;
}