#theme_navigation_bar .menutreec 
{
    display: table;
    height: 42px;
    position: relative;
    margin: 0 auto;	
    z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	
}

/* remove all the bullets, borders and padding from the default list styling */
#theme_navigation_bar .menutreec ul 
{
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none;
}

/* all li - float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
#theme_navigation_bar .menutreec li 
{
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}

#theme_navigation_bar .menutreec li  span
{

    text-decoration: none;
    text-align: center;
    color: #000000;
    padding-left:10px;
    padding-right:10px;
    height: 42px;
    line-height: 42px;   
    display: block;
    cursor:pointer;
}
 

/* style the links for the 1st level */
#theme_navigation_bar .menutreec a, 
#theme_navigation_bar .menutreec a:visited 
{
    display: block;        
    text-decoration: none;
    text-align: center;
    color: #fff;
    height: 42px;
    line-height: 42px;
    border: 0;
    padding-left:7px;
    padding-right:7px;
    border-right:1px solid #EA8D3D;
	font-size:10px;
}




/* style the links for the 1st level - last item */
#theme_navigation_bar .menutreec ul li.last a,
#theme_navigation_bar .menutreec ul li.last a:visited
{
    border-right:0;
}

/* style the links for all levels - last item */
#theme_navigation_bar .menutreec ul ul li.last a,
#theme_navigation_bar .menutreec ul ul li.last a:visited
{
    border: 0;
}

/* 1st level hover */
#theme_navigation_bar .menutreec a:hover
{
   
}

/* 1st level state when mouse is on 2nd level (it makes 1st level to remain selected) */
#theme_navigation_bar .menutreec :hover > a
{
    background-image:url(../../../images/menu_pattern_up.png);
	background-repeat:repeat-x;

    
}

/* style the links for the 2st level */
#theme_navigation_bar .menutreec ul ul a, 
#theme_navigation_bar .menutreec ul ul a:visited 
{
    display: block;
    width: 199px;
    height: 30px;
    line-height: 30px;
    padding: 0; 
    margin: 0;
    border: 0;
    border-bottom: 1px solid #5697bc;
    background: #076ba6;
    color: #ffffff;    
    text-align: left;
    text-indent: 10px;    
}

/* 2st level hover */
#theme_navigation_bar .menutreec ul ul a:hover
{
   
    background: #febf00;   
    font-weight: bold;
}

/* hide the sub levels and give them a position absolute so that they take up no room */
#theme_navigation_bar .menutreec ul ul 
{
    visibility:hidden;
    position:absolute;
    top:45px;
    left:0;
    width:199px;
    border:1px solid #436690;
}

/* make the second level visible when hover on first level list OR link */
#theme_navigation_bar .menutreec ul li:hover ul,
#theme_navigation_bar .menutreec ul a:hover ul
{
    visibility:visible;
}