/* top level
--------------------------------------------*/
.menuTemplate4
{
	/*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("/horizontal/menuh/cssmenu.htc");
	position:relative;
	z-index:7;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
.menuTemplate4 li
{
	padding: 0;
	float: left;
	height: 73px;
	position: relative;
	z-index:5;
	color: #000000;
}
.menuTemplate4 li:hover, .menuTemplate4 li.onhover
{
}

.menuTemplate4 a
{
	display: inline-block;
	outline: 0;
	position: relative;
	font-size: 12px;
	line-height: 35px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.menuTemplate4 li:hover a, .menuTemplate4 li.onhover a
{
    color: #000;
    z-index: 9;
}
.menuTemplate4 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate4 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate4 li.separator
{
    display:none;
}
               
        
/* sub level
--------------------------------------------*/
        
.menuTemplate4 .drop
{
	position: absolute;
	z-index:5;
	left: -9999px;
	text-align: left;
	color:#0F4F89;
	top:34px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-left-color: #DDD;
	padding-top: 13px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
}

.menuTemplate4 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
    background-image:none;
}

.menuTemplate4 li:hover .drop, .menuTemplate4 li.onhover .drop
{
	left: -1px;
	background-image: url(img/left_side.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.menuTemplate4 li:hover .dropToLeft, .menuTemplate4 li.onhover .dropToLeft
{
	left: auto;
	right: -1px;
	background-image: url(bg-left.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.menuTemplate4 li:hover .dropToLeft2, .menuTemplate4 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate4 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate4 li:hover .drop a, .menuTemplate4 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate4 div.drop div a
{
    line-height: 24px;  
    color: #0F4F89;
    background:none;
}
.menuTemplate4 div.drop div a:hover
{
    text-decoration:none;
    cursor:pointer;
    color:#000000;
}

.menuTemplate4 div.left {float:left;}

        
/* CSS3 effects
--------------------------------------------*/

/*for top-level*/ 
.decor4_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0px 1px 4px #999;
    -webkit-box-shadow: 0px 1px 4px #999;
    box-shadow: 0px 1px 4px #999;
            
}

/*for submenu.*/ 
.decor4_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 4px 10px #CCC;
    -webkit-box-shadow: 0 4px 10px #CCC;
    box-shadow: 0 4px 10px #CCC;  
}