/* BUTTON mainMenu 
HTML:	<ul><li><a href="#"><span>Link</span></a></li></ul>
------------------------------------------------------ */

#mainMenu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	list-style:none;
}

#mainMenu li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;    
}

#mainMenu li a:link, #mainMenu li a:visited {
	float:left;
	background:url("images/menu_left.gif") no-repeat left top;
	margin: 0 0 0 -1px;
	padding: 0 0 0 3px;
	text-decoration:none;  	 
} 

#mainMenu li a span {
	margin: 0 3px 0 0;
	float:left;
	display:block;
	background:url("images/menu_right.gif") no-repeat right top;
	padding: 4px 9px 7px 6px;
 	font-family: trebuchet ms, verdana, arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;		
	color:#ffffff;  
} 

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainMenu li a span {float:none;}
    /* End IE5-Mac hack */

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainMenu li a span {float:none;}
    /* End IE5-Mac hack */
   
#mainMenu li a:hover span {
}

#mainMenu li a:hover {
	background-position:0% -50px;
}

#mainMenu li a:hover span {
	background-position:100% -50px;
	color:#2a85c1;  	
}