﻿#mainMenu {
	position:absolute;
	top:70px;
	right:0px;
}

#mainMenu ul li {
	float:left;
}

#mainMenu ul li a {
	display:block;
	position: relative;
	background:url("menu.png") top center no-repeat;
	padding:21px 10px 31px 12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#mainMenu ul li.first a {
	padding-left:25px;
	background: url(menu/menuLeft.png) left top no-repeat;
}

#mainMenu ul li.penultimate a {
	background:url("menu/menuPenultimate.png") top right no-repeat;
	padding-right:16px;
}

#mainMenu ul li.last a {
	background:url("menu/menuLast.png") 0 0 no-repeat;
	padding-left:8px;
	padding-right:10px;
}

#mainMenu ul li.frenchLast a {	
	padding-left:0px;
	padding-right:4px;
}

#mainMenu ul li a:hover 
{
    background:url("menuHover.png") top center no-repeat;
}

#mainMenu ul li.first a:hover {
    background:url("menu/menuLeftOn.png") left top no-repeat;
}

#mainMenu ul li.penultimate a:hover{
    background:url("menu/menuPenultimateOn.png") top right no-repeat;
}

#mainMenu ul li.last a:hover {
    background:url("menu/menuLastOn.png") 0 0 no-repeat;
}

#mainMenu ul li a.on {
    background:url("menuOn.png") top center no-repeat;
}

#mainMenu ul li.first a.on {
    background:url("menu/menuLeftOn.png") left top no-repeat;
}

#mainMenu ul li.penultimate a.on {
    background:url("menu/menuPenultimateOn.png") top right no-repeat;
}

#mainMenu ul li.last a.on {
    background:url("menu/menuLastOn.png") 0 0 no-repeat;
}

body.s2 #mainMenu ul li a { 
	background:url("menu2.png") top center no-repeat;
}

body.s2 #mainMenu ul li.first a { 
	background:url("menu/menu2Left.png") left top no-repeat;
}

body.s2 #mainMenu ul li.penultimate a { 
	background:url("menu/menu2Penultimate.png") top right no-repeat;
}

body.s2 #mainMenu ul li.last a { 
	background:url("menu/menu2Last.png") 0 0 no-repeat;
}

body.s2 #mainMenu ul li a:hover 
{
    background:url("menuHover.png") top center no-repeat;
}

body.s2 #mainMenu ul li.first a:hover {
    background:url("menu/menuLeftOn.png") left top no-repeat;
}

body.s2 #mainMenu ul li.penultimate a:hover{
    background:url("menu/menuPenultimateOn.png") top right no-repeat;
}

body.s2 #mainMenu ul li.last a:hover {
    background:url("menu/menuLastOn.png") 0 0 no-repeat;
}

body.s2 #mainMenu ul li a.on {
    background:url("menuOn.png") top center no-repeat;
}

body.s2 #mainMenu ul li.first a.on {
    background:url("menu/menuLeftOn.png") left top no-repeat;
}

body.s2 #mainMenu ul li.penultimate a.on {
    background:url("menu/menuPenultimateOn.png") top right no-repeat;
}

body.s2 #mainMenu ul li.last a.on {
    background:url("menu/menuLastOn.png") 0 0 no-repeat;
}

body.s3 #mainMenu ul li a { 
	background:url("menu3.png") top center no-repeat;
}

body.s3 #mainMenu ul li.first a { 
	background:url("menu/menu3Left.png") left top no-repeat;
}

body.s3 #mainMenu ul li.penultimate a { 
	background:url("menu/menu3Penultimate.png") top right no-repeat;
}

body.s3 #mainMenu ul li.last a { 
	background:url("menu/menu3Last.png") 0 0 no-repeat;
}

body.s3 #mainMenu ul li a:hover 
{
    background:url("menuHover.png") top center no-repeat;
}

body.s3 #mainMenu ul li.first a:hover {
    background:url("menu/menuLeftOn.png") left top no-repeat;
}

body.s3 #mainMenu ul li.penultimate a:hover{
    background:url("menu/menuPenultimateOn.png") top right no-repeat;
}

body.s3 #mainMenu ul li.last a:hover {
    background:url("menu/menuLastOn.png") 0 0 no-repeat;
}

body.s3 #mainMenu ul li a.on {
    background:url("menuOn.png") top center no-repeat;
}

body.s3 #mainMenu ul li.first a.on {
    background:url("menu/menuLeftOn.png") left top no-repeat;
}

body.s3 #mainMenu ul li.penultimate a.on {
    background:url("menu/menuPenultimateOn.png") top right no-repeat;
}

body.s3 #mainMenu ul li.last a.on {
    background:url("menu/menuLastOn.png") 0 0 no-repeat;
}