#menu-wrap {float:right; width:850px; height:47px; position:relative; z-index:100; text-align:center; margin-top:20px;}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; w\idth:100%}
/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0;list-style-type:none; }
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0; }
#menu-wrap ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li {float:right;position:relative;}
#menu-wrap ul ul li {width:100%; text-align:right;}



/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display:block;
    text-decoration:none; 
    color:#ec2527; 
    line-height:11px;
    padding-left:10px; 
    padding-right: 5px;
	padding-top:0px;
	border-right:solid 1px #EAEAEA;
	font-weight:bold;
	
	
   

	


	width:150px;
}



#menu-wrap ul li:hover a,  #menu-wrap ul a:focus, #menu-wrap ul a:active{    
    
	
	  text-decoration:overline;
			  

}


/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}

/* style the second level background */
#menu-wrap ul ul a {
background-color: #ec2527;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
border:0px;
text-align:left;
text-decoration:none;

line-height:11px;
padding-top:10px;
padding-bottom:10px;
}



#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
   
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:12px; 
color:#ffffff; 
font-weight:bold;
font-size:11px;
text-align:left;
text-decoration:underline;
line-height:11px;
padding-top:10px;


}


/* another hack for IE5.5 */
* html #menu-wrap ul ul {top:30px;t\op:30px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    color:#fff; height:auto; line-height:12px; padding:5px; width:150px;
	
}
/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu-wrap a:hover, #menu-wrap ul ul a:hover{color:#fff; text-decoration:underline;  }
#menu-wrap :hover > a, #menu-wrap ul ul :hover > a {color:#000; text-decoration:underline; }
          
/* style the second level hover */
#menu-wrap ul ul a:hover{color:#FFFFFF; text-decoration:underline; }
#menu-wrap ul ul :hover > a {color:#FFFFFF; text-decoration:underline;  }
                                  
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul a:hover ul{visibility:visible; }




.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}

.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a{
    padding:0;
    margin:0;    
}
.cms-nav-left-menu{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li{
    position: relative;
    margin:4px 8px 2px 8px;
	
}