/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* OUTER MENUBAR The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
	margin:0;
	float:left;
	background:url(../images/main-menubg.gif) repeat-x bottom right;
	width:99%;
	height:57px;
	padding:7px 10px 7px 0;
	list-style:none;
}
/* MENUBAR Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

/* MENU item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	margin-right:5px!important;
	width:auto !important;
	float:left;
	position:relative!important;
	font-weight:bold;
}
ul.MenuBarHorizontal li.active a {
	display:block;
	text-decoration:none;
	color:#E9E9E9;
	font-size:12px;
	padding:13px 18px 13px 18px;
	height:14px;
}
.MenuBarHorizontal li {
	float:left;
	width:auto;
	position:relative;
}
/* SUBMENUS should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
	width:156px !important;
	color:#444444!important;
	z-index: 1020;
	cursor: default;
	left: -1000em;
	float:left;
	position: absolute;
}
/* SUBMENU that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left:0;
	position: absolute;
	top:35px;
}
/* MENUitem containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	width: 156px;
	float:left;
}
/* SUBMENUs should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	display:none;
}
/* SUBMENU that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	display:block!important;
	width:156px;
	position: absolute;
	left:223px;
	display:block;
	top:0px!important;
	z-index:13000;
	float:left;
}
/* TOP MENU items are a light AQUA block with padding and no text decoration */
ul.MenuBarHorizontal a {
	background:url(../images/main-menu-line.gif) no-repeat right center;
	display:block;
	padding:5px 13px 0 2px;
	text-decoration:none;
	float:left;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal li.active a {
	background:url(../images/main-menu-line.gif) no-repeat right center;
	display:block;
	padding:5px 13px 0 2px;
	position:relative;
	height:15px;
	color:#9FF9C5;
}
ul.MenuBarHorizontal li.last a {
	background:none;
}
/* MENU items that have mouse over or focus have a BLUE background and white text */


.MenuBarHorizontal ul a {
	font-size:11px;
	color:#226311!important;
	border:1px solid #226311;
	line-height:20px;
	display:block;
	width:200px!important;
	font-weight:normal;
	padding:5px 10px!important;
	height:auto!important;
	background:none;
	background-color:#f0f0f0!important;
	float:left;
	text-transform:none;
	margin-bottom:-1px;
}
ul.MenuBarHorizontal li.active li a {
	font-size:11px;
	color:#226311;
	border:1px solid #226311;
	line-height:20px;
	display:block;
	width:200px!important;
	font-weight:normal;
	padding:5px 10px!important;
	height:auto!important;
	background:none;
	background-color:#f0f0f0;
	float:left;
	text-transform:none;
}
.MenuBarHorizontal ul li a:hover {
	color:#A63233!important;
	display:block;
	width:200px!important;
	background:none;
	background-color:#E0D6C9!important;
	font-weight:normal!important;
	text-transform:none;
}
a.arrow {
	font-size:11px;
	color:#fff!important;
	border:1px solid #226311;
	line-height:20px;
	display:block;
	width:200px!important;
	font-weight:normal;
	padding:5px 10px!important;
	height:auto!important;
	background:#f0f0f0 url(../images/arrow-down.gif) no-repeat 99% 13px!important;
	float:left;
}
a:hover.arrow {
	color:#A63233!important;
	display:block;
	width:200px!important;
	background:#E0D6C9 url(../images/arrow-right.gif) no-repeat 99% 13px!important;
}




.main-menu-bangla ul.MenuBarHorizontal-new {
	margin:0;
	float:left;
	background:url(../images/main-menubg.gif) repeat-x bottom right;
	width:99%;
	height:57px;
	padding:1px 10px 13px 0;
	list-style:none;
}
/* MENUBAR Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

/* MENU item containers, position children relative to this container and are a fixed width */
.main-menu-bangla ul.MenuBarHorizontal-new li {
	margin-right:0px!important;
	width:auto !important;
	float:left;
	position:relative!important;
}
.main-menu-bangla ul.MenuBarHorizontal-new li.active a {
	display:block;
	text-decoration:none;
}
.main-menu-bangla .MenuBarHorizontal-new li {
	float:left;
	width:auto;
	position:relative;
}
/* SUBMENUS should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
.main-menu-bangla ul.MenuBarHorizontal-new ul {
	width:156px !important;
	z-index: 1020;
	cursor: default;
	left: -1000em;
	float:left;
	position: absolute;
}
/* SUBMENU that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
.main-menu-bangla ul.MenuBarHorizontal-new ul.MenuBarSubmenuVisible {
	left:0;
	position: absolute;
	top:40px;
}
/* MENUitem containers are same fixed width as parent */
ul.MenuBarHorizontal-new ul li {
	width: 156px;
	float:left;
}
/* SUBMENUs should appear slightly overlapping to the right (95%) and up (-5%) */
.main-menu-bangla ul.MenuBarHorizontal-new ul ul {
	display:none;
}
/* SUBMENU that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
.main-menu-bangla ul.MenuBarHorizontal-new ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	display:block!important;
	width:156px;
	position: absolute;
	left:223px;
	display:block;
	top:0px!important;
	z-index:13000;
	float:left;
}
/* TOP MENU items are a light AQUA block with padding and no text decoration */
.main-menu-bangla ul.MenuBarHorizontal-new a {
	display:block;
	padding:5px 0px 19px 0px;
	float:left;
	cursor:pointer;
	text-transform:uppercase;
	text-decoration:none;
}
.main-menu-bangla ul.MenuBarHorizontal-new a:hover, ul.MenuBarHorizontal-new li.active a {
	display:block;
	position:relative;
	color:#9FF9C5;
}
ul.MenuBarHorizontal-new li.last a {
	background:none;
}
/* MENU items that have mouse over or focus have a BLUE background and white text */
.main-menu-bangla .MenuBarHorizontal-new ul a {
	font-size:11px;
	color:#226311!important;
	border:1px solid #226311;
	line-height:20px;
	display:block;
	width:200px!important;
	font-weight:normal;
	padding:5px 10px!important;
	height:auto!important;
	background:none;
	background-color:#f0f0f0!important;
	float:left;
	text-transform:none;
	margin-bottom:-1px;
}
.main-menu-bangla ul.MenuBarHorizontal-new li.active li a {
	font-size:11px;
	color:#226311;
	border:1px solid #226311;
	line-height:20px;
	display:block;
	width:200px!important;
	font-weight:normal;
	padding:5px 10px!important;
	height:auto!important;
	background:none;
	background-color:#f0f0f0;
	float:left;
	text-transform:none;
}
.main-menu-bangla .MenuBarHorizontal-new ul li a:hover {
	display:block;
	width:200px!important;
	background:none;
	font-weight:normal!important;
	text-transform:none;
}
.main-menu-bangla a.arrow {
	font-size:11px;
	color:#fff!important;
	border:1px solid #226311;
	line-height:20px;
	display:block;
	width:200px!important;
	font-weight:normal;
	padding:5px 10px!important;
	height:auto!important;
	background:transparent url(../images/nav-sb3.gif) no-repeat scroll left top !important;
	float:left;
}
.main-menu-bangla a:hover.arrow {
	display:block;
	width:200px!important;
	background:#e0d6c9 url(../images/nav-sb3.gif) no-repeat scroll 0 -32px !important;
}