/*for top-level*/     
.decor1_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}  
.decor1_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.menuH
{
    margin: 0; width: 100%; float:none;
    height: 36px;
    background: #D4D4D4 url(images/bg-h.gif) repeat-x 0 0;
    border: 1px solid #BBB;
    position:relative;
    z-index:80;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}
.menuH li
{
    padding: 0;
    float: right;
    height: 36px;
    position: relative;
}
ul.menuH a
{
    padding: 0 30px;
    line-height: 36px;
    font-size: 12px;
    font-weight: bold;
    color: black;
    display: block;
    outline: 0;
    text-decoration: none;
}
.menuH a:hover
{
    color: red;
}
.menuH-rtl li:hover, .menuH-rtl li.onhover
{
    background: white url(images/bg-h.gif) repeat-x 0 -48px;
}
.menuH-rtl a.arrow
{
    background: url(images/top.gif) no-repeat left 7px center;
}
.menuH-rtl a.arrow:hover
{
    background: url(images/topon.gif) no-repeat left 7px center;
}
.menuH-rtl ul a.arrow
{
    background: url(images/arrow.gif) no-repeat 3% center;
}
.menuH-rtl ul a.arrow:hover
{
    background: url(images/arrowon.gif) no-repeat 3% center;
}
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
}
/*######sub level#########*/
ul.menuH ul
{
    width:230px;
    position: absolute;
    right: -9999px;
    border: 1px solid #DDD;
    border-top: 0; 
    background: #FFF;    
    text-align: left;
    list-style: none; margin: 0;
    padding: 10px 0;
    box-sizing:content-box;
	z-index: 1000;
}
.menuH li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
}
.menuH li li:hover, .menuH li li.onhover
{
    background:#f7f7f7;
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 30px;
    font-size: 0.9em;
    font-weight: normal;
    color: #0066CC;
    text-align: right;
}
.menuH ul a:hover
{
    color: red;
}
.menuH li:hover ul, .menuH li.onhover ul
{
	left:auto;
    right: -1px;
    top: auto;
}
.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 1px solid #DDD;
}
.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    right: -9999px;
    top:0;
}
.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
    right: 230px;
	left: auto;
}
/*####### special effects ##########*/
.decor1 
{
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */          
}
.menuH ul 
{
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
}
/* LRT */
.menuH-ltr ul a {
	direction: ltr;
	text-align: left;
}
.menuH-ltr li {
	float: left;
}
.menuH-ltr li:hover, .menuH-ltr li.onhover
{
    background: white url(images/bg-h.gif) repeat-x 0 -48px;
}
.menuH-ltr a.arrow
{
    background: url(images/top.gif) no-repeat right center;
}
.menuH-ltr a.arrow:hover
{
    background: url(images/topon.gif) no-repeat right center;
}
.menuH-ltr ul a.arrow
{
    background: url(images/arrow-ltr.gif) no-repeat 97% center;
}
.menuH-ltr ul a.arrow:hover
{
    background: url(images/arrowon-ltr.gif) no-repeat 97% center;
}
.menuH-ltr li:hover ul ul, .menuH-ltr li:hover ul ul ul, .menuH-ltr li:hover ul ul ul ul,
.menuH-ltr li.onhover ul ul, .menuH-ltr li.onhover ul ul ul, .menuH-ltr li.onhover ul ul ul ul
{
    right: -9999px;
    top:0;
}
.menuH-ltr li li:hover ul, .menuH-ltr li li li:hover ul, .menuH-ltr li li li li:hover ul,
.menuH-ltr li li.onhover ul, .menuH-ltr li li li.onhover ul, .menuH-ltr li li li li.onhover ul
{
    left: 230px;
	right: auto;
}
.menuH-ltr li:hover ul, .menuH-ltr li.onhover ul {right: auto;}
/********	MGH Codes	********/
.menuH ul li ul { margin-top: -10px; }
@media screen and (max-width: 480px) {
	.sm-module-content {
		float: left;
	}
	.menuH {
		height: auto;
		float: left;
	}
	.menuH li {
		display: block;
		width: 100%;
	}
	.menuH li ul {
		float: none !important;
		width: 100%;
		display: block;
		position: inherit !important;
	}
	.menuH-ltr li li:hover ul, .menuH-ltr li li li:hover ul, .menuH-ltr li li li li:hover ul,
	.menuH-ltr li li.onhover ul, .menuH-ltr li li li.onhover ul, .menuH-ltr li li li li.onhover ul
	{
		left: auto;
	}
	.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
	.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
	{
		right: auto;
	}
	.menuH ul li ul { margin-top: -5px !important; }
	.menuH-rtl ul a.arrow { background: url(images/top.gif) no-repeat 3% center; }
	.menuH-rtl ul a.arrow:hover { background: url(images/topon.gif) no-repeat 3% center; }
}