#menu { position:relative; }
.menu { margin:0; padding:0; list-style:none; width:947px; height:58px; background:url(../images/menu_bkgd.png) no-repeat; padding-top:3px; padding-left:11px; }
.menu li { position:relative; display:inline; float:left; }
.menu li.search { position:relative; display:inline; float:right; }
.menu li a { display:block; float:left; height:44px; width:134px; font:bold 15px Arial, Helvetica, sans-serif; color:#3F5156; text-align:center; text-decoration:none; padding-top:12px; background:url(../images/menu_btn_bkgd_cold.png) no-repeat left top; }
.menu li a:hover {background-image: url(../images/menu_btn_bkgd_hot.png); }
.menu li a span { padding:0 20px; }
body.index .menu li:hover li a,
body.subpage .menu li:hover li a,
body.index .menu li.hover li a,
body.subpage .menu li.hover li a { color:#3F5156; }

/* THEME */
.theme-red .menu li.selected a, .theme-red .menu li:hover a,.theme-red .menu li.hover a { color:#FB0023; }
.theme-red .menu li ul li a:hover { color:#FB0023; }

.theme-green .menu li.selected a, .theme-green .menu li:hover a, .theme-green .menu li.hover a { color:#199900; }
.theme-green .menu li ul li a:hover { color:#199900; }


.menu li.first {}
.menu li.first a {}

.menu ul {
	position:absolute;
	left:0;
	z-index:999;
	width:225px;
	padding:3px;
	margin-top:-2px;
	background:#eee;
	top:44px;
}

.menu ul li {
	position:relative;
	z-index:999;
	/*border:1px solid #EAEAEA;
	background-color: #F0F0F0; */
	border-top-width:0;
	padding:0; 
	margin:0;
}


.menu ul li a {
	display:block;
	width:199px;
	height:auto;
	padding:6px 5px 6px 20px;
	font-family: Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-align:left;
	text-decoration:none;
	background-color:#F0F0F0;
	background-image:none;
	border:1px solid #EAEAEA;
}

.menu ul li a:hover {
	background: #d3d3d3 url(../images/submenu_bkgd_hot.png) repeat-x top left;
	border:1px solid #d3d3d3;
}
.menu li ul,
.menu ul li ul,
.menu ul ul li ul { 
	left:-9999px;
}

.menu li:hover ul, #menu li.hover ul,
.menu ul li:hover ul, #menu ul li.hover ul,
.menu ul ul li:hover ul, #menu ul ul li.hover ul { 
	display: block;
	left:0;
}

/* IE ONLY */
.menu ul li { 
	_float:left; 
	_width:100%;
}

.menu_stripe{ position:absolute; left:12px; top: 45px;  width:933px; height:7px; background: url(../images/menu_stripe.png) repeat-x top left; }

/* IE7 only */
*:first-child+html .menu li:hover ul,
*:first-child+html .menu ul li:hover ul,
*:first-child+html .menu ul ul li:hover ul { 
     left:0px;
}