/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */

/* ----- 6 main menu tabs are shown first ENGLISH ----- */
li#menu1, li#menu2, li#menu3, li#menu4, li#menu5, li#menu6
{
 
 float:left;
}

#menu1 a.mainNavItem {
		display: block; width: 223px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu1.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu1 a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu1on, #menu1on a, #menu1on a:hover {
		display: block; width: 223px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu1.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu2 a.mainNavItem {
		display: block; width: 207px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu2.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu2 a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu2on, #menu2on a, #menu2on a:hover {
		display: block; width: 207px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu2.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu3 a.mainNavItem {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu3.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu3 a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu3on, #menu3on a, #menu3on a:hover {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu3.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu4 a.mainNavItem {
		display: block; width: 161px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu4.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu4 a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu4on, #menu4on a, #menu4on a:hover {
		display: block; width: 161px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu4.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu5 a.mainNavItem {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu5.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu5 a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu5on, #menu5on a, #menu5on a:hover {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu5.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu6 a.mainNavItem {
		display: block; width: 115px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu6.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu6 a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu6on, #menu6on a, #menu6on a:hover {
		display: block; width: 115px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu6.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

/* ----- 6 main menu tabs are shown first FRENCH ----- */
#menu1fr a.mainNavItem {
		display: block; width: 223px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu1.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu1fr a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu1fron, #menu1fron a, #menu1fron a:hover {
		display: block; width: 223px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu1.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu2fr a.mainNavItem {
		display: block; width: 207px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu2.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu2fr a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu2fron, #menu2fron a, #menu2fron a:hover {
		display: block; width: 207px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu2.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu3fr a.mainNavItem {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu3.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu3fr a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu3fron, #menu3fron a, #menu3fron a:hover {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu3.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu4fr a.mainNavItem {
		display: block; width: 161px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu4.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu4fr a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu4fron, #menu4fron a, #menu4fron a:hover {
		display: block; width: 161px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu4.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu5fr a.mainNavItem {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu5.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu5fr a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu5fron, #menu5fron a, #menu5fron a:hover {
		display: block; width: 127px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu5.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

#menu6fr a.mainNavItem {
		display: block; width: 115px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu6.gif) 0 0 no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #887733;
}
#menu6fr a.mainNavItem:hover {background-position: 0px -31px;font:1px Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #AF0D0D;text-decoration: none;}
#menu6fron, #menu6fron a, #menu6fron a:hover {
		display: block; width: 115px; height: 31px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu6.gif) 0 -31px no-repeat; text-decoration: none;
		font:1px Arial,Helvetica,sans-serif; color: #AF0D0D;
}

/* ----- then we do the left column menu for 3 column pages ----- */
#leftnav3 a {
	display: block; width: 106px; padding: 10px 43px 9px 22px; margin: 0 0 8px 0;
	background: url(/images/l3_off.gif) 0 0 no-repeat; text-decoration: none;
	font:12px Arial,Helvetica,sans-serif;color:#FFF; text-transform: uppercase; letter-spacing: -0.05em;
}
#leftnav3 a:hover {background: url(/images/l3_over.gif) 0 0 repeat-y;}
#leftnav3on a {
	display: block; width: 106px; padding: 10px 43px 9px 22px; margin: 0 0 8px 0;
	background: url(/images/l3_over.gif) 0 0 no-repeat; text-decoration: none;
	font:12px Arial,Helvetica,sans-serif;color:#FFF; text-transform: uppercase; letter-spacing: -0.05em;
}

/* ----- then we do the minor left column menu and/or list for 2 column pages ----- */
#leftnav2 a {
	display: block; width: 142px; padding: 5px 23px 4px 6px; margin: 0;
	background: url(/images/l2_off.gif) 0 0 no-repeat; text-decoration: none;
	font:12px Arial,Helvetica,sans-serif;color:#404040; text-transform: uppercase; border-bottom: 1px solid #C9C9C9; letter-spacing: -0.05em;
}
#leftnav2 a:hover {background: url(/images/l2_over.gif) 0 0 repeat-y; color:#AF0D0D; border-bottom: 1px solid #C9C9C9; letter-spacing: -0.05em;}
#leftnav2on a {
	display: block; width: 142px; padding: 5px 23px 4px 6px; margin: 0;
	background: url(/images/l2_over.gif) 0 0 no-repeat; text-decoration: none;
	font:12px Arial,Helvetica,sans-serif;color:#AF0D0D; text-transform: uppercase; border-bottom: 1px solid #C9C9C9; letter-spacing: -0.05em;
}

/* ----- then we do the left column menu for 3 column pages ----- */
#leftnavhome a {
	display: block; width: 122px; padding: 10px 43px 9px 6px; margin: 0 0 8px 0;
	background: url(/images/l3_off.gif) 0 0 no-repeat; text-decoration: none;
	font:12px Arial,Helvetica,sans-serif;color:#FFF; text-transform: uppercase; letter-spacing: -0.05em;
}
#leftnavhome a:hover {background: url(/images/l3_over.gif) 0 0 repeat-y;}
#leftnavhomeon a {
	display: block; width: 122px; padding: 10px 43px 9px 6px; margin: 0 0 8px 0;
	background: url(/images/l3_over.gif) 0 0 no-repeat; text-decoration: none;
	font:12px Arial,Helvetica,sans-serif;color:#FFF; text-transform: uppercase; letter-spacing: -0.05em;
}