/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-all-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	width:722px;
	height:52px;
	text-align:center;
	border:0px solid #c5d5e8;
	border-width:0px;
	background-image: url(../pix/layout/bg_menu.png);
	background-repeat: no-repeat;
	position:absolute; 
	z-index:500;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
}
#menu ul {
	display:inline-block;
}
#menu li {
	display:inline-block;
	display:inline;
}
#menu ul.level1 div {
	position:absolute;
	left:-9999px;
}
#menu ul.level1 {
	margin:0 auto;
	height:22px;
}
#menu ul.level1 li.level1-li {
	float:left;
	display:block;
	position:relative;
	padding-bottom:2px;
}
#menu ul li div ul {
	margin:0;
}
#menu a.level1-a {
	display:block;
	height:23px;
	font:bold 12px verdana, arial, sans-serif;
	color:#003366;
	line-height:23px;
	text-decoration:none;
	padding:0 15px 0 15px;
	text-align:center;
}
#menu ul.level1 li.level1-li a.level1-a {
	float:left;
}
#menu ul li:hover div {
	left:50%;
	top:25px;
	padding-top:0;
	background:url(trans.gif);
}


#menu ul li:hover div ul {
	position:relative;
	left:-50%;
	padding:4px 0 0 0;
	margin:0;
	list-style:none;
}
.sub3 { left:-26% !important; }
.sub11 { left:-45% !important; }
.sub28 { left:-82% !important; }

.sub390 { left:-16% !important; }
.sub419 { left:-35% !important; }
.sub421 { left:-88% !important; }

#menu ul li div ul li a {
	display:inline-block;
	font:normal 11px verdana, arial, sans-serif;
	color:#003366;
	line-height:22px;
	text-decoration:none;
	padding:1px 6px 2px 6px;
}
#menu a:hover div {
	left:0;
	top:25px;
}
#menu a:hover div ul {
	position:relative;
	left:-50%;
	padding-top:7px;
}
#menu li:hover div ul li {
	display:inline-block;
}
#menu a:hover div ul li a.sub {
	margin-right:4px;
}
#menu li a.fly {
	background:url(topdown.gif) no-repeat center bottom;
}
#menu li a:hover, #menu li a.fly:hover {
	white-space:nowrap;
	color:#E3172E;
	border:0px solid #000;
	padding:0 15px;
	border-width:0 0px;
	background:url(over.gif) repeat-x;
}
#menu li:hover > a, #menu ul li:hover > a.fly {
	white-space:nowrap;
	color:#E3172E;
	border:0px solid #000;
	padding:0 15px;
	border-width:0 0px;
	background:url(over.gif) repeat-x;
}
#menu ul li div ul li a:hover {
	color:#003366;
}
#menu ul :hover div ul div {
	left:-9999px;
}
#menu ul :hover div ul li:hover {
	position:relative;
}
#menu ul :hover div ul li a.drop {
	background:url(topdown.gif) no-repeat center bottom;
}
#menu ul :hover div ul li a:hover {
	position:relative;
	background:url(sub.gif);
	padding:0 6px 1px 6px;
	border:0px solid #c5d5e8;
	color:#E3172E;
}
#menu ul :hover div ul li:hover > a {
	position:relative;
	background:url(sub.gif);
	padding:0 6px 1px 6px;
	border:0px solid #c5d5e8;
	color:#E3172E;
}
#menu ul :hover div ul :hover div {
	left:50%;
	top:22px;
}
#menu ul :hover div ul :hover div ul {
	left:-50%;
	padding:10px;
	border:0px solid #fff;
	border-color:#fff #678 #567 #fff;
	text-align:center;
	filter: alpha(opacity=80);
	opacity:0.8;
	background-color: #FFFFFF;
}
#menu ul :hover div ul :hover div ul li {
	display:block;
	height:auto;
	line-height:15px;
	text-align:center;
}
#menu ul :hover div ul :hover div ul li a {
	height:auto;
	position:static;
	line-height:15px;
	color:#003366;
	padding:1px 0;
}
#menu ul a:hover div ul a:hover div ul li a {
	margin-left:-16px;
}
#menu ul :hover div ul :hover div ul li a:hover {
	color:#E3172E;
	background:transparent;
	border:0;
	padding:1px 0;
}
#menu table {
	position:absolute;
	top:0;
	height:0;
	width:0;
	left:50%;
	border-collapse:collapse;
}
#menu a:hover table a:hover table {
	left:50%;
	width:0;
	height:20px;
	top:0;
	margin-left:-1px;
}
#menu ul :hover div ul :hover div ul li:hover a {
	background:transparent;
	border:0;
}


#theme{ margin-top:28px;}


/* ################### Top Navigation ################### */

#topMenu ul {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float: left;
	clear: left;
}
#topMenu li {
	display:inline;
	padding:0;
	border-left: 1px solid #333333;
}
#topMenu li.first {border:none;}
#topMenu a {
	padding:0.5em 1em 0.5em 1em;
	text-decoration: none;
	color:#333333;
	cursor:pointer;
}
#topMenu li a:hover {
}

/* ################### Bottom Navigation ################### */

#bottomMenu{
	padding:0 0 0 0;
	margin: 0px 0 0 5px;
	float: left;
}
#bottomMenu li{
	display:inline;
	padding:0;
}
#bottomMenu a{
	padding: 0px 10px 0px 2px;
	text-decoration: none;
	color:#666;
	cursor:pointer;
	line-height: 10px;
	
}
#bottomMenu li a:hover{
	color:#444;
}

/* ################### Language Navigation ################### */

#lang{
	float:right;
	clear: right;
	margin:0 10px;
	padding:0;
}
#lang li{
	float: left;
	list-style: none;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0px;
}
#lang li a{
}

