@charset "utf-8";
/* CSS Document */


.menu
{
	margin:0 auto; 
	padding:0; 
	height:30px; 
	width:100%; 
	display:block; 
	background:url("../images/topMenuImages.png") repeat-x;
}

.menu li
{
	padding:0; 
	margin:0; 
	list-style:none; 
	display:inline;
}

.menu li a
{
	float:left;
	padding-left:15px;
	display:block; 
	color:rgb(255,255,255); 
	text-decoration:none; 
	font:11px Calibri, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	cursor:pointer; 
	background:url("../images/topMenuImages.png") 0px -30px no-repeat; 
	outline:none;
}

.menu li a span
{
	line-height:30px; 
	float:left; 
	display:block; 
	padding-right:15px; 
	background:url("../images/topMenuImages.png") 100% -30px no-repeat;
}

.menu li a:hover
{
	background-position:0px -60px; 
	color:rgb(255,255,255);
}

.menu li a:hover span
{
	background-position:100% -60px;
}

.menu li a.active, .menu li a.active:hover
{
	line-height:30px; 
	font:11px Calibri, Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 0.1em;
	background:url("../images/topMenuImages.png") 0px -90px no-repeat; 
	color:rgb(255,191,0);
}

.menu li a.active span, .menu li a.active:hover span
{
background:url("../images/topMenuImages.png") 100% -90px no-repeat;
}
